使用到的技术
Jekyll
jekyll是一个简单的免费的Blog生成工具，类似WordPress。但是和WordPress又有很大的不同，原因是jekyll只是一个生成静态网页的工具，不需要数据库支持。但是可以配合第三方服务,例如Disqus。最关键的是jekyll可以免费部署在Github上，而且可以绑定自己的域名。
ruby
Ruby，一种简单快捷的面向对象（面向对象程序设计）脚本语言，在20世纪90年代由日本人松本行弘(Yukihiro Matsumoto)开发
文中使用到的username为github的用户名 --不是邮箱
选择模板
- 创建自己的github账户
- 创建一个新的仓库这分两种情况 -- 如果不是这两个情况--则渲染失败:
- 仓库名称为 username.github.io 则使用 master 分支
- 如果创建的名称为其他的 则使用 gh-pages 分支
- 去模板网站选择一个模板 点击前往
上传模板
- 在本地创建一个文件夹,将下载下来的jekyll模板复制进去. 并执行以下命令(本人使用的是 username.github.io 方式)
- git init
- git add .
- git commit -u "提交说明"
- git push origin master
- 上传完成--如命令提示符不熟悉,可以借助第三方工具--如 sourceTree 等工具
本地预览
- 由于jekyll是用ruby语言写的一个静态网页生成工具，所以要搭建jekyll本地环境就需要先配置好ruby环境。
- 去官网下载Ruby：https://www.ruby-lang.org/zh_cn/downloads/ 记得安装的时候选上“Add Ruby executables to your PATH”（添加系统环境变量）
- 下载DevKit，解压进行执行相关命令（至于为啥，我还不懂，这个是win系统下必要的步骤）。我解压到了C:\devkit下，打开cmd，切换到C:\devkit下，分步执行如下红色字样命令，出现如下提示表示安装成功了
C:\>cd devkit
C:\devkit>ruby dk.rb init
[INFO] found RubyInstaller v1.9.3 at C:/Ruby
Initialization complete! Please review and modify the auto-generated
'config.yml' file to ensure it contains the root directories to all
of the installed Rubies you want enhanced by the DevKit.
C:\devkit>ruby dk.rb install
[INFO] Updating convenience notice gem override for 'C:/Ruby'
[INFO] Installing 'C:/Ruby/lib/ruby/site_ruby/devkit.rb'
- 安装jekyll（需要联网安装） 打开cmd，执行如下红色字样命令（gem命令已在系统环境中，后面的jekyll亦如此），出现如下类似信息表示安装成功（这里会安装jekyll所依赖的东西，由于是联网安装，所以存在连接速度等网络问题，如果出现错误，在确认前面安装步骤正常的情况下请多尝试，耐心等待！！！事后添加[2013-10-08]：修改gem命令代码源为ruby.taobao.org速度应该会较快的，具体设置见：http://ruby.taobao.org/
- 执行 gem install jekyll 完成安装
- 进入下载的模板目录,使用 jekyll serve 命令启动本地服务,网站的端口是4000，通过http://localhost:4000来访问即可。
网友评论