Hexo-theme-pures是一個Hexo的主題框架
效果查看:溯的主頁

一、使用pure主題

pure主題地址:https://github.com/cofess/hexo-theme-pure.git themes/pure

在你的博客根目錄下右擊選擇git bash here命令行窗口輸入如下命令

1、克隆pure到本地：

git clone https://github.com/cofess/hexo-theme-pure.git themes/pure

注意:如果github下載慢，建議使用gitee導入pure的girthub倉庫，然后進行下載，具體操作請查看：使用gitee導入github項目，解決github下載速度緩慢
如果使用gitee下載，請解壓至博客文件夾下的themes目錄下
下載后 如下圖:

2、啟用pure主題:

配置文件說明:
在 Hexo 中主要有兩份配置文件，其名稱都是 _config.yml。 一份位于博客根目錄下，主要包含 Hexo 本身的配置；另一份位于主題根目錄下，主要用于配置主題相關的選項。
（1）打開博客配置文件_config.yml，做如下修改:

language: zh-CN //設置主題為中文版，若使用英文版則不修改
theme: hexo-theme-pure //修改hexo主題

（2）在博客文件夾下打開git bash命令行窗口依次使用如下指令:

hexo clean
hexo s

啟動服務后：進入本地瀏覽器輸入:http://localhost:4000/，如下圖

3、安裝pure插件:

在博客文件夾下打開git bash命令行窗口依次使用如下指令：

npm install hexo-wordcount --save
npm install hexo-generator-json-content --save
npm install hexo-generator-feed --save
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save

二、配置pure主題

1、主題的基本配置：

將主題目錄中 /theme/_source/ 下的所有東西復制進博客根目錄的source文件夾中
注意: 看清楚是哪個目錄

2、個人信息的配置：

打開主題根目錄下的_config.yml配置文件：

（1）配置站點左邊的主目錄:

# menu
menu:
  Home: .
  Archives: archives  # 歸檔
  # categories指代博客根目錄的source下的categories文件夾,可進行相關配置,下同
  Categories: categories  # 分類
  Tags: tags  # 標簽
  Repository: repository  # github repositories
  Books: books  # 豆瓣書單
  Links: links  # 友鏈
  About: about  # 關于

單個目錄界面的相關配置可在博客根目錄的source下的同名文件夾中進行配置

（2）配置站點標題:

# Site
site:
  logo:
    enabled: true
    width: 40
    height: 40
    url: ../images/logo.png
  title: Hexo # 頁面title
  favicon: /favicon.png # 頁面icon
  board: <p>歡迎交流與分享經驗!</p> # 站點公告
  copyright: false # 底部版權信息,使用true開啟

（3）配置打賞信息:

# Donate
donate:
  enable: true
  # 微信打賞
  wechatpay:
    qrcode: images/donate/wechatpayimg.png # 在主題目錄的source文件夾中進行圖片的設定
    title: 微信支付
  # 支付寶打賞
  alipay: 
    qrcode: images/donate/alipayimg.png # 在主題目錄的source文件夾中進行圖片的設定
    title: 支付寶

（4）配置個人信息:

# profile
profile:
  enabled: true # 是否展示個人信息
  avatar: images/avatar.jpg # 在主題目錄的source文件夾中進行圖片的設定
  gravatar: # Gravatar email address, if you enable Gravatar, your avatar config will be overriden
  author: 昵稱
  author_title: Web Developer & Designer
  author_description: 個人簡介。
  location: Shenzhen, China 
  follow: https://github.com/cofess
  # Social Links
  social:
    links: # 左邊目錄底部的鏈接配置，可自行刪減
      github: https://github.com/cofess
      weibo: http://weibo.com/cofess
      twitter: https://twitter.com/iwebued
      # facebook: /
      # dribbble: /
      behance: https://www.behance.net/cofess
      rss: atom.xml
    link_tooltip: true # enable the social link tooltip, options: true, false

（5）配置about界面右欄目中的信息:

  # My Skills 
  skills:
    Git: ★★★☆☆
    Gulp: ★★★☆☆
    Javascript: ★★★☆☆
    HTML+CSS: ★★★☆☆
    Bootstrap: ★★★☆☆
    ThinkPHP: ★★★☆☆
    平面設計: ★★★☆☆
  # My Personal Links
  links:
    Github: https://github.com/cofess
    Blog: http://blog.cofess.com
    微博: http://weibo.com/cofess
    花瓣: http://huaban.com/cofess
    Behance: https://www.behance.net/cofess
  # My Personal Labels
  labels:
    - 前端
    - 前端開發
    - 前端重構
    - Web前端
    - 網頁重構
  # My Personal Works
  works:
    name:
      link: http://www.example.com
      date: 2016

（6）開啟評論功能:

comment:
  type: valine  # 啟用哪種評論系統

Valine
一個無后端的評論框工具，其依賴于 Leancloud 開發，所以使用前需要先注冊 Leancloud 賬號
Valine配置

valine: # Valine官方地址: https://valine.js.org
  appid:  # 你的 leancloud 應用 appid
  appkey:  # 你的 leancloud 應用 appkey
  notify: true # 是否開始評論郵件提醒, 教程: https://github.com/xCss/Valine/wiki
  verify: false # 是否開始驗證碼功能, 開始郵件提醒會自動開啟驗證碼功能
  placeholder: 說點什么... # 輸入框默認內容
  avatar: mm # 頭像展示方式, 具體設置項教程: https://valine.js.org/configuration.html#avatar
  meta: nick,mail,link # 自定義評論信息
  pageSize: 10 # 評論列表分頁
  lang: zh-cn, # 多語言支持 zh-cn | en
  visitor: true # 文章閱讀量統計:  https://valine.js.org/visitor.html
  highlight: true # 代碼高亮
  recordIP: true # 記錄評論者的IP

（7）開啟搜索功能:

# Search
search:
  insight: true # 內置搜索功能,
  baidu: false # 百度搜索功能,不可以同時使用

（8）展示github項目:

# Github
github: 
  username: cofess  # github用戶名

（9）開啟文章字數，閱讀時長，瀏覽量統計:

# PV
pv: # 瀏覽量統計
  busuanzi:
    enable: false  # 不蒜子統計，一般使用不蒜子統計，使用true開啟
  leancloud:
    enable: false  # leancloud統計
    app_id: # leancloud <AppID>
    app_key: # leancloud <AppKey>
        
# wordcount
postCount:
  enable: false
  wordcount: true  # 文章字數統計
  min2read: true  # 閱讀時長預計 

（10）友情鏈接的配置:

選擇博客根目錄下 /source/_data/ 中的links.yml配置文件，可仿照其中樣例進行配置

（11）分類和標簽的配置:

三、更新站點，查看效果

在博客文件夾下打開git bash命令行窗口依次使用如下指令：

hexo clean
hexo g
hexo s

啟動服務后：進入本地瀏覽器輸入:http://localhost:4000/ 進行查看

記得當初思考怎么配置分類和標簽時候，糾結了很久，反復的看配置文件，最后發現分類和標簽的配置需在博文中設置，在下一節講解：下一節

Finish