Hexo 简约主题,响应式设计支持 PC、手机等设备,代码高亮使用 monokai-sublime 风格。
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
languages
layout chore: 可以配置博主信息栏的 icon Oct 23, 2018
scripts chore: 可以配置博主信息栏的 icon Oct 23, 2018
source
.gitignore less gitignore Mar 13, 2018
LICENSE first commit Oct 22, 2017
README.md chore: 可以配置博主信息栏的 icon Oct 23, 2018
_config.example.yml
preview.png edit README.md Oct 22, 2017

README.md

Concise

Hexo 简约主题,响应式设计支持 PC、手机等设备,代码高亮使用 monokai-sublime 风格,在线预览

Preview

前提

因为这个主题使用了 less 编译,Hexo 默认的编译器为 hexo-renderer-stylus 要切换为 hexo-renderer-less

$ npm install hexo-renderer-less --save

如果你不需要 hexo-renderer-stylus 可以把它卸载掉

$ npm uninstall hexo-renderer-stylus --save

安装

$ git clone https://github.com/sanonz/hexo-theme-concise.git themes/concise

Concise 主题需要 Hexo 2.4 或者更高的版本

切换

  1. _config.yml 配置文件中 把 theme 值改为 concise.
  2. 复制 themes/concise/_config.example.yml 配置文件为 themes/concise/_config.yml

更新

$ cd themes/concise
$ git pull

配置

修改 themes/concise/_config.yml 配置文件

# Header
menu:
  首页: /
  前端: /categories/front-end
  后端: /categories/back-end
  标签: /tags
  归档: /archives
  订阅: /atom.xml
  关于: /about

# Content
excerpt_link: 阅读更多

# Sidebar
author:
  name: Sanonz
  work: Web Developer & Designer
  location: Shenzhen, China
  avatar_url: /images/avatar.jpg

# Links:
links:
  - svg: ./source/svg/github.svg
    url: https://github.com/sanonz
  - svg: ./source/svg/more.svg
    url: http://weibo.com/sanonz
  - svg: ./source/svg/twitter.svg
    url: https://twitter.com/sanonze

# github comment 
git_commit:
  enable: true
  client_id: 7fbe80427f54741e289f
  client_secret: f34ed5fd92e54c9000bd37ba951948cb939deff5
  repo: sanonz.github.io
  owner: sanonz
  admin:
  - sanonz
  per_page: 10

# Umeng
umeng:
  prefix: s13
  id: 1234567890

# Miscellaneous
rss: /atom.xml
favicon: /images/favicon.ico
  • menu - 导航列表
  • excerpt_link - 文章列表阅读更多显示文字
  • sidebar - 配置博主个人信息,显示在边栏
  • links - 配置博主个人信息下边的链接,icon 存放位置为:./source/svg
  • git_commit - 配置评论,使用的 gitalk 插件,具体配置说明请到官方查看 https://github.com/gitalk/gitalk
  • umeng - 配置站点访问统计,需要自行注册 Umeng 然后获取域名前缀与 ID 填写到这里
  • rss - 在 <head> 标签中显示 RSS 链接
  • favicon - favicon URL 地址配置

小技巧

想要自定义 icon 的话,可以到 fontawesomeiconfont 下载 svg 格式图标,放到 ./source/svg 目录,按着如下例子配置

links:
  - svg: ./source/svg/your.svg
    url: https://your.com

可以关闭单个文章的评论,把 comments 设置为 false,默认为 true,例如:

---
title: Hello World
date: 2017-10-20 20:00:00
comments: true
---

访问 Tags 页面 404,执行一下命令解决

$ hexo new tags "标签"

添加分类列表,设置文章的 categories 字段然后访问 /categories/front-end

---
title: Hello World
date: 2017-10-20 20:00:00
categories: front-end
---

单独设置归档(Archive)每页显示文章数量,例如每页 30

# Archive page setting
archive_generator:
  per_page: 30
  order_by: -date

列表文章显示 阅读更多 按钮,在需要截断的地方插入 <!-- more --> 注释