折騰了幾天，一款至簡的 hexo 主題

一個清爽的 hexo theme，高度配置化，簡單高效

個人之前的 blog，在去年還是前年的時候，從 wordpress 遷移到hexo。（PS：wordpress 簡直是太慢太慢了，靜態頁的部落格個人覺得就足夠）期間，折騰過不少主題，用過next、indigo等，但是總覺得樣式不夠美觀，就參考了部分主題，自己搞一個，後來自用了一段時間，想分享出來，專案地址在這裡，嘻嘻，歡迎 star~

Feature

截止到目前為止，主題內整合了下列這些功能，都是即插即用，可以根據自己的需求來。

• 評論系統
  • Disqus
  • Gitalk
  • Gitment
  • Hypercomments
  • Valine
• 統計 & 分析
  • Google
  • Baidu
  • Sougou
  • CNZZ
• 文章封面圖
• 程式碼塊高亮
• 個性化頁尾定義
• 定製化menu
• 全站 pv 統計
• 首頁的文章metadata定製

安裝

$ cd hexo (hexo main directory)
$ git clone https://github.com/8090lambert/hexo-theme-easy.git themes/easy

配置檔案

$ vi themes/easy/_config.yml

選單

整合了 font-awesome，在選單可以選擇 文字 和 Icon:

# Header Menu
menu:
  Home: /
  Archives: /archives
  Email: mailto:<juzs215@gmail.com>
  # change github values to your own addresses
  Github:
    url: https://github.com/8090Lambert
    icon: github

首頁封面圖

# URL of the Home page image, For example:
# index_cover: /img/default-banner.jpg
# index_cover: http://8090lambert.cn/img/default-banner.jpg
index_cover: /img/default-banner.jpg

文章摘要

預設 200 字

# Use post content to trim portion text.
auto_excerpt:
  enable: true 
  length: 200   # trim length, default 200

文章 MetaData

依賴hexo-wordcount，需要提前安裝：
$ cd hexo_dict && npm install hexo-wordcount --save

# Post meta display settings
post_meta:
  item_text: true
  created_at: true
  updated_at: true
  categories: true

# Post wordcount display settings
# Dependencies: https://github.com/willin/hexo-wordcount
post_wordcount:
  item_text: true
  wordcount: true
  min2read: false
  totalcount: false
  separated_meta: true

評論系統

選擇一個要使用的平臺，申請對應的 appid & appkey (不允許同時開啟多個)

# Many Comment Drivers, you can choose one to open it.
# Write your configure of which platform.

# disqus
disqus_shortname: false

# uyan
uyan_uid: false

# Gitment，https://github.com/imsun/gitment
gitment:
  enable: false
  owner: 
  repo: 
  client_id: 
  client_secret: 

# Gitalk,
gitalk:
  enable: false
  owner: 
  repo: 
  admin: 
  client_id: 
  client_secret: 

# Valine Comment system. https://valine.js.org
valine:
  enable: false
  appId:  # your leancloud appId
  appKey:  # your leancloud appKey
  notify: false # Mail notify
  verify: false # Verify code
  avatar: mm # Gravatar style : mm/identicon/monsterid/wavatar/retro/hide
  placeholder: Just go go # Comment Box placeholder
  guest_info: nick,mail,link # Comment header info
  pageSize: 10 # comment list page size

# Hyper Comments support. Write your id here, or false to disable. http://hypercomments.com
hyper_id: false

頁尾

# Footer setting.
footer:
  # Specify the date when the site was setup.
  # If not defined, current year will be used.
  since: 2016

  # Icon between year and copyright info.
  icon: heart

  # If not defined, will be used `author` from Hexo main config.
  copyright: 8090Lambert

  # Hexo link (Powered by Hexo).
  powered: false

全站 PV 統計

# Show PV/UV of the website/page with busuanzi.
# Get more information on http://ibruce.info/2015/04/04/busuanzi/
busuanzi_count:
  # count values only if the other configs are false
  enable: true

統計 & 分析

根據自己需要去開啟，可以同時啟用多個

# Google Analytics Write your tracking id here, or false to disable.s
google_analytics: 
google_site_verification: 

# CNZZ
cnzz: false

# BaiDu Analytics
baidu_tongji: false

# Sougou Verification.
sogou_site_verification: false

Ok，Enjoy yourself :grinning: