hexo主题集成pug
发表于|更新于
|浏览量:
你问人问题,她若答非所问,便已是答了,无需再问。——木心
文档:https://hexo.io/zh-cn/docs/themes
先创建hexo项目
1 | hexo init simple-hexo |
然后到themes新建一个主题文件夹
1 | cd .\simple-hexo\themes\ |
修改外部_config.yml的theme
1 | theme: simple-theme |

外部执行一下hexo s启动项目试试

打开localhost:4000

因为我们什么都没写,所以是白屏
新建一个layout目录,下面放一个index.pug

1 | .container Hello World |
发现我们的pug代码并未渲染

这是因为我们没有安装pug插件导致的
到主目录执行
1 | cnpm i hexo-renderer-pug |

pug元素成功渲染

好了,接下来你可以编写你自己的主题啦!
相关推荐
2022-11-20
JSON小技巧
越年轻,就越不能跟丑事妥协——纪德 分享个前端的JSON.stringify以及parse小技巧 MDN:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON 例如我们此处使用JSON.stringify({name:'VampireAchao',age:21})可以将对象转为json 如果我们只想要name值,则可以传入第二个参数,可以接受一个数组类型 1JSON.stringify({name:'VampireAchao',age:21},['name']) 转出来则是'{"name":"VampireAchao"}' 如果我们要自定义规则,则可以传入一个函数类型,第一次调用时value为我们的数据对象,属于由外向内调用 1234567891011121314let times = 0;const json = JSON....
2024-10-23
slidev单文件页面
一个家庭中没有书籍,等于一间房子没有窗子。——约翰森 安装: 1npm i -g @slidev/cli 启动: 1slidev slides.md 对应的文件slides.md 1
2020-11-23
js打字机动画效果实现
坦白使人心地轻松的妙药。——西塞罗 实现打字机效果 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ...
2025-05-20
Minecraft颜色选择转换
天行健,君子以自强不息。——《周易·乾·象》 https://codepen.io/0biwan/pen/ggVemP html 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071<div class="container"> <div class="tools"> <div class="colors"> <button data-color="0" class="bg-1">&0</button> <button data-color="1" class="bg-2">&1</button> &...
2022-01-23
微信群聊头像组件
直起腰来,我看见蓝色的大海和帆影。——切·米沃什《礼物》 分享一个群聊头像组件 组件地址:https://ext.dcloud.net.cn/plugin?id=5456 效果: 示例代码: 123456789101112131415161718192021222324252627282930313233343536373839<template> <view> <button type="primary" @tap="cerate">创建群组头像</button> <canvas :canvas-id="canvasId" style="width: 120px; height: 120px; margin: 36px auto;"></canvas> </view></template><script> import createAvata...
2020-08-04
javascript防抖
JavaScript防抖:用于防止重复表单提交等场景 点击一次后,执行防抖函数antiShake,按钮设置为不可用状态,开始计时,计时结束移除不可用状态 123456789<button onclick="antiShake(this)">防抖测试</button> <script type="application/javascript"> function antiShake(dom) { dom.setAttribute("disabled", "disabled"); setTimeout(() => { dom.removeAttribute("disabled"); }, 3000); } </script> 顺带聊聊 12//计时器清零,参...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog