经过2天的瞎折腾,终于把一个让自己相对满意的小站建立起来了,写个总结聊以告慰这2天被我折腾过去的时间。
github pages与jekyll
github pages是一个采用jekyll解析你提交给github的代码产生的静态网页。由于github pages采用的是jekyll作为其默认的静态网页模板引擎,我就直接顺便使用jekyll了。但事实是,对于一个没用过ruby的我,使用jekyll若进行插件开发真是煞费心力。所以建议不使用ruby的孩子们,可以尝试别的模板引擎,不然就很难自定义插件,不过这个可以弥补。那既然我使用了jekyll,我就还是给大家分享一下jekyll的使用过程。
jekyll安装与使用
安装jekyll需要首先安装ruby,所以请先安装ruby的dev包,然后再安装jekyll:
$gem install jekyll
如果你事先没有安装ruby,那么安装过程会出错。
安装完毕,试一下jekyll好不好用,在命令行输入了jekyll..人家告诉我command not found..我了个擦,这怎么能行。然后我whereis jekyll查看了一下...才发现,人家安装的是/usr/bin/jekyll2.0,好吧,你赢了,jekyll2.0输入起来多不方便啊,我就建了个软链接ln -s /usr/bin/jekyll2.0 /usr/bin/jekyll,还是用jekyll吧。
jekyll的典型目录结构是这样子滴:
|-- _config.yml
|-- _includes
|-- _plugins
|-- _layouts
| |-- default.html
| `-- post.html
|-- _posts
| |-- 2014-02-18-mysql-undo-redo.md
| `-- 2014-03-01-intern-in-baidu.md
|-- _site
`-- index.html
其中config是配置文件,includes可以写一些复用文件,以在使用的时候引用之。上一句是liquid标记语言,jekyll支持liquid,使用jekyll时候会常常用到,不会的可以看一下,灰常简单的。plugins可以加一些ruby写的插件,layout是你的模板html,posts就是你的日志内容啦。site里面是jekyll运行时跑出来的静态页面,至于index.html..小伙伴们都懂得。
jekyll这个目录结构就告诉了我们,他灰常适合来帮我们做一个博客,可以说fit well。jekyll有很多的内建变量,比如site,post,pagination啥的,具体怎么用,去官网看看~~
在建自己的站之前,可以去github上找一个你喜欢的jekyll主题,比如就可以借用我的,代码全在我的github上,大家使用的时候提我一下就好~然后再自己修改,这样比较快。我借用了别人的模板之后,在我的想法驱动下,对前端代码进行了大量修改。没办法,我也是轻微的完美主义患者。我现在是自己在看别人博客过程中,看到别人哪个地方好看了,就看他的css然后copy过来用。不过前端用开源的bootstrap也很不错,因为我copy的时候发现好多都是bootstrap里的代码T-T不过已然懒得换了。
那么建好自己的博客之后,想看看效果?很简单,在你的根目录处,执行:
$ jekyll serve
他会告诉你,在0.0.0.0:4000可以看到你网页的效果,当然,如果你写的代码有错,它就不会解析成功,去改一改吧。
github pages建立
感觉效果不错了,把它提交给github吧。首先在github上建立一个你自己的网站的repository,这个repo的名字要是username.github.com,在建立repo的时候,选择github pages。然后本地fork下来,把文件都弄进去,执行
$ git add -A
$ git commit -m "build up my blog"
$ git push
走你,然后等大概10分钟,去看看username.github.com,看看你的网页是否建立成功。其实最后它会给你定向到username.github.io上。
域名绑定
呐,看到这个域名,都不独立于github,果断的买个域名自己搞吧。国内买域名太麻烦,去国外的godaddy买吧,它支持支付宝哦。
先在domain下search一下自己的名字,看看标价,像我的名字就很少有重名,所以不太有人用,所以顶级域名才10美元。
果断买下来,等大概不到半小时吧,就能看到你的帐号下面有你注册的domain了。首先ping一下你的username.github.io,看一下ip,然后改A记录@和www指向这个ip,其他的不用可以删掉。
国外的dns解析可能会比较慢,国内有个免费的dns解析服务商,dnspod。免费注册一下,让它帮你扫一下你的域名即可。
嗯,大概就是这些,如果我还有什么想法持续更新。