作者博客:bot7.cc
虽然现在市面上已经有很多优秀的博客服务商,但是拥有一个属于自己的站点还是一件很有吸引力的事情。整个站点从头到尾都可以完全按照自己的意愿定制,并且可以完全避免各种碍眼的广告。最重要的是,配上一个个性化的域名,逼格满满啊。哈哈!
利用GitHub Pages服务加Jekyll的模式可以实现本地化的编写调试,支持Markdown语法,并且利用Git Push即可完成部署,非常方便。最重要的是,GitHub Pages是免费的。
1. 在GitHub上创建仓库并开启GitHub Pages服务
GitHub Pages是GitHub为方便用户建立项目主页提供的服务,可以在项目设置中开启。用户可以选择为该仓库建立一个分支来存储网页的代码,也可以选择直接利用master分支存储整个网站。开启了这项服务之后,只要将网站的代码Push到仓库中就可以访问了。
GitHub会自动分配一个用户ID.github.io
的域名,当然如果你购买了域名的话,可以将其替换为已购买的域名。若要使用自定义域名只需要在设置中勾选自定义域名的复选框并去相应的域名服务商添加解析条目,将你的域名解析到GitHub的服务器,IP地址可以在GitHub的帮助文档中找到。
2. 安装Jekyll
Jekyll可以自动生成站点的框架,包含各种各样的主题,并且可以建立本地的站点服务方便进行测试。
由于Jekyll依赖于Ruby运行,因此也需要同时安装Ruby。
- 下载安装Ruby
- 下载安装Ruby的开发套件(2.4版的Ruby安装完成之后会弹出窗口自动安装开发套件)
- 打开终端
gem install jekyll
安装Jekyll
3. Jekyll的使用
使用Jekyll建立新的站点非常简单,只需要在终端输入jekyll new sitename
就会在当前目录建立名为sitename的站点。
当然,这里我们建议使用Jekyll的主题模板,在网上搜索到喜欢的主题之后,下载解压,修改其中的_config.yml
文件,完成站点的配置。
之后在_post
目录下建立MarkDown文件完成新文章的发布,一个MarkDown文件对应一篇文章,这个目录下通常会有文章的模板,按照模板来配置就行了。
在站点目录下打开终端之后键入jekyll serve
即可开启Jekyll的本地测试服务,利用浏览器访问localhost:4000
就可以进行站点的本地测试。
测试完成之后只需要将整个站点的代码利用Git Push到第一步建立的GitHub仓库就完成了所有配置。
4. 配置CDN加速
为了提高站点的访问速度,可以配置CDN加速。目前腾讯云提供免费CDN加速服务,只不过使用版具有流量限制,但是对于个人站点足够用了。
注册腾讯云服务,进入CDN配置后台,按照向导新建站点,添加CNAME解析到GitHub服务器即可。
补充-配置SSL证书开启https访问
2017-07-31
GitHub Pages提供的证书域名为*.github.io,如果配置了自定义域名的话,用户使用https访问会出现证书错误。
度娘谷歌了一圈发现网友推荐的都是国外的CDN运营商Cloudflare提供的证书服务,但是在国内由于一种神秘力量的存在,导致这些国外的网站非常慢甚至是完全不能用。于是转而寻找国内的替代服务,惊喜的发现腾讯云就提供的免费的SSL证书服务。
只需要在腾讯云产品中选择SSL证书,之后点击申请免费SSL证书,按照向导进行申请配置就可以了。
由于我的域名解析使用的就是腾讯自家的云解析,证书申请之后不需要进行任何配置。如果你使用的其他域名解析服务,可以按照向导说明一步一步设置,非常简单。