幻想郷

插件地址: https://www.npmjs.com/package/text-vide

安装插件

三选一

• npm i text-vide
• yarn add text-vide
• pnpm add text-vide

创建 scripts 文件夹

在项目根目录下创建一个新的文件夹 scripts

在 scripts 文件夹中添加插件文件

在 scripts 文件夹内添加插件文件，例如 global-text-vide.js，如下：

.
├── scripts
│   └── global-text-vide.js   # 自定义插件文件

将以下代码复制到 global-text-vide.js 文件中 (这里没处理一些特殊情况, 需要自行修改正则)：

const { textVide } = require('text-vide');

// 也可以去注册到after_render:html, 但这里为了只改动 md 文件, 注册到 before_post_render 钩子，处理 Markdown 文件
hexo.extend.filter.register('before_post_render', function (data) {
    // 仅处理 Markdown 文件
    if (data.source.endsWith('.md')) {
        const options = {
            sep: ['<b>', '</b>'], // 高亮分隔符
            fixationPoint: 3,     // 数值越低高亮的越多
        };

        let ignoreRegions = [];
        let index = 0;

        // 排除 Nunjucks 模板、代码块
        data.content = data.content.replace(/`.*?`|{%.*?%}/g, match => {
            // 将忽略的内容替换为占位符
            ignoreRegions.push(match);
            return `<!-- text-vide-ignore:#123;index++} -->`;
        });

        // 对非忽略区域应用 text-vide
        data.content = data.content.split('\n').map(line => {
            if (!line.startsWith('<!-- text-vide-ignore:')) {
                return textVide(line, options); // 应用 text-vide
            }
            return line; // 保留占位符行
        }).join('\n');

        // 恢复忽略的区域
        ignoreRegions.forEach((region, idx) => {
            data.content = data.content.replace(`<!-- text-vide-ignore:#123;idx} -->`, region);
        });
    }
    return data;
});

重新生成 Hexo 站点

hexo clean && hexo g