明道学苑

学而不思则罔,思而不学则殆

0%

Hexo如何使用Pug语法写文章

本文说明使用Hexo时如何使用Pug语法写文章。

有时候希望生成的网页中包含有复杂的布局和格式,这时候需要在Markdown文档中嵌入大量的HTML内容。让Markdown文档看起来非常混乱,失去了Markdown语法的简洁。在Markdown文档中大量使用HTML标签,编辑器的支持也不友好。

如果直接使用Pug模板语法写文章,可以使内容匹配HTML格式的基础上更加简洁,也有专门的支持Pug插件更好的编辑内容。

“Pug是一款健壮、灵活、功能丰富的HTML模板引擎,专门为 Node.js 平台开发。Pug是由Jade 改名而来。

是一种通过缩进(表示标签间的嵌套关系)的方式来编写代码的过程,在编译的过程中,不需要考虑标签是否闭合的问题。可以加快写代码速度,也为代码复用提供了便捷。”

在Hexo中使用Pug语法写文章非常简单。

首先需要使用如下命令安装pug插件hexo-render-pug

npm install hexo-render-pug --save

如果希望在Pug内容中支持markdown,还需要安装jstransformer-markdown-it这个Javascript类库。

npm install --save jstransformer-markdown-it

安装完成后就可以使用.pug的文件后缀代替原来的.md文件后缀,即可在.pug中使用Pug模板语法。

当然,此时不仅可以用Pug语法来写post,也能用来写page。

Pug具体语法参考官方中文文档