在 GitHub Pages 上搭了个博客

https://alephalpha.github.io

我把简书上的全部文章(除了这篇)都搬了过去。暂时没有别的内容。

搬到 GitHub Pages 的最主要原因是我写了大量关于生命游戏的内容,但简书没法插入 LifeViewer 插件(这是 Chris Rowett 写的一个在线版的生命游戏模拟器,功能特别强大)。

我是用 Hexo 搭的博客,用的是 NexT 主题。网上关于这个的教程特别多,在简书一搜 Hexo 就出来了。

为了在文章中方便地插入 LifeViewer,我修改了 NexT 主题的三个地方:

首先,下载 lv-plugin.js,放到主题的 source/js/src/ 文件夹。

然后,在 scripts/tags/ 文件夹中放进这么一个扩展名为 .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>

然后就能用了。比如说,要在文章中插入一架滑翔机,只需要在 MarkDown 中插入:

{% lifeviewer %}
x = 3, y = 3, rule = B3/S23
bob$2bo$3o!
{% endlifeviewer %}

具体的效果见这里:https://alephalpha.github.io/posts/d960e01f/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容