从零开始在GitHub上部署个人博客——写给大家看的教程

技术文章 来源:Sneezry专栏 发布:2016-06-13 浏览:663

摘要:GitHub是一个利用Git进行版本控制、专门用于存放软件代码与内容的共享虚拟主机服务(来自维基百科),我更愿意把它称作程序员的社交网站。GitHub的中心是代码,程序员们加入到不同的项目中,围绕着代码进行相互交流。

本文同时也发布于图灵社区

本文适合的读者:希望搭建个人博客的朋友,无需了解Git、Ruby等技术。

GitHub是什么

GitHub是一个利用Git进行版本控制、专门用于存放软件代码与内容的共享虚拟主机服务(来自维基百科),我更愿意把它称作程序员的社交网站。GitHub的中心是代码,程序员们加入到不同的项目中,围绕着代码进行相互交流。

GitHub Pages是什么

GitHub Pages最早是为托管在GitHub上的项目提供介绍页面而诞生的,开发者们可以通过GitHub Pages为他们的每一个项目创建一个用于介绍该项目的静态网站。

Jekyll是什么

后来有人利用GitHub Pages建立了个人博客,但是由于GitHub Pages的网站是静态的,每次更新博客都需要手动更改HTML、接着GitHub联合创始人Tom Preston-Werner利用Ruby编写了静态网站生成工具Jekyll。Jekyll可以根据提供的模板以及文章内容自动生成静态网站,它的出现将网站的外观(模板)与网站的内容(博文)分开,简化的静态网站的维护。GitHub Pages也部署了Jekyll,上传到GitHub Pages的模板和博文可以被自动地通过Jekyll生成为一个静态网站。

部署Git及Jekyll

等等!说好的无需了解Git、Ruby等技术呢?啊,差点忘了,那这段跳过吧,正在阅读文章的你无需关注这些内容。Windows用户别怕,安装Ruby时的各种诡异问题都和你没啥关系了,咱压根就不碰它。

利用Jekyll Writer在GitHub部署Jekyll网站

Jekyll Writer是一款可视化的Jekyll网站管理程序,使用它可以避免接触Git和Jekyll来部署和管理Jekyll网站。

对于从没有接触过GitHub的用户,需要先到GitHub网站上注册一个用户,注册的过程我就不详细讲了。

登录GitHub之后,进入个人设置页面点击右上角的“Generate new token”生成一个token,Token description填写Jekyll Writer,Select scopes勾选repo。


生成完毕之后记录下这个token准备后面使用。

运行Jekyll Writer,选择Account标签,点击GitHub,在弹出的窗口中点击Add Account,将生成的Token填入文本框中,最后点击OK。如果一切顺利,就可以看到询问是否要立即扫描该账户下Jekyll仓库的提示了,点击OK继续。


扫描结束后,点击账户名就可以看到所有被搜索到的Jekyll网站了,如果没有,列表就是空的。点击下面的Create new site来创建一个新的Jekyll网站。


如果这是你的第一个网站,那么路径后面可以空着什么都不写,否则填写一个合适的路径。比如此处我填写一个blog的路径。


然后点击后面的对号确认创建,稍等片刻后提示创建成功。


这样一个Jekyll网站就创建完毕了。网站创建完毕后的URL是<yourname>.http://github.io/<path>,比如我在GitHub的用户名是Sneezry,我刚刚创建的网站路径是blog,那么这个网站的访问地址就是http://sneezry.github.io/blog

管理文章

网站创建成功之后,在Account标签下Blog Account区域的下拉菜单中就可以看到刚刚创建的网站,并切换到该网站。


点击左上角File按钮,选择菜单中的Open Post List菜单,在弹出的窗口中点击右上角的同步按钮进行同步。


同步完成后即可看到完整文章列表了。点击列表中的文章标题即可对文章进行修改

当然,在GitHub上写博客还有一个好处,就是可以利用Git版本控制这一特性管理博文历史。如果你对Git并不熟悉也无需担心,Jekyll Writer已经提供了使用方便的版本管理功能。打开任意一篇文章,切换到Account标签,点击History即可看到这篇文章的所有历史记录,点击历史记录即可打开相应的文章。


管理Jekyll网站

Jekyll Writer不仅可以对文章进行管理,同时对网站也可以进行管理,包括网站参数设置、域名绑定已经更改主题等等。

Jekyll Writer提供了一个在线的主题市场,点击Account标签下的Theme即可看到主题市场中的所有主题,点击Preview可以看到主题的应用效果,点击Apply会自动替换该主题。

不过现在主题市场中的主题还有点少,大家遇到好看的主题也可以向Jekyll Writer Theme投稿,但所投稿的主题要求一定是开源的。

点击Config对网站设置进行更改,多数情况下除了网站标题外等大部分的设置无需更改,具体参数可以参考Jekyll官方网站的文档


绑定域名只需点击Domain后填写完整域名,然后点击Update即可。在Jekyll Writer设置完域名之后,对于二级域名,需要登录域名的DNS后台,添加一条CNAME记录指向你的网站<yourname>.http://github.io。但如果你要直接绑定裸域,假如你的域名是http://awesome.com,同时希望http://awesome.comhttp://awesome.com都能访问到你的博客,那么在Jekyll Writer中你应将域名设置为http://awesome.com,同时在http://awesome.com的DNS后台添加两条主机名为@的A记录分别指向192.30.252.153和192.30.252.154,再添加一条主机名为www的CNAME记录指向裸域http://awesome.com

总结

Jekyll Writer是一款跨平台的Jekyll网站管理程序,它可以让使用者避免接触Git和Ruby等专业的技术而直接创建和管理基于GitHub Pages的静态网站,同时支持对文章的版本进行管理。Jekyll Writer可以通过jekyllwriter.com进行下载,由于还在内测之中,大家可以通过点击网站首页右上角的Request an invite申请测试资格,也可以直接发送邮件到invite@jekyllwriter.com进行申请。

好了,Jekyll不再只是Geek的玩物,大家一起High起来吧!

个人博客Github PagesJekyll

原    文:Sneezry专栏
作    者:@Sneezry

免责声明:

  1. SDK.cn遵循行业规范,所有转载文章均征得作者同意授权并明确标注来源和链接。
  2. 我们十分尊重原创作者的付出,本站禁止二次转载如需转载请与原作者取得联系。
  3. 转载SDK.cn的原创文章需注明文章作者、链接和"来源:SDK.cn"并保留文章及标题完整性未经作者同意不得擅自修改。
  4. 作者投稿可能会经SDK.cn适当编辑修改或补充。

评论 (100)

推荐工具 意见反馈