仿Trapecho制作的Hexo主题HexOne
放弃使用Next主题后,一直在尝试自己制作一个主题。尤其是实现项目展示以及心情展示的功能。奋斗了两个月左右,这款主题HexOne终于诞生了!
HexOne
安装
依赖
- css预处理器less
- rss订阅生成
- json内容生成
npm install hexo-renderer-less --save
npm install hexo-generator-feed --save
npm install hexo-generator-json-content --save
注意
hexo-renderer-less
涉及到样式文件的生成,必须安装hexo-generator-feed
与rss订阅相关,不安装不能生成atom.xml
文件hexo-generator-json-content
与文章搜索功能相关,不安装不能搜索文章
文件
复制source/_pages以及source/_data整个目录到文章源码目录source/
下(该目录下有_posts
),并把_pages
改名为pages
,否则该目录下的文章将不会被渲染。
注意
- 如果这几个页面的
permalink
与已有页面重复,需要修改对应的permalink
以及菜单内容 - 如果不执行该操作,将无法使用项目展示、心情等功能
特色
导航条置顶
滚动页面后导航条置顶
文章搜索
站内搜索
站内搜索使用了hexo-generator-json-content
插件来生成文章内容的json文件。相比于搜索引擎搜索,这个方案能够搜索到站内的所有文章和单页,但是会消耗一定的带宽。生成文章时,该插件会一定程度上增加处理的时间,目前看来影响并不大。
开源项目展示
只支持码云开源项目的展示。如果要支持Github等,可修改source/js/main.js文件中的相关代码。
心情
有时候只是想三言两语说说自己的心情,不想每次都创建一篇文章,但是又想有个好的展示效果。于是便有了这个功能——心情,类似于说说/微博的功能。修改对应的数据(source/_data/moods.yml),按照yaml格式添加即可。
备注
该主题仅仅是为了满足我自己的需求,会及时修复漏洞、进行优化,但是不会做更多功能的开发。该项目不再维护!!!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南