什么是 hexo-ruby-marks
hexo-ruby-marks 是一款包含了汉字拼音和注解的 hexo 插件。使用该插件可以轻松地将中文文章进行拼音注音。
安装
在安装之前,必须确认已安装 hexo。
打开终端输入以下指令:
npm i hexo-ruby-marks --save
使用
在 hexo 中使用 ruby-marks 插件其实十分简单。只需要在需要注音的文字两侧加上 {{}}
即可。但是要注意,双括号内不能包含其他的双括号。
例如:
这是一段需要添加注音的文字: {{这段文字需要添加注音}}
然后,我们可以在 hexo 中生成静态页面进行预览。
hexo generate hexo server
打开浏览器并输入网址即可查看。
示例
原文
这是一段需要添加注音的文字: "离离原上草,一岁一枯荣。"
添加注音
这是一段需要添加注音的文字: "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