博客魔改 | 网页模板 pug 的基本语法
唠唠闲话
暑假在家搭建了博客网站 (看这里),通过博客写作进行技术积累。
目前写了差不多 20 篇,没搞 SEO 收录,也没做阅读统计,网站主要自己用。
最近打算把网站公开,一些原本懒得弄的设置,都要补上。
博客用的是 Butterfly 主题,高级的“魔改”方案要修改配置文件,即 *.pug 文件。
这篇就聊聊 pug 的基本语法。
pug
pug 模板引擎, 之前也叫 jade 模板引擎. 用来做服务端渲染常用的一种模板引擎。
参考文章
CSDN:网页模板 pug 基本语法
CSDN:pug 的安装和编译
CSDN:pug 模板引擎语法学习和记录
安装和编译
安装很简单,输入下边命令
12npm install pug # 安装插件npm install -g pug-cli # 编译工具
编译语法如下1pug -P <文件/文件夹>
基础内容
语法
pug 不同于 html,前者不需要标签的开和闭,如 html 的 <p>Demo</p>,在 pug 使用 p Demo 即可。
缩进
pug 对空格敏感,有点类似 pytho ...
hexo | 多设备管理博客
如何在多个设备上同步更新,管理博客
Vscode 使用技巧
把 Vscode 的终端改为 git bash
PicGo 搭建图床
用 PicGo 搭建图床的几种方法
hexo | 主题设置二(进阶)
hexo 主题设置杂记
hexo | butterfly 主题设置一
butterfly 主题的基本设置和美化
Markdown 语法
markdown 的基本使用
hexo | 博客框架搭建
博客框架的搭建教程:软件安装,以及空白模板的建立