简述
这是本人移植自 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, 头部背景, 作者头像
- 社交链接 ( 现在支持微博、推特、脸书 )
- 共三个插件（最新文章、分类、标签云）
- 内容目录
- 代码高亮 ( 使用 highlight.js 的 github 风格 )
- 自适应网页设计
- valine 评论系统
- Baidu 链接提交、Google Analytics
安装方法
下载
$ git clone https://github.com/xzhih/hexo-theme-casper.git themes/hexo-casper
激活
把hexo配置文件 _config.yml 里的 theme 字段内容改为 hexo-casper 。
升级
建议先备份一下在执行下面的操作。
$ cd themes/casper
$ git pull
添加统一的文章模板参数
把下面的内容加入到 scaffolds/post.md,
cover_img: # 在文章摘要上显示
feature_img: # 在文章详细页面上置顶
valine 评论系统
使用方法请到他的官网查看，并结合下面的配置文件详细添加appID和appKey
自定义配置
编辑 themes/hexo-casper/_config.yml 设置你想显示出来的特性
# config
rss: # 链接
favicon: # 链接
blog_logo: # 链接
header_image: //demo.ghost.io/content/images/2017/07/blog-cover.jpg
# 菜单
menu:
About: /about
Archives: /archives
# 其他的可以按照上面的模板添加
# 作者头像
author_image: # 链接
# 社交链接
social:
facebook: https://www.facebook.com
twitter: https://www.twitter.com
# You only can use that I have added, I will keep adding
# 插件（显示在网站底部）
widgets:
recent_posts: true
category: true
tagcloud: true
# 这是个简洁的主题，我认为3个就够了
# 文章图片相册（点击图片可以放大）
# https://github.com/sachinchoolur/lightgallery.js
lightgallery: true
# valine 评论系统
# https://valine.js.org
comment: false
valine:
notify: false # mail notifier , https://github.com/xCss/Valine/wiki
verify: false # Verification code
appId: # your leancloud application appid
appKey: # your leancloud application appkey
placeholder: Just go go # comment box placeholder
avatar: mm # gravatar style
pageSize: 10 # pagination size
chromeNavColor: 3c484e
# Baidu 链接提交
baidu: false
# Google Analytics
googleAnalytics: false
GA_TRACKING_ID: UA-XXXXXXXXXX-1
源主题的版权声明和 License
https://github.com/TryGhost/Casper/blob/master/LICENSE
我的文章首先会在 底噪 上发布
