用Jekyll模板搭建Github页面-Windows

安装基本软件

• 首先安装一个能在windows环境下运行的包管理器Chocolatey

• 因为Jekyll是用Ruby写的，所以要安装Ruby，在控制台中输入choco install ruby -y回车

• 关闭控制台，然后再打开控制台并输入gem install jekyll，这样Jekyll就装好了：如果出现ssl3错误按照以下步骤（点我看原文）解决：

  在 https://rubygems.org/pages/download 下载最新版的rubygem

  cmd输入 gem install –local C:\rubygems-update-x.x.xx.gem：local后面即刚下载好的gem文件

  然后输入update_rubygems –no-ri –no-rdoc

  结束后再输入gem install jekyll，应该就可以了

• 重新打开控制台，输入chcp 65001避免编码问题

• 安装Ruby开发环境，在控制台中输入：

  choco install ruby2.devkit

• 在C:\tools\DevKit2文件夹中打开控制台，执行命令 ruby dk.rb init，产生config.yml文件

以下内容参照jekyll官网安装说明

• 编辑config.yml文件，并在最后加入

  - C:/tools/ruby23

• 然后执行ruby dk.rb install

• 安装Nokogiri gem，在控制台中依次执行以下命令：

  cinst -Source “https://go.microsoft.com/fwlink/?LinkID=230477” libxml2 回车

  cinst -Source “https://go.microsoft.com/fwlink/?LinkID=230477” libxslt 回车

  cinst -Source “https://go.microsoft.com/fwlink/?LinkID=230477” libiconv 回车

  输入以下一大段命令

  gem install nokogiri --^
     --with-xml2-include=C:\Chocolatey\lib\libxml2.2.7.8.7\build\native\include^
     --with-xml2-lib=C:\Chocolatey\lib\libxml2.redist.2.7.8.7\build\native\bin\v110\x64\Release\dynamic\cdecl^
     --with-iconv-include=C:\Chocolatey\lib\libiconv.1.14.0.11\build\native\include^
     --with-iconv-lib=C:\Chocolatey\lib\libiconv.redist.1.14.0.11\build\native\bin\v110\x64\Release\dynamic\cdecl^
     --with-xslt-include=C:\Chocolatey\lib\libxslt.1.1.28.0\build\native\include^
     --with-xslt-lib=C:\Chocolatey\lib\libxslt.redist.1.1.28.0\build\native\bin\v110\x64\Release\dynamic
  

  回车

新建Github页面并安装Jekyll模板

• 我的模板来自HPSTR，从这里把模板fork到自己的Github

• 也可以自己找喜欢的模板，在Jekyll模板库

• 建立自己的Github主页，在自己的Github中建立一个新的depository，命名为username.github.io，这里的username必须是自己的github用户名，比如我的用户名是einsteinliu，就必须新建一个叫einsteinliu.github.io的Depository。

• 将新建的github页面的Depository克隆到本地文件夹，比如D:\Blog：

  git clone https://github.com/username/username.github.io

  然后会出现D:\Blog\username.github.io这个文件夹，这就是本地Depository

• 将之前Fork到的HPSTR模板下载下来，复制到github页面的本地文件夹D:\Blog\username.github.io

• 在这个文件夹中打开控制台，依次执行以下命令：

  git add –all回车

  git commit -m “init”回车

  git push -u origin master回车

  输入Github的用户名密码回车，等待代码上传完成

• 从浏览器访问einsteinliu.github.io，新页面应该就可以访问了

以后每次改动页面后，在页面代码所在文件夹中执行

bundle exec jekyll serve

页面就会重新编译

​

​

​

​