利用Github搭建自己专属博客

Posted by Chejdj Blog on February 13, 2018

这是一个在Windows简易的搭建博客的方法,建立使用Jekyll构建自己的博客,所以这一篇文章采用fork别人的模板来构建(“偷懒”),在此之前需要满足一下条件

  • 注册一个Github账号
  • 本地安装Git,并且能实现Git向自己的仓库push文件 教程

第一步:fork别人模板

这里我以自己的博客的模板为例(fork),我自己采用的一款名叫NexT主题,在github上面搜索jekyll-theme-next 然后点击fork 这里写图片描述 然后查看自己的本地仓库,刚开始你的仓库的名字是别人的名字,点击Setting 这里写图片描述 然后更改自己的账号名字 这里写图片描述 (更改自己仓库名字,一般都是”自己账号的名字.github.io”,因为一般生成的访问地址就是这个)最终自己的博客访问地址可以向下面翻看到Github Pages就是最终访问地址 这里写图片描述 现在你已经完成大部分,现在就可以试一下是否能访问成功,可是你看到的是别人的博客别人的名字,下面就来自己定制了。

第二步:修改模板

一般有两种方法:直接在Github网页上修改,在自己电脑本地修改,这里我选择在本地修改,这时候就需要Git工具。选择自己想要放博客源的文件夹,然后点击鼠标选择Git Bash Here 输入命令 git clone +自己仓库的地址+”.git “ 这里写图片描述 然后进入自己clone的目录,修改模板的配置文件 这里写图片描述 修改_config.yml文件,里面的内容如下 这里写图片描述 里面有一些很详细的设置,作者的名称,网站的建立时间,描述等等,很多可以根据自己的喜好设置,这具体的设置我们可以参考官网设置 修改完这一切之后 就可以push上我们的仓库(具体命令看最安装Git链接)

注意: 我再按照官网配置第三方服务 来必力 评论时并文章下面没有出现评论的框,如果没有的话,我们可以按照 来必力 官网设置, 在管理页面-代码管理,把里面的所有代码复制到 我们工程文件 /_layouts/post.html 最后添加这些代码就好了。

第三步: 本地安装Jelly

我们不可能每次修改一点,就去push上去,所以我们应该本地查看确认无误之后才push是最好的,所以我们需要自己的电脑上安装Jelly

安装Ruby

下载exe 地址:http://rubyinstaller.org/downloads/ 这里我推荐下载Ruby2.2.6,因为后面安装Devkit只支持2.0-2.3版本 这里写图片描述 安装的时候注意勾选 “Add Ruby executables to your path” 这里写图片描述
安装之后,win+R 命令行输入 ruby -v 如果显示了版本号就安装成功

安装Devkit

下载地址 :http://rubyinstaller.org/downloads/ 这里写图片描述 根据自己的需求安装32还是64

  1. 运行安装包并解压缩至某文件夹,如 C:\DevKit
  2. 通过初始化来创建 config.yml 文件。在命令行窗口内,输入下列命令:
  3. cd “C:\DevKit”

ruby dk.rb init

notepad config.yml

  1. 在打开的记事本窗口中,于末尾添加新的一行- C:\Ruby200-x64,保存文件并退出。
  2. 回到命令行窗口内,审查(非必须)并安装。
  3. ruby dk.rb review
安装Jekyll

首先,测试一些gem 工具是否安装成功(下面的都可以在git窗口执行) 命令行输入:

gem -v //显示版本号则成功

gem install jekyll

注意:可能遇到错误 例如

ERROR: Could not find a valid gem ‘jekyll’ (>= 0), here is why: Unable to download data from https://rubygems.org/ - SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed (https://api.rubygems.org/latest_spece.4.8.gz)

显示不能下载,什么 证书验证失败之类的。我们就需要去下载证书并且配置环境 下载:http://curl.haxx.se/ca/cacert.pem 拷贝到:Ruby安装目录下的“bin”文件夹下 环境变量: 这里写图片描述

安装Bundler

$ gem install bundler

进入自己的博客目录,安装依赖

$ bundle install

运行Jekyll

$ bundle exec jekyll server 这里写图片描述 然后打开自己浏览器访问4000就可以了 这里写图片描述 到这 就已经完成安装了,后面只需要把自己的博客md文件放到_post文件里面去,push上github仓库就行了

注意 每一篇博客前面都要写YAML头信息,可是我刚开始用Markpad写博客的时候,没什么识别出YAML头信息,无法分类和标签,后面我用Markdownpad写却可以识别出,所以推荐使用markdownpad写博客。 markdownpad安装教程:https://www.jianshu.com/p/5604996dcdbb