前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >hexo主题集成pug

hexo主题集成pug

作者头像
阿超
发布2022-12-28 15:01:31
2980
发布2022-12-28 15:01:31
举报
文章被收录于专栏:快乐阿超

你问人问题,她若答非所问,便已是答了,无需再问。——木心

文档:https://hexo.io/zh-cn/docs/themes

先创建hexo项目

代码语言:javascript
复制
hexo init simple-hexo

然后到themes新建一个主题文件夹

代码语言:javascript
复制
cd .\simple-hexo\themes\
mkdir simple-theme

修改外部_config.ymltheme

代码语言:javascript
复制
theme: simple-theme
image-20221227214101921
image-20221227214101921

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

image-20221227214149257
image-20221227214149257

打开localhost:4000

image-20221227214209708
image-20221227214209708

因为我们什么都没写,所以是白屏

新建一个layout目录,下面放一个index.pug

image-20221227214537115
image-20221227214537115
代码语言:javascript
复制
.container Hello World

发现我们的pug代码并未渲染

image-20221227214609042
image-20221227214609042

这是因为我们没有安装pug插件导致的

到主目录执行

代码语言:javascript
复制
cnpm i hexo-renderer-pug
image-20221227214724883
image-20221227214724883

pug元素成功渲染

image-20221227214744285
image-20221227214744285

好了,接下来你可以编写你自己的主题啦!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-12-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档