之前已经有一个Idiotory - whyidoit,建的时候完全是一头雾水,主题也不是简约风的,色彩比较多,这点调整起来就困难,然后很多样式支持的也不好,进而影响自己写博客的积极性(好吧,借口!),基于这些因素,就一直想从头建一个gitpage,拖了很久(2年?),昨天加完班晚上11点到家,开始折腾到晚上9点commit了137次才弄完,,早上只躺了1个小时,成文记录下。

主题挑选

一直想找个极其精简的博客模板,类似王垠的当然我在扯淡就很喜欢简单又不是设计感,但对设计和web编程也只是“七窍通了六窍”,只有找别人开源的。能google到的我全都筛选了一遍,像awesome-jekyll-themesGithub Pages themes等,如果你需求可以去找下。最终比较喜欢Talewhiteglass两个风格的,最后采取以whiteglass为基础模板然后主页用Talepost样式。当然自己也改造了很多。

动手改造

模板敲定了,接下来就是添砖加瓦,先整合了Talepost界面,然后加入tagcategory的支持,最后还加上了访问人数的统计。

主要解决:

  1. 首页标题下划线ccs动画
  2. 无plugin 支持 tag 和 category
  3. 页码支持
  4. footer页脚改造
  5. google analytics 嵌入
  6. 访问数统计
  7. 首页文章缩略

由于不想安装Jekll环境(总是被这种无脑的想法所困),所以都是修改了,提交github再看是否成功,浪费了很多时间(有很多是对Liquid语法不熟,语法出错改了很多次,比如 % } github编译一直没有很好的提示),工欲善其事必先利其器啊!

后续计划

有了页面,还差一个好的编辑器,两者缺一不可,所以后面想法是基于stackedit改造为一个离线的客户端编辑器。主要是感觉stackedit有几个不能满足我的需求:

  • 不支持远程和本地工程目录
  • 插入图片不够方便
  • 多了一些不需要的功能
  • comment不支持集成

在没有更好的替代品出现时,只有自己动手才能”follow my heart”。

虽然gitpage的搭建本来就很傻瓜式,但是我还是折腾了很久,对于web一点经验都没有,从头开始(呼应下标题)。通过这个过程,用到了之前走马观花式学的东西,也学了很多,也参考了很多网上资源,下面罗列备注下,以表感谢:

  1. Jekyll 的配置和基础
  2. Liquid 模板语法
  3. CSS和HTML基础
  4. Jekyll Tags on Github Pages
  5. 访问统计-不蒜子
  6. Tale模板
  7. whiteglass模板