01/05
2014

Jekyll 伪春菜

准备

下载伪春菜静态实现到你的github io项目的根目录DrayChou/ukagaka/

我的项目目录在~/github/imyon.github.io/

$ cd ~/github/imyon.github.io/
$ git clone https://github.com/DrayChou/ukagaka/

修改wcc.js文件

进入伪春菜目录:

$ cd ukagaka
$ vim wcc.js;

搜索http_base修改该行为:;

var http_base = "/ukagaka/";

引入

进入主题的default.html文件,不同主题目录是不同的,我的是在_includes/themes/twitter

$ cd ..
$ cd _includes/themes/twitter
$ vim default.html

在body结束前引入js

<body>
    ...
    <!--引入伪春菜-->
    <script src="http://code.jquery.com/jquery.min.js"></script>
    <script type="text/javascript" src="/ukagaka/wcc.js"></script>
</body>

最后使用jekyll命令生成网站

$ cd ~/github/imyon.github.io/
$ jekyll build

ok,结束,访问网站即可看到效果

后记

刚开始玩github page 和jekyll,折腾了半天终于弄好了。感觉用jekyll写文的感觉不错,以后估计常驻了。