hexo博客插件，预制模板

发表于 分类于 本文字数： 331 阅读时长 ≈ 1 分钟

一段简单的代码，为hexo增加了一个tag-plugin，实现一些可以复用的模板。

代码

template.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
'use strict';

var fs = require("hexo-fs");
var pathFn = require("path");

var template = function (args) {
    let filename = args[0];
    let path = pathFn.join(hexo.source_dir, "templates", `${filename}.md`);

    // ONLY MARKDOWN
    // let mdRender = content => hexo.render.renderSync({ text: content, engine: 'markdown' })
    // Post.render
    // return fs.readFile(`${path}.md`).then(function (content) {
    //     return `<div class="hexo-template ${filename}">${mdRender(content)}</div>`;
    // });

    // POST
    return fs.readFile(path).then(content =>
        hexo.post.render(path, { content: content, _content: content }).then(value =>
            `<div class="hexo-template ${filename}">${value.content}</div>`
        )
    );
}

hexo.extend.tag.register('template', template, { async: true },);
hexo.extend.tag.register('tpl', template, { async: true },);

食用方法

  1. 在./scripts文件夹中创建template.js文档并复制以上内容
  2. 在./source文件夹中创建templates文件夹
  3. 在新建的文件夹中创建需要的模板，文件需为markdown文件，如foo.md
  4. 使用{% template <filename> %}或{% tpl <filename> %}插入模板，如{% tpl foo %}

实例

source/templates/constructing.md
1
2
3
4
5
6
7
8
9
10
11
12
{% note warning %}

**“请、、请您稍等！！就、、就快好了！”鱼干抱住，并企图藏住这个页面，说道。**

此页面正在 **施工中……** ⚠

您可能会看见 **如下内容** 出现在此页面中：
- 一只忘记带安全帽的鱼干（只是是找不到了而已
- 一些**杂**物被**鱼**干随意堆放（ ~~简称**杂鱼**~~ ~
- 一个“此页面正在 **施工中……** 的标志牌⚠”（虽然鱼干不觉得有谁会看见，但万一呢……

{% endnote %}
templates-for-hexo.md
1
{% tpl constructing %}

效果如下

“请、、请您稍等！！就、、就快好了！”鱼干抱住，并企图藏住这个页面，说道。

此页面正在 施工中…… ⚠

您可能会看见 如下内容 出现在此页面中：

  • 一只忘记带安全帽的鱼干（只是是找不到了而已
  • 一些杂物被鱼干随意堆放（ 简称杂鱼 ~
  • 一个“此页面正在 施工中…… 的标志牌⚠”（虽然鱼干不觉得有谁会看见，但万一呢……