我把簡(jiǎn)書上的全部文章(除了這篇)都搬了過(guò)去橄妆。暫時(shí)沒(méi)有別的內(nèi)容。
搬到 GitHub Pages 的最主要原因是我寫了大量關(guān)于生命游戲的內(nèi)容盟蚣,但簡(jiǎn)書沒(méi)法插入 LifeViewer 插件(這是 Chris Rowett 寫的一個(gè)在線版的生命游戲模擬器皮迟,功能特別強(qiáng)大)。
我是用 Hexo 搭的博客,用的是 NexT 主題泡仗。網(wǎng)上關(guān)于這個(gè)的教程特別多,在簡(jiǎn)書一搜 Hexo 就出來(lái)了猜憎。
為了在文章中方便地插入 LifeViewer娩怎,我修改了 NexT 主題的三個(gè)地方:
首先,下載 lv-plugin.js胰柑,放到主題的 source/js/src/
文件夾峦树。
然后,在 scripts/tags/
文件夾中放進(jìn)這么一個(gè)擴(kuò)展名為 .js
的文件:
'use strict';
function lifeViewer(args, content) {
return `<div class="rle"><pre>${content}</pre><canvas width="480" height="480"></canvas></div>`;
}
hexo.extend.tag.register('lifeviewer', lifeViewer, {ends: true});
最后旦事,在 layout/_custom/head.swig
文件中插入這么兩行(參見此處):
<meta name="LifeViewer" content="rle pre 37 hide limit">
<script src="{{ url_for(theme.js) }}/src/lv-plugin.js"></script>
然后就能用了魁巩。比如說(shuō),要在文章中插入一架滑翔機(jī)姐浮,只需要在 MarkDown 中插入:
{% lifeviewer %}
x = 3, y = 3, rule = B3/S23
bob$2bo$3o!
{% endlifeviewer %}