greyshade这个主题最早是在屈光宇的博客看到的，最初是基于Octpress开发的一套主题，当然在其他博客系统中得到了迁移, 也包括了HEXO
不过原作者对hexo-theme-greyshade的修改都是六七年前的事情了，基于他的基础，我微重构了下。虽然从极致程度上自然没有屈神优化得好。不过由于本人强迫症，把比较多不需要的东西都删了。样式上也接近屈神用的样式，速度上还是快了挺多的，有兴趣的可以安装。也可以看看运行的效果
在你的hexo项目themes文件夹中执行：
git clone https://github.com/thinkerchan/hexo-theme-greyshade.git greyshade然后对hexo的_config.yaml：
theme: greyshade主题文件夹本身也有一个_config.yaml，按需配置即可:
menu:
page:
首页: .
专题: categories/
关于: life/
搜索: search/
sidePic: https://p.ipic.vip/b2t3my.jpg
avatar: https://p.ipic.vip/67o2jq.jpg
excerpt_link: 继续阅读
excerpt: 200
social:
github: thinkerchan
yuque: thinkerchan
juejin: 201965868418951
rss: false
# 评论使用 LeanCloud + Valine
# https://www.leancloud.cn/
leancloud:
appId: XPJzs0FfufkFfuBjbJraqhbo-gzGzoHsz
appKey: QoS0zL4Y2xTDviitGOPkvCGv
sdk: https://cdn.jsdelivr.net/npm/[email protected]/dist/av.min.js
# https://valine.js.org/
valine:
sdk: https://unpkg.com/[email protected]/dist/Valine.min.js
placeholder: 我来说两句
$ hexo new page search // 对应生成source/search/index.md然后如下设置:
---
title: 站内搜索
date: 2020-07-24 14:14:06
hideDate: true
comments: false
layout: "search"
---
$ hexo new page categories // 对应生成source/categories/index.md然后如下设置:
---
title: 专题阅读
date: 2020-07-05 15:59:28
layout: "cate"
comments: false
---
$ hexo new page search // 对应生成source/search/index.md然后如下设置:
---
title: 站内搜索
date: 2020-07-24 14:14:06
hideDate: true
comments: false
layout: "search"
---
$ hexo new page 404 // 对应生成source/404/index.md然后如下设置:
---
title: 404 - 没有目标页面
date: 2020-07-05 15:11:10
comments: false
permalink: /404 // 注意这里
---
<style>.meta{display:none!important;}</style>
检查下url是否拼写错误？或者看看其他文章?
Hexo-theme-greyshade:
- 样式优化 ✔️
- 去除所有不必要的js ✔️
- 去除所有不必要的社交逻辑 ✔️
- 缓存js到localstorage ✔️
- 添加搜索 ✔️(站内搜索)
- 添加rss ✔️
- 文章页内的前进后退按钮 ✔️
- 图片base64
- 头像 ✔️
- 社交icon ✔️
- 归档页 ✔️
- 表格样式修复 ✔️
- 引入第三方评论 ✔️(valine+leancloud)
- 响应式修复 ✔️
- 底部导航条样式 ✔️
- 顶部页面入口 ✔️
- 简单统计 ✔️
- 专题文章分类(cate) ✔️
- 新增页面参数 hideDate ✔️
- 文章过期提示 ✔️ (20211110)
如果这个主题和教程对你有帮助, 点个star就是坠吼的。当然微信请我喝杯咖啡也很excited的。
