/ 教程  

中文显示测试

这是本人移植自 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 风格 )
  • 自适应网页设计

安装方法

下载

1
git clone https://github.com/xzhih/hexo-theme-casper.git themes/hexo-casper

激活

把hexo配置文件 _config.yml 里的 theme 字段内容改为 hexo-casper

升级

建议先备份一下在执行下面的操作。

1
2
cd themes/casper 
git pull

添加统一的文章模板参数

把下面的内容加入到 scaffolds/post.md,

1
2
cover_img:     # 在文章摘要上显示
feature_img: # 在文章详细页面上置顶

自定义配置

编辑 themes/hexo-casper/_config.yml 设置你想显示出来的特性

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
# 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

源主题的版权声明和 License

https://github.com/TryGhost/Casper/blob/master/LICENSE