windows下「GitHub Blog」的搭建与工具的推荐

GitHub Blog Windows Markdown Jekyll

快速搭建教程

请参考 GitHub﹒BY的教程
主要流程为：

关于添加 Disqus 功能的几点补充：
1. 在_config.yml 文件中配置用户名

2. 点击 Add Disqus To Site 配置 site
3. 在_layouts\post.html 的 <div class="comment"> </div>之间加入生成的个人Universal Code
如图：

基础配置坑点已跳，其余参考GitHub﹒BY的教程 以下仅对其补充并推荐使用工具。

Windows下安装Jekyll

• Why Jekyll？

  Jekyll 是一个简单的博客形态的静态站点生产机器。它有一个模版目录，其中包含原始文本格式的文档，通过 Markdown （或者 Textile） 以及 Liquid 转化成一个完整的可发布的静态网站，你可以发布在任何你喜爱的服务器上。Jekyll 也可以运行在 GitHub Page 上。

• How？
  1.安装 Ruby 以及 DevKit
  
  2.安装 jekyll

  • git bash输入：gem -v 检查gem是否安装
  • git bash输入：gem install jekyll 安装jekyll
  • cd至Blog文件夹git bash输入：jekyll s 启动本地服务
    如果报错，按照提示，使用gem install 安装相关的gem
    例如：
    
    输入gem install jekyll-paginate安装
    服务运行成功浏览器打开127.0.0.1：4000查看效果
    
    发现黄色warning，定位到
    ├─ blog.githu.io
    │ ├─ _layouts
    │ │ ├─ post.html
    │ │ ├─ page.html
  • 查找&&替换为and
  • 查找{{site.featured-condition-size}}替换为site.featured-condition-size

The error is actually the way you are referring to a variable. You can't use hyphens like that and you dont need to use {{ }} inside a {% %} tag.

到此为止我们已经可以在Windows下本地撰写调试Blog然后再通过 GitHub Desktop / Git 上传了。

Windows工具推荐

• 图床七牛云
• 上传图床软件qiniu-image-tool-win
• 截图工具Snipaste
• Markdown编辑器cmd_markdown_win64
  综合使用的话效果如下：
  

演示gif所用工具为gifCam

至此，我们在Windows下能够初步便捷地编写GitHub Blog了，还有很多功能仍旧需要我去学习啊。

致谢

1. 这个模板是从 BY fork 的。BY 又是从 Hux fork的，那我只能感谢他们所有人了。
2. 这个post主要是记录一些Windows下配置遇到的问题，所以参考了在windows下安装jekyll。