npm 包 hexo-ruby-marks 使用教程

阅读时长 2 分钟读完

什么是 hexo-ruby-marks

hexo-ruby-marks 是一款包含了汉字拼音和注解的 hexo 插件。使用该插件可以轻松地将中文文章进行拼音注音。

安装

在安装之前,必须确认已安装 hexo。

打开终端输入以下指令:

使用

在 hexo 中使用 ruby-marks 插件其实十分简单。只需要在需要注音的文字两侧加上 {{}} 即可。但是要注意,双括号内不能包含其他的双括号。

例如:

然后,我们可以在 hexo 中生成静态页面进行预览。

打开浏览器并输入网址即可查看。

示例

原文

这是一段需要添加注音的文字: "离离原上草,一岁一枯荣。"

添加注音

这是一段需要添加注音的文字: "lí lí yuán shang hǎo , yí suì yí kū róng 。"

深入了解

hexo-ruby-marks 的核心算法是利用正则表达式,将需要注音的文字匹配出来,然后利用 ruby-marks 实现注音功能。

同时这个 npm 包也提供了很多自定义的功能,如支持自定义 css 样式等等。对于对于想要更深入了解的同学,可以查看官方文档。

总结

通过本文,我们了解了 hexo-ruby-marks 插件的安装使用及其深入了解。同时也认识到了使用 hexo 插件可以大大提高我们 hexo 博客的内容及体验。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600671cc30d0927023822890

纠错
反馈