美文网首页
在 GitHub Pages 上搭了个博客

在 GitHub Pages 上搭了个博客

作者: AlephAlpha | 来源:发表于2019-03-17 15:03 被阅读0次

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/

相关文章

  • 在 GitHub Pages 上搭了个博客

    https://alephalpha.github.io 我把简书上的全部文章(除了这篇)都搬了过去。暂时没有别的...

  • Hexo+Github pages搭了个博客

    hexo是基于Node.js的一款静态博客框架,如果想要搭建博客,不想自己写页面的话可以考虑用hexo,其中有很多...

  • 在github搭了个博客

    我也学着在github上搞了个自己的博客 https://n0va-scy.github.io/,一些不是挺水的文...

  • 文章迁移

    之前是用Github pages+Hexo+Nodejs搭了一个博客,发现现在更新不了,决定转移阵地。附上之前分享...

  • 亲测好使~

    在Github Pages上搭建github.io博客 [1] 我的个人博客之旅:从jekyll到hexohttp...

  • Ubuntu 18.04 LTS 配置 Hexo

    GitHub Pages + Hexo 搭建博客可参考 GitHub Pages + Hexo 搭建博客 1. 环...

  • 在Github上开博客

    想在Github上开一个免费的博客,Github上开博客需要用到GitHub Pages. 虽然中文的说明很多,但...

  • Github Pages

    资料: 搭建Github Pages个人博客网站 傻瓜都可以利用github pages建博客 搭建Github ...

  • 利用github pages与jekyll搭建个人博客(一)

    利用github pages与jekyll搭建个人博客(一):基础环境配置与博客搭建利用github pages与...

  • 利用github pages与jekyll搭建个人博客(二)

    利用github pages与jekyll搭建个人博客(一):基础环境配置与博客搭建利用github pages与...

网友评论

      本文标题:在 GitHub Pages 上搭了个博客

      本文链接:https://www.haomeiwen.com/subject/bcdumqtx.html