Hexo-theme-onenote

这里是专注阅读和写作的 Hexo 主题 “ onenote ” 。极简风格,在原 Hexo 主题 “ one-paper ” 基础上修改而来。专注于提供良好的阅读体验,保持轻量和视觉的干净,希望给访客带来良好的阅读体验。

img

主题地址

Alanrk/hexo-theme-onenote: 专注于提供良好的阅读体验的hexo博客主题 (github.com)

支持功能

继承自“one-paper”的内容

  • 响应式设计,兼容手机端、pad 端以及 PC 端;
  • 支持所有现代浏览器;
  • Markdown 常用格式支持;
  • 代码高亮、行数显示支持;
  • 目前版本支持的模版页:首页、文章详情页、归档页、单页;

“onenote”修改内容

  • 主页视觉调整:调整主页背景颜色、内容区尺寸、字号、行高;文章列表新增标签显示;footer 部分版权显示自动获取当前年份;
  • 文章详情页调整:调整文章字号和版式,使之更适合阅读;增加文章标签显示;返回按钮由顶部调整到页面底部;
  • 归档页调整:调整归档页页面样式,增加按照年份倒排的归档列表,使归档页重点更突出;
  • 新增标签云页:增加标签云页面,点击标签,可查看该标签的所有文章;
  • 代码高亮样式调整:统一代码高亮样式,增加复制代码按钮;
  • 删除 “one-paper”内置第三方字体;
  • 支持文章置顶设置;

以上调整在 chatgpt的支持下完成(毕竟我只是一个只能看懂部分 HTML 和 css的经验的人)。

安装

  1. 下载 zip 压缩包并解压将文件夹命名为 onenote;
  2. 复制 onenote 到 hexo/themes 目录下;
  3. 更改博客根目录_config.yml 配置:theme: onenote
  4. 终端切换到博客目录,输入hexo server 预览效果。

文章置顶

  1. 在需要置顶的文章的 front-matter 中添加一个 sticky 属性,并设定其值。例如:

img
2. 注意:sticky 的值越大,优先级越高。