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-06-16
react在ts中提示ref问题
不要太在乎一些人,越在乎,越卑微。——周国平 首先按照官方文档的demo写好代码,却报错如下: 安装插件Error Lens后: 如何解决? 前往Text的ref源码,可以看到是需要一个叫LegacyRef的类型 我们进LegacyRef,看到其就是Ref或string的类型 因此这里我们定义为Ref类型即可 这里出现了新的问题,不能将MutableRefObject<Text | null |undefined>分配给Ref<Text> 我们进入useRef源码,看到其包含几个重载 分别查看MuteableRefObject和RefObject 可以看到RefObject是Ref中容许的其中一种类型 所以应该使用上面一种重载 在原有代码React.useRef()中传入null 报错解决 同理,trRef一样 注意此处Ref<TextRef>内的泛型使用的是konva/lib/shapes/Text包下的Text,改名为TextRef 除了在定义变量左侧申明类型,在方法右侧也可以申明泛型,让编辑器自动推测
2022-02-19
fabric photo
这是一个流行离开的世界,但是我们都不擅长告别。——《生活在别处》 今天分享一个fabric photo,它是一个基于 canvas 的纯前端的图片编辑器,支持方形,圆形,箭头,缩放,拖拽,鹰眼,马赛克,涂鸦,线条,导出 png,剪切等 github地址:https://github.com/ximing/fabric-photo 在线体验Demo:https://ximing.github.io/fabric-photo/ 找了很多个,这个应该是很好用的了 并且协议为MIT,支持商用
2025-11-17
mind-map
或许美化灵魂有不少途径,但我想,阅读是其中易走的,不昂贵的,不须求助他人的捷径。——严歌苓《读书与美丽》 https://github.com/wanglin2/mind-map 思绪 Simple mind map 深度解析:一个简单 & 强大的 Web 思维导图库与跨平台应用生态 仓库地址:wanglin2/mind-map开发文档:https://wanglin2.github.io/mind-map-docs/在线使用(网页版思维导图):https://wanglin2.github.io/mind-map/中文名:思绪思维导图(Simple mind map) 1. 项目定位Simple mind map 是一个不依赖任何前端框架的 JS 思维导图库,同时作者基于该库又构建了一个可直接在线使用的 Web 思维导图应用(基于 Vue2 + ElementUI)。它的目标不是“花哨”,而是专注于: 核心逻辑简洁 扩展机制清晰(插件化) 高度可配置与自定义 支持多结构、多格式、多媒体内容节点 可以既做“库”又做“产品”,利于二次...
2024-11-12
uView升级http配置兼容变更
人生须知负责任的苦处,才能知道尽责任的乐趣。——梁启超 今天把老项目uniapp的http封装代码cv过来,发现用不了了,原因是uView版本升级了没适配 原先uView 1.x的方式: 123456789101112131415161718192021222324Vue.prototype.$u.http.setConfig({ baseUrl: 'http://localhost:8080/ruben', loadingText: '加载中...', loadingTime: 100,});Vue.prototype.$u.http.interceptor.request = (config) => { const token = uni.getStorageSync('token'); config.header.token = token; return config;}Vue.prototype.$u.http.interce...
2022-06-23
overflow和动态计算高度
人们总会找到某种带头人,把他供奉起来,培养成伟人……暴君就是这么来的;暴君最初都是以保护者的形象出现的。——柏拉图,《理想国》 首先是MDN:https://developer.mozilla.org/zh-CN/docs/Web/CSS/overflow 其中对overflow进行了描述: CSS 属性 overflow 定义当一个元素的内容太大而无法适应 块级格式化上下文 时候该做什么。它是 overflow-x 和overflow-y的 简写属性 。 重点在这里: 为使 overflow 有效果,块级容器必须有一个指定的高度(height或者max-height)或者将white-space设置为nowrap。 那问题来了,我这里有一个折叠面板 我希望这里多个折叠面板每一项的头部都能显示在页面中,并且其子项能够适应屏幕高度和折叠情况变化 为了实现上面的效果,我们需要在每一个折叠面板子项中设置overflow-y:auto,然后给其设置height或者max-height 我们知道css中有个计算函数calc可以计算我们的高度,这里的卡片为了保证屏幕自适应,可...
2025-12-21
bun
时间就象海绵里的水一样,只要你愿意挤,总还是有的。——鲁迅 Bun 全面上手:Zig 打造的全能 JavaScript/TypeScript 工具链,一行命令跑起你的全栈应用 仓库地址:oven-sh/bun官方文档与指南:bun.com/docs简介:Bun 是一个“一体化”的 JavaScript/TypeScript 应用工具链,单一可执行文件 bun 即可同时充当运行时、包管理器、测试运行器与打包器,目标是成为 Node.js 的“即可替换”运行时。 为什么是 Bun?来自官方 README 的定义: Bun 是一个全能(all-in-one)工具集,单一可执行文件 bun。 核心是一个高速运行时,以 Zig 编写,底层由 JavaScriptCore 驱动。 设计目标:在尽可能多的场景下,直接替换 Node.js 使用。 开箱支持 TypeScript 与 JSX;内置测试、脚本运行和Node 兼容的包管理器。 一句话概括:有了 Bun,你可以更少的依赖、更短的启动链路、更快的开发/运行体验,把“常见的 No...

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