博客的长期演进

28 Aug 2015

这个系列的文章收集了平时维护博客时遇到的各种小问题、hack以及一些想法。

• 让首页仅显示文章预览
• 国内社交软件分享
• 加入.gitignore
• 启用删除线
• 给网站加上图标

让首页仅显示文章预览

Jekyll默认在首页全篇显示一定数量的文章，而有时单个文章已经很长，全篇显示会显得比较臃肿，也不方便浏览。于是就有了split-excerpt这个组合。

在index.html加载{{ post.content }}的地方，替换成如下语句：

{{ post.content | split:'<!--excerpt-->' | first }}	

然后在每篇文章合适的位置插入<!--excerpt-->标志，这样一来首页上就只会显示该标志之前的内容。

但是问题来了，首页看起来是内容丰富多了，可是感觉都是没写完的文章：缺少一个“more”按钮。在index.html里修改过的地方后面再加一句：

<a href="{{ site.baseurl }}{{ post.url }}">
  <p style="text-align:center">\(\{\)<b>继续看</b>\(\}\)
</p></a>

这样，首页上每一条文章节选的后面都会有一个连接，提示可以点进去看全文了。

……这又造成了一个问题：那些在首页就能完整显示的短文章下面，也会有个“继续看”的链接。革命尚未成功啊。¹

$$\rhd$$

国内社交软件分享²

之前在建博的时候提到过，想加入国内网站常见的那种条状物。在网上搜索了一下，居然轻松找到：JiaThis。这名字起的，朴实，接地气。JiaThis提供了一次性解决问题的方案，不用注册，直接将提供的代码嵌入到合适的位置，就行了：

除了字有点小，图标有点丑（不清晰）以外，还是挺不错的。

$$\rhd$$

加入.gitignore

为了节省GitHub资源，有些不必要上传的东西可以加入到.gitignore文件里；GitHub甚至有个repo专门收集各种工作环境下的.gitignore文档。对于Jekyll来说，自动生成的_site文件夹是不必上传的。因为传说中GitHub Pages本身就会忽略其内容，根据源文件编译生成网站。

由此我又得出了另外一个重要结论，那就是既然在GitHub Pages上使用Jekyll无需在本地build，那么在任何地方、任何设备上，只要能够将写好的文档push到GitHub，就算是发布了？为啥这个情况没有被反复强调呢？害我纠结很久怎么在手机上写文章。

$$\rhd$$

启用删除线

又发现一个问题：默认状态下，Jekyll的Markdown处理器不支持删除线标记~~。要启用删除线标记，在_config.yml末尾加入

markdown:         redcarpet 
redcarpet:   
  extensions:     ["strikethrough"]

删除线就启用了。然而这么做导致TeX语法不能正确parse，用到MathJax的地方全部乱套！我猜想可能是启用strikethrough的同时也启用了highlight，或者其它的什么东西。既然不能用Markdown，那回归本源，直接上HTML总该没问题了吧：

<del>删除我</del>

各种悲催。

$$\rhd$$

给网站加上图标

给博客定制个图标吧！Lanyon默认的是个“L”：

虽说看着还不错，但一个默认的图标终归没有辨识度。打开Illustrator，自己做一个吧。我把原始文件的尺寸设为\( 1024\times 1024\)，这样downsize的时候效果会好一些。怎么做，做成什么样，都看个人喜好，我就不多说了。

做好底稿后，需要生成一大串各种大小的图标文件。人肉做的话，也行……但是我找到一个可以说是专业级的图标生成网站：Real Favicon Generator。不仅给你生成普通浏览器用的图标，连Android、iOS添加到主屏幕的图标都有！各种舒畅啊。

最后秀一个本博图标的大图：

哈哈哈哈……³

$$\square$$