使用 Jekyll 搭建 Github Pages 个人博客

## 概述

本文主要记录我使用Jekyll 和 Gitalk 搭建Github Pages 个人博客的过程。

搭建步骤参考了 [这个文档](https://segmentfault.com/a/1190000013705747) 非常感谢,以下为我按照该文档操作的补充及问题解决。

如对本地搭建运行 Jekyll 模板不感兴趣,可 [跳转最后](#更新及发布博客内容) 直接查看模板使用。

* [建立站点](#建立个人-Github-Pages-站点)

* [安装配置 Jekyll](#安装配置-Jekyll)

* [搭建项目](#搭建项目)

* [项目配置](#项目配置)

* [更新及发布博客内容](#更新及发布博客内容)

* [致谢](#致谢)

## 建立个人 Github Pages 站点

要求:本地安装 GIT , 并申请 GITHUB 账号。

1. GITHUB 上创建 xxx.github.io 的仓库名, xxx 即你的 GITHUB 账号。

2. 进入创建的仓库主页, 点击 SETTINGS, Github Pages 中点击 Choose a Theme 选择一个主题保存后,此时就已经搭建了一个基本的Github Pages了,你可以通过 账户名.github.io 进行访问。

    > 默认主题较简陋,所以才有了以下使用模板的步骤。

## 安装配置 Jekyll

* WINDOWS 下配置

1. 安装 Ruby 和 DevKit。


    通过 [官网](https://rubyinstaller.org/downloads/) 下载 WITH DEVKIT 的安装包,安装过程默认。安装完后弹出 CMD 安装 MSYS2 的窗口选择 3, 等待自动安装。

    > 以上安装 MSYS2 的时候我遇到一直连接某个数据库没提示完成的问题,但是查看版本号有显示已安装完成,并且也没影响到我后续操作。

    使用以下命令查看是否安装完成

        ruby -v

        gem -v


    如果以上命令都能输出版本号的话说明你上一个步骤安装成功。

    因为源地址被墙的原因,安装完毕后还需要记得切换下地址(旧版说使用淘宝源的已经不可用,淘宝官网有给说明)

        $ gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

    查看地址是否替换成功

        $ gem sources -l

    确保显示的只有 https://gems.ruby-china.com/

2. 安装 bundler

    使用以下命令安装

        gem install bundler

    安装完成后通过版本号查看是否安装成功,然后切换下源地址

        bundle -v

        bundle config mirror.https://rubygems.org https://gems.ruby-china.com


    这样你不用改你的 Gemfile 的 source

    > 源地址的切换和查看 [淘宝网站](https://ruby.taobao.org/) , 本文编写时 https://gems.ruby-china.org/ 域名已到期换位 https://gems.ruby-china.com/ 具体该网站官网有介绍。如果以上源地址切换失败了可以去该官网查看最新。

3. Jekyll 安装

    使用以下命令安装

        gem install jekyll

* MAC 下配置

  MAC 下由于内置 Ruby 省去了第一步的安装,其余不变。

## 搭建项目

Jekyll 安装完之后,项目模板就可以在本地奔跑了。

1. 在任意文件夹下使用如下命令创建一个模板

        jekyll new project-name


    当然这个自带模板比较简陋,这里我使用的 [这个模板](https://github.com/iluchen/mzlogin.github.io) 。也可自行查找其他 Jekyll 模板。

2. 将模板 clone 到本地,在文件夹用运行一下命令安装依赖

        bundle install


3. 注册及使用 Gitalk 评论

    具体参考 [官网](https://gitalk.github.io/) , 注册成功后替换本模板下 _config.yml 中 gitalk 的参数。

  4. 启动服务

          jekyll server

      一般上述情况会遇到一个问题,就是当前安装的 Jekell 版本一般会比原来的高,这时候就会报错,提示在这个命令之前加上 bundle exec

          bundle exec jekyll server

      > WINDOWS 下可能还会遇到一个 timezone 的问题,可以参考 [这个答案](https://github.com/tzinfo/tzinfo/wiki/Resolving-TZInfo::DataSourceNotFound-Errors) 在 Gemfile 中添加 gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw] (有 64 位区分,具体看原文), 然后执行 gem install tzinfo-data

## 项目配置

项目配置修改在_config.yml里面, README.md 文件也有具体说明。

## 更新及发布博客内容

将 [模板内容](https://github.com/iluchen/mzlogin.github.io) 拷贝并覆盖仓库 账户名.github.io 即可。


  * 不安装 Jekyll 和配置项目配置博客


  1. 参照 README.md 文档,修改 _config.yml 内容


  2. 编写 _posts 中的 md 文件(博客内容),可使用 md 工具预览。

## 致谢

我是帅帅的玉米 [https://segmentfault.com/a/1190000013705747](https://segmentfault.com/a/1190000013705747)

码志 [https://github.com/mzlogin/mzlogin.github.io](https://github.com/mzlogin/mzlogin.github.io)

END

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,236评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,867评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,715评论 0 340
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,899评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,895评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,733评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,085评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,722评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,025评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,696评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,816评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,447评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,057评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,254评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,204评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,561评论 2 343

推荐阅读更多精彩内容