首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >hexo主题集成pug

hexo主题集成pug

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

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

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

先创建hexo项目

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

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

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

修改外部_config.yml的theme

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

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

打开localhost:4000

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

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

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

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

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

到主目录执行

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

pug元素成功渲染

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-12-27,如有侵权请联系 cloudcommunity@tencent.com 删除
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档