hexo留言與主題設定

覺得官方預設的主題有點不符合需求,只好找其他主題來玩

這邊還是要記錄一下換主題還有新增留言版過程

更換主題

到可以到這裡找你喜歡的主題

然後使用git安裝主題

git clone <repository> themes/<theme-name>

然後修改_config.yml

# Extensions
theme: <theme-name>

如果覺得這個主題有些小地方不滿意

可以到theme資料夾裡面修改_config.yml

主題設定

以下都在_config.yml修改

大頭貼設定

新增avatar

  1. 完整的URL:http://gundambox.github.io/avatar/avatar.jpg
  2. 站內地址:/avatar/avatar.jpg(在source/avatar目錄下)

例:avatar: /avatar/avatar.jpg

菜單設定

在menu裡面可以設定

Key Value Comment
home home: / 首頁
archives archives: /archives 歸檔
categories categories: /categories 分類(需手動建立)
tags tags: /tags 標籤(需手動建立)
about about: /about 關於(需手動建立)
commonweal commonweal: /404.html 404頁面(需手動建立)

菜單範例

menu:
  home: /
  categories: /categories
  about: /about
  archives: /archives
  tags: /tags
  #commonweal: /404.html

標籤頁面

  1. 新建頁面

    hexo new page “tags”

  2. 編輯頁面

編輯剛剛產生的頁面,將類型設為tags

title: index
date: 2014-12-22 12:39:04
type: "tags"
---

像我有使用Disqus功能,預設頁面也會評論,如果不想要的話

要加入comments: false

title: index
date: 2014-12-22 12:39:04
type: "tags"
comments: false
---
  1. 加入頁面

最後編輯_config.yml,添加tags到menu底下

menu:
  home: /
  archives: /archives
  tags: /tags

分類頁面

  1. 新建頁面

    hexo new page “categories”

  2. 編輯頁面

編輯剛剛產生的頁面,將類型設為tags

title: index
date: 2014-12-22 12:39:04
type: "categories"
---

像我有使用Disqus功能,預設頁面也會評論,如果不想要的話

要加入comments: false

title: index
date: 2014-12-22 12:39:04
type: "categories"
comments: false
---
  1. 加入頁面

最後編輯_config.yml,添加categories到menu底下

menu:
  home: /
  categories: /categories
  archives: /archives
  tags: /tags

關於頁面

  1. 新建頁面

    hexo new page “about”

  2. 加入頁面

最後編輯_config.yml,添加categories到menu底下

menu:
  home: /
  archives: /archives
  tags: /tags
  about: /about

側邊欄社交連結

新增social,然後添加站點與地址即可

# Social links
social:
  github: https://github.com/your-user-name
  twitter: https://twitter.com/your-user-name
  weibo: http://weibo.com/your-user-name
  douban: http://douban.com/people/your-user-name
  zhihu: http://www.zhihu.com/people/your-user-name

新增留言板

首先先到Disqus官方網站註冊帳號

然後新增頁面

新增頁面1

新增頁面2

新增頁面3

記下shortname

最後到_config.yml加入

# Disqus
    disqus_shortname: gundambox

就大功告成囉

參考

  1. Hexo相關設定

  2. Hexo 留言板 - Disqus

  3. 5 分钟快速安装

  4. 主题设定