开博志

22 Aug 2016 · 极客志 · 浏览量 -

跟风开了博客，写篇文章纪念纪念。

缘起

上大学前经常玩qq空间，写日志的习惯从小学起就养成了，话题从奶奶的红薯到武汉的大水再到“黑夜里也健步如飞的路”。虽然现在看来当时文笔幼稚得不行，不过回看这些记录，也是一种对时光的味道的品尝。

然而上大学后因故关闭了空间，在电脑上敲字也由写日志转变成写代码。记得去年同时上计算机系和软院的两门编程课，年末被微信点名2016想做的五件事时，我写下这样的感慨：

昨夜交了DS课的最后一个代码，老实讲感慨深深。这学期干的最多的一件事就是码代码了，课里课外码，日里夜里码，醒着梦着码（是真的梦到过😭）。尤其是码每月的lab，室友说我那一周的精神状态都是不正常的。但码多了，也开始体会到代码的趣味和神奇。站在2015年的年底看这学期来写的程序，基础的如树、图、哈希表，进阶的如24点、编译器、压缩器，心里是真的会沸腾的。想起以前妈妈说到当她看见自己画的图纸的机械最终被制造出来，心里觉得无比地骄傲和自豪。大概被心血浇灌出来的作品都是如此。
在我看来，程序员敲出的代码是有着文学王国的浩瀚与深邃的，是有灵性和人味的。就是那凝集着你执着与抱怨的几KB程序，竟能帮你计算24点的式子，帮你进行词语接龙，帮你压缩文件再解压⋯⋯它几乎是要为你跑出一个世界来。
上大学前从未想过干程序员这一行，但后来专业分流时进CS的意志却又异常强烈。这学期码代码时而身处焦虑和崩溃，也体会过思如泉涌手指如飞的畅快，偶尔的overdue使我心情低沉，但更多时候在跑出来的那一刻左右四顾，踌躇满志，恨不得一拍桌子站起来。心绪波动，峰回路转之后依旧爱得深沉，看来这一行和我之间，还是有缘混。

代码和文字，why not both？这样的想法在我内心蛰伏着，直到来交换前海哥开了博客，然后在网上发现了一些很有意思的程序员的博客，才发现，博客对于程序员而言，既能用来写写文字，又能用于展示项目、交流思想，总之是一个能提升自己的平台。

那么，开干！

经过

本以为开github page的博客就像开新浪、网易博客一样简单，注册后再选个模板就万事大吉了，但结果，我被现实无情地打脸了。😂

回想起来，流程大致是：

• 注册GitHub账户，拿到博客的域名，即ID.github.io
• 安装Ruby，配置Jekyll环境
• fork一个模板并修改

前两步很轻松，可以参考天灵的这篇博客：如何搭建一个令人愉快的博客 。此外还推荐一篇：GitHub 博客简明使用指南

第三步，其实模板选的好，一小时应该就能配好，无非是改改_config.yml的基本信息，换换image文件夹下的图片。然而，本人由于相中的模板坑留了特别多，所以改下来费了不少力气和时间。😭

在搜寻模板时看到的不错的汇总贴：Jekyll 博客主题精选

我相中的模板虽然外观上很有质感，然而功能上它有这么几个问题：

• 沿用了GitHub Pages已经不支持或即将不支持的rdiscount、pygments等工具，以致于生成博客页面后GitHub给你发一大堆警告邮件

• 没有加入评论系统，诸如Disqus和Disqus的山寨版多说

• 没有设置目录元素

• 没有进行响应式设计，导致在手机和平板上看得非常费劲

挨个谈谈改进的过程：

• 将_config.yml的配置中涉及到rdiscount和pygments的部分改成：

• markdown:         kramdown
  kramdown:
    smart_quotes:   ["apos", "apos", "quot", "quot"]
    input:          GFM
  highlighter:      rouge
  

• 注册多说，把多说公共js代码贴在default.html中，再把评论框代码贴在post.html对应的位置，还可以进一步设计出最近访客的侧边栏。

• 下载category.md ，放到博客根目录下，并在index.html中添加category.html的超链接。可以新建一个layout域category.html方便查看category页面。

• 参考这篇博客 ，先在default.html中添加如下meta，再改css文件，增添了屏幕宽度较小时的格式设置，如不显示导航栏、侧边栏和底边栏等等。

• <meta name="viewport" content="width=device-width, initial-scale=1.0" />

结语

第一次做网页，由于有很多想法所以折腾了不少，但总的来说建立一个独立博客还是很有成就感的，至少以后不用担心被和谐。重新开始写博的旅程，一方面是希望今后的生活能有些许积淀；最主要是想逼着自己去成长，去“折腾”一些东西（不然写什么呢）。最后请收下我的彩蛋：

• 博客的404页面

2017.01.02更新

• 之前开博时觉得统计阅读量会是一件很麻烦的事情，直到今天看到一篇博客，发现并没有想象中那么麻烦，两个脚本就能解决的事情，而且是免费服务。详见：访问量统计工具 Hit Kounter v0.2。虽然这样做后在本地预览很成功，但上传到GitHub后台之后，谷歌却给出了脚本警告，因而还是失效。最后找到GitHub里的一篇帖子解决了这个问题。原来把脚本下载下来并传到后台就能顺利解决，详见：js modify。最后，如果之前_config.yml文件中的url地址是http，记得改成https。由于浏览器的安全策略，在访问 https的站点时无法引入http协议的内容，所以会加载不了脚本。

• 最近还做的一点修改是评论区的美化，并加入了一些动态效果，这个在多说开发者后台贴一段自定义的css就能实现：duoshuo.css。