简述
这是本人移植自 Ghost’s Casper theme 的一个 Hexo 主题。
项目地址 https://github.com/xzhih/hexo-theme-casper
DEMO https://xzhih.github.io/hexo-theme-casper/
项目来由
最近搞了个博客,用的是 Hexo ,发现了很多不错的主题,在寻找主题的过程中发现了另一个博客程序 Ghost 。它的新版默认主题很和我的胃口,但是在github上搜索一通后,发现只有老版本的被移植到了 hexo,于是想自己动手把它移植过来,看了官方文档后发现hexo的主题还是相当好制作的,用了几天弄好了。当然,功能还不是很完善。
经过几次的修改更新,现在已经比较完善了,大多功能都是主题集成的,不需要再安装插件
下面我就说一下主题的使用方法。
特性
- 文章封面图(在首页文章摘要上显示)
- 文章特色图(在文章详细页面上置顶)
- 自定义菜单
- 自定义 favicon, logo, 头部背景, 作者头像
- 社交链接 ( 现在支持 github、哔哩哔哩、YouTube、微博、推特、脸书 )
- 共三个插件(最新文章、分类、标签云)
- 内容目录
- 代码高亮
- 响应式网页设计
- 懒加载
- 主题集成本地搜索
- Valine 评论系统
- Baidu 链接提交、Google Analytics
- Service Worker
- MacOS、IOS and Android dark mode (Safari、Chrome)
安装方法
下载
git clone https://github.com/xzhih/hexo-theme-casper.git themes/hexo-casper |
激活
把hexo配置文件 _config.yml
里的 theme
字段内容改为 hexo-casper
。
升级
建议先备份一下在执行下面的操作。
cd themes/casper |
添加统一的文章模板参数
把下面的内容加入到 scaffolds/post.md
,
cover_img: # 在文章摘要上显示 |
valine 评论系统
使用方法请到他的官网查看,并结合下面的配置文件详细添加appID和appKey
添加关于页面
hexo new page about |
自定义配置
编辑 themes/hexo-casper/_config.yml
设置你想显示出来的特性
# Config |
本地搜索功能参考
https://github.com/wzpan/hexo-generator-search
https://github.com/SuperKieran/hexo-generator-search-zip
源主题的版权声明和 License
https://github.com/TryGhost/Casper/blob/master/LICENSE
本文章发表于底噪博客 https://zhih.me , 转载请注明
直接偷的人,你打球真蔡