-
Coding Pages 搭建静态网站
2018-02-12 20:24:51跟github一样,静态 Coding Pages 分为『用户 Pages』与『项目 Pages』两种类型。不同的 Pages 类型在访问链接与部署来源上存在差异。 Coding Pages 类型 Pages 默认分配的 URL 允许的部署来源 ...2020年补充:
coding现在已经改版了。新的coding官方搭建指南
跟github一样,静态 Coding Pages 分为『用户 Pages』与『项目 Pages』两种类型。不同的 Pages 类型在访问链接与部署来源上存在差异。
Coding Pages 类型 Pages 默认分配的 URL 允许的部署来源 用户 Pages {user_name}.coding.me master 分支 项目 Pages {user_name}.coding.me/{project_name} master 分支、coding-pages 分支、或 master 分支中的 /docs 目录 注意:Coding Pages 成功部署后您的网站可被公开访问,私有项目也是如此。
1.点击进入个人页面新建项目
新建一个名为 {user_name}.coding.me 的项目。{user_name}红色箭头所指的那个。
也就是说这两个红框框中写的要一样。
2.添加 index.html 文件
图中圈出两种方法,可以再本地写文件上传也可以直接新建。
我这里直接新建一个,**注意名字一定要叫 index.html 。**直接建在master分支上。
附赠一串Hello World<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Hello World </title> </head> <body> <h1>Hello World</h1> </body> </html>
3.pages服务
现在(2019-5-13)可能coding的仓库编程这种布局了,pages服务在这里哦、
4.创建成功
ヽ(•̀ω•́ )ゝ 创建成功,可以直接打开网址了。
更多详情查看:coding pages帮助文档
-
Hexo 双线部署到 Coding Pages 和 GitHub Pages 并实现全站 HTTPS
2019-09-16 10:28:25部署到 Coding Pages 的好处:国内访问速度更快,可以提交百度收录(GitHub 禁止了百度的爬取) 部署到 Coding Pages 的坏处:就今年来说,Coding 不太稳定,随时有宕机的可能,群里的朋友已经经历过几次了,不过...
我的博客地址:https://www.itrhx.com/
部署到 Coding Pages 的好处:国内访问速度更快,可以提交百度收录(GitHub 禁止了百度的爬取)
部署到 Coding Pages 的坏处:就今年来说,Coding 不太稳定,随时有宕机的可能,群里的朋友已经经历过几次了,不过相信以后会越来越稳定的
部署过程中常见的问题:无法实现全站 HTTPS,Coding 申请 SSL 证书失败,浏览器可能会提示不是安全链接
本文前提:你已经将 Hexo 成功部署到了 GitHub Pages,如果还没有,请参考:《使用Github Pages和Hexo搭建自己的独立博客【超级详细的小白教程】》
本文将全面讲述如何成功双线部署到 Coding Pages 和 GitHub Pages 并实现全站 HPPTS,同时解决一些常见的问题!
Coding 已更新,新版页面在创建项目的时候选择 【DevOps 项目】,其他步骤一样,然后进去项目里面,在左侧依次选择【持续部署】、【静态网站】,就可以开启 pages 服务了!
1.创建项目
进入 Coding 官网,点击个人版登陆,没有账号就注册一个并登录,由于 Coding 已经被腾讯收购了,所以登录就会来到腾讯云开发者平台,点击创建项目
项目名称建议和你的用户名一致,这样做的好处是:到时候可以直接通过user_name.coding.me
访问你的博客,如果项目名与用户名不一致,则需要通过user_name.coding.me/project_name
才能访问,项目描述可以随便写
2.配置公钥
配置 SSH 公钥方法与 GitHub Pages 的方式差不多,点击你的头像,依次选择【个人设置】-【SSH公钥】-【新增公钥】
前面部署到 GitHub Pages 的时候就已经有了一对公钥,我们直接将该公钥粘贴进去就行,公钥名称可以随便写,选中永久有效选项
PS:公钥储存位置一般在 C:\Users\用户名\.ssh 目录下的 id_rsa.pub 文件里,用记事本打开复制其内容即可
添加公钥后,我们可以右键Get Bash
,输入以下命令来检查是否配置成功:ssh -T git@e.coding.net
若出现以下提示,则证明配置成功:
Coding 提示: Hello XXX, You've connected to Coding.net via SSH. This is a personal key. XXX,你好,你已经通过 SSH 协议认证 Coding.net 服务,这是一个个人公钥
3.配置 _config.yml
进入你的项目,在右下角有选择连接方式,选择 SSH 方式(HTTPS 方式也可以,但是这种方式有时候可能连接不上,SSH 连接不容易出问题),一键复制,然后打开你本地博客根目录的
_config.yml
文件,找到deploy
关键字,添加 coding 地址:coding: git@git.dev.tencent.com:user_name/user_name.git
,也就是刚刚复制的 SSH 地址。【2020.04.06 更新】coding 地址格式现在有所改变,类似于
git@e.coding.net:TRHX/TRHX.git
,记住去仓库复制你自己的即可。
添加完成后先执行命令
hexo clean
清理一下缓存,然后执行命令hexo g -d
将博客双线部署到 Coding Pages 和 GitHub Pages,如下图所示表示部署成功:
4.开启 Coding Pages
进入你的项目,在代码栏下选择 Pages 服务,一键开启 Coding Pages,等待几秒后刷新网页即可看到已经开启的 Coding Pages,到目前为止,你就可以通过 xxxx.coding.me(比如我的是 trhx.coding.me)访问你的 Coding Pages 页面了
【2020.04.06 更新】coding 分配的域名现在有所改变,类似于
https://p51l67.coding-pages.com
5.绑定域名并开启 HPPTS
首先在你的域名 DNS 设置中添加一条
CNAME
记录指向xxxx.coding.me
,解析路线选择默认
,将 GitHub 的解析路线改为境外
,这样境外访问就会走 GitHub,境内就会走 Coding,也有人说阿里云是智能解析,自动分配路线,如果解析路线都是默认,境外访问同样会智能选择走 GitHub,境内走 Coding,我没有验证过,有兴趣的可以自己试试,我的解析如下图所示:【2020.04.06 更新】coding 分配的域名现在有所改变,类似于
https://p51l67.coding-pages.com
,请注意解析当中记录值的填写。
然后点击静态 Pages 应用右上角的设置,进入设置页面,这里要注意,如果你之前已经部署到了 GitHub Pages 并开启了 HTTPS,那么直接在设置页面绑定你自己的域名,SSL/TLS 安全证书就会显示申请错误,如下图所示,没有申请到 SSL 证书,当你访问你的网站时,浏览器就会提示不是安全连接
申请错误原因是:在验证域名所有权时会定位到 Github Pages 的主机上导致 SSL 证书申请失败正确的做法是:先去域名 DNS 把 GitHub 的解析暂停掉,然后再重新申请 SSL 证书,大约十秒左右就能申请成功,然后开启强制 HTTPS 访问
这里也建议同时绑定有 www 前缀和没有 www 前缀的,如果要绑定没有 www 前缀的,首先要去域名 DNS 添加一个
A
记录,主机记录为@
,记录值为你博客 IP 地址,IP 地址可以在 cmd 命令行 ping 一下得到,然后在 Coding Pages 中设置其中一个为【首选】,另一个设置【跳转至首选】,这样不管用户是否输入 www 前缀都会跳到有 www 前缀的了在博客资源引用的时候也要注意所有资源的 URL 必须是以 https:// 开头,不然浏览器依旧会提示不安全!
至此,我们的 Hexo 博客就成功双线部署到 Coding Pages 和 GitHub Pages 了,并且也实现了全站 HPPTS,最后来一张 GitHub Pages 和 Coding Pages 在国内的速度对比图,可以明显看到速度的提升
-
【其他】去掉Coding Pages的欢迎页之Hosted by Coding Pages,我的是Hexo的Next主题
2017-08-12 11:46:53首先必须把Coding Pages升级为银牌会员(免费),其实就是补全个人资料罢了。然后在Page服务中才会出现Hosted by Coding Pages设置项,如下图。有两种方式来去掉欢迎页,一种是文字,一种是图片,我一看图片是300*...首先必须把Coding Pages升级为银牌会员(免费),其实就是补全个人资料罢了。
然后在Page服务中才会出现Hosted by Coding Pages设置项,如下图。
有两种方式来去掉欢迎页,一种是文字,一种是图片,我一看图片是300*300,感觉有点大,并且是方形的,不知道放哪比较好,最后还是选择了文字,就是下边这一行代码。
<p>Hosted by <a href="https://pages.coding.me" style="font-weight: bold">Coding Pages</a></p>
结合Hexo的Next主题,我心中理想的效果是这样,与原有的3块配合,上边两块,下边两块:
但是,如果用官方建议的p标签,效果立马就丑哭了。
p标签带的行间距(不知道叫法对不对)太暴力了,空了一行,好丑。果断放弃p标签,改成span标签,“强力驱动”和“主题”两个字之间的竖线也挺好看的,copy一下,最后效果就是这样,自我感觉还好,就是不知道Coding官方能不能审核通过,希望我这么优美的布局能打动他们的审核。
最后把修改的footer代码贴出来,其实我只加了3行,另外,这个footer文件的位置在:
你的Hexo文件夹\themes\next\layout\ _partials\footer.swig
"> {% set current = date(Date.now(), "YYYY") %} © {% if theme.since and theme.since != current %} {{ theme.since }} - {% endif %} <span itemprop="copyrightYear">{{ current }}</span> <span class="with-love"> <i class="fa fa-{{ theme.authoricon }}"></i> </span> <span class="author" itemprop="copyrightHolder">{{ config.author }}</span> <!--以下3行为一条竖线和Coding Page--> <div class="powered-by"> </div> <span>Hosted by <a href="https://pages.coding.me" style="font-weight: bold">Coding Pages</a></span> </div> {% if theme.copyright %} <div class="powered-by"> {{ __('footer.powered', '<a class="theme-link" href="https://hexo.io">Hexo</a>') }} </div> <div class="theme-info"> {{ __('footer.theme') }} - <a class="theme-link" href="https://github.com/iissnan/hexo-theme-next"> NexT.{{ theme.scheme }} </a> </div> {% endif %}
补充:
2017/08/14:一个工作日过去了,我来到Coding Pages设置页,看到审核通过了,还挺快的,好开心。 -
Hexo之使用CodingPages,GitHub Pages实现全站Https
2018-08-17 16:50:38CodingPages 之前博客单线部署在Github Pages的时候,用的是cloudflare提供的SSL证书。但是cloudflare只能绑定一个CNAME记录(而且好像只能绑github.io?),所以后面双线部署(GitHub Pages+Coding Pages)后,...CodingPages
之前博客单线部署在Github Pages的时候,用的是cloudflare提供的SSL证书。但是cloudflare只能绑定一个CNAME记录(而且好像只能绑github.io?),所以后面双线部署(GitHub Pages+Coding Pages)后,cloudflare就不能用了。不过好在Coding Pages提供了通过Let’s Encrypt申请SSL证书进而开启全站HTTPs的方法。下面记录一下步骤~
步骤
- 首先确保你的博客已经部署在Coding Pages上并且已经添加CNAME记录,不懂的先参照
- 申请SSL证书
【注意:如果是Github+Coding双线部署,申请SSL证书前需要先将解析到github.io的CNAME记录暂停!!!不然Let’s Encrypt主机在验证域名所有权时会定位到Github Pages的主机上导致SSL证书申请失败】 - 等待10分钟左右申请成功
- 强制开启Https
后续
开启强制HTTPS访问后,网站内引用资源的URL必须以https:// 开头,避免引用资源加载失败。例如Css文件、JavaScript文件、Image文件。
GitHub Pages
就在前不久,GitHub Pages开放了自定义域名支持HTTPS。这意味着广大用GitHub Pages搭建个人博客的同学们有福了,不用再自己买证书或借用第三方服务,就能开启网址左边的小绿锁啦,非常省心。详细信息点我。
最后效果如图:
设置步骤根据你的自定义域名解析类型分为两种:1. CNAME,2. A。
1 CNAME
只需要在repositorys设置中开启Enforce HTTPS的选项即可。
若发现复选框为灰色开启不了,可以将Custom domain那一栏的内容删除置为空,点击save保存。再次填入你的自定义域名,点击save保存。会出现这样的提示:
说明你的证书还没发完,耐心等待即可。我等待了三天左右才成功,可能是现在申请的人太多。
2 A
A记录的话只需将解析的ip指向如下四个即可,问题官方链接。
185.199.108.153 185.199.109.153 185.199.110.153 185.199.111.153
其余的步骤和上面相似。
-
使用Coding Pages托管网站
2018-02-03 10:30:07Coding Pages官网页面: https://coding.net/pages/ 具体过程如下: 1 注册Coding账户 可以先使用邮箱注册,之后再绑定手机号(如果不想升级成银牌会员也可以不绑定手机号)。 2 完善资料,升级成银牌... -
GitHub Pages+Coding Pages+域名绑定
2019-05-08 20:09:52Coding Pages绑定域名 通过xxxxxx.github.io来访问不怎么cool,那就绑定属于自己的域名吧。 首先去阿里云购买域名并实名认证,这个就不细说了 设置域名解析 点击解析设置 添加记录 记录类型选A 记录值... -
使用CODING Pages 快速搭建轻应用
2019-04-17 14:59:30一、前言: 你是否曾经为搭建轻应用而大费周章过?...使用Coding Pages就能为你很快解决这些问题。 本篇博文你将能学到: 1.什么是CODING Pages? 2.使用CODING Pages 快速搭建一个HTML游戏 3.使用CODING P... -
hexo取消Coding Pages跳转页
2018-01-12 18:31:20Coding银牌会员的 Coding Pages 在访问时默认会先加载 Pages 跳转页,需要在网站首页任意位置放置「Hosted by Coding Pages」的文字版,才能取消跳转页。找到 站点 的 themes/next/layout/_partials 目录下的 footer... -
利用Hexo将博客部署到GitPages和CodingPages
2019-01-26 21:38:51既然写博客,那何不更有仪式感一点,所以就利用Hexo制作了一个属于自己的博客页面,然后托管至GitPages和CodingPages上,前者是国外的,后者是国内的,方便访问加速。最后呢,我在阿里云上注册了一个域名进行域名... -
Jekyll + Coding Pages 搭建静态博客
2016-12-26 13:26:31本文转自https://bigballon.github.io/posts/jekyll-github.html,原文是在github上使用jekyll搭建博客,这里用Coding Pages搭建博客,对于针对Coding Pages修改的内容和实践过程中遇到的与原文中不符的问题用红色... -
hexo+github打造个人博客系列之Coding Pages去广告
2018-02-02 21:34:40银牌会员的 Coding Pages 在访问时默认会先加载 Pages 跳转页,您可选择在网站首页任意位置放置「Hosted by Coding Pages」的文字版或图片版,然后勾选下方的「已放置 Hosted by Coding Pages」选 -
使用Travis CI自动部署博客到github pages和coding pages
2019-10-07 20:42:21每次换系统或换电脑之后重新部署博客总是很...这篇文章我们来讲讲如何利用 Travis CI把你 push 上去的博客源文件直接生成可访问的站点,并且同步部署到 github pages 和 coding pages 。 这篇文章假设你已经对这些... -
Hexo之使用CodingPages实现全站Https
2017-11-20 02:00:55写在前面 之前博客单线部署在Github Pages的时候,用的...),所以后面双线部署(GitHub Pages+Coding Pages)后,cloudflare就不能用了。不过好在Coding Pages提供了通过Let’s Encrypt申请SSL证书进而开启全站HTTPS -
CODING Pages 静态网站升级腾讯云新版踩坑小记
2020-12-01 22:08:58本文首发于个人博客CODING Pages 静态网站升级腾讯云新版踩坑小记。 自己的踩坑记录证明域名未备案的同学就不要升级了,新版需要付费,但升级后强制的境外 CDN 加速导致访问速度反而不如旧版快。 升级背景 之前把... -
CODING Pages 服务全面升级,更快更稳更可靠!
2019-04-22 17:27:51尊敬的 CODING 用户: 您好! 由于原上游服务商无法满足 CODING Pages...为保障用户使用体验,经过无缝平稳迁移,CODING Pages 服务现已全面升级至腾讯云,为用户提供更加强大的网络资源,加速 Pages 访问,同时优化... -
hexo next主题去掉码市的Coding Pages等待页
2017-09-08 07:41:47简介本文介绍去除码市的Coding Pages的等待跳转页的方法,采用hexo的next主题5.1.2版本. 1.升级银牌会员完善信息就ok,这一步是必须的。2.修改footer.swig找到主题下的这个文件,找到这一行:原来这里面放的是主题 —... -
Hexo博客开发之——Coding Pages 申请 SSL 证书错误
2020-08-16 09:17:08Hexo博客在进行Coding Pages绑定域名时显示如下错误: acme:error:unauthorized: During secondary validation: Invalid response from ... -
使用 CODING Pages 快速搭建一个HTML小游戏
2019-04-20 01:56:04身边经常会有小伙伴问我有没有办法不买服务器也能上线自己的个人项目,比如大家都非常喜欢干的——搭建一个属于自己的个人博客站点。...当然是有的,也就是今天要向大家推荐的 CODING Pages。 ... -
最新0成本简单使用CODING Pages搭建Gridea个人博客网站详细教程分享
2020-07-16 18:04:05直接0成本简单使用CODING Pages免费搭建Gridea个人博客网站,不需要购买域名也不需要购买服务器就可以搭建自己的博客 教程开始 gridea官网gridea.dev coding官网e.coding.net 1、首先我们先注册一个coding账户 ... -
OS X 下使用 Coding Pages 和 Hexo 搭建静态博客
2018-04-26 23:10:23OS X 下使用 Coding Pages 和 Hexo 搭建静态博客 1.安装 Git、Node.js 可以查看Git版本 git --version 可以查看node.js版本 node -v 2.安装 Hexo 利用npm命令安装,再OS上需要用到权限所以要用到sudo... -
[博客搬迁]本博客搬迁至Hexo独立博客+Coding Pages
2017-11-26 12:40:15感谢大家对我的支持,本博客不再使用,全面搬迁至Coding Pages(Hexo搭建),传送门。 -
Hexo瞎折腾系列(7) - Coding Pages申请SSL/TLS证书错误
2018-09-05 22:35:00今天我的个人站点SSL/TLS证书到期,我的证书是由Coding Pages提供的,每次申请成功后有效期是三个月,证书到期后可以继续免费申请。但是当我登陆进入Coding Pages服务的后台并点击申请证书时,竟然报错了!! 我重新... -
Gridea 部署 Coding Pages 教程
2021-02-04 21:28:061、Coding配置 1.1、注册Coding 团队名称:随意 团队域名:是后续Gridea配置中的仓库用户名的一部分,填写完保存好,留待后续使用 1.2、创建项目 左边菜单栏选择项目,点击创建项目 选择代码托管项目 项目名称...