使用Github搭建Hexo技術(shù)博客

主題優(yōu)化

主題配置介紹

我這里只講自己在使用的 yelle 主題捷泞，你可以參考下椅野，可能還有一些改動(dòng)我后續(xù)會(huì)自己在慢慢改，但是大體基本也就這樣了渴肉。

從中我們也可以看出，對(duì)于主題來(lái)講爽冕，大部分可以配置的地方其實(shí)都是在這里的仇祭，所以對(duì)于主題的使用者來(lái)講，懂這里很重要颈畸。

• 基本上主題的配置文件都是有內(nèi)容改乌奇，但是下面這幾點(diǎn)我覺(jué)得特別重要：
• duoshuo，如果你是打算采用多說(shuō)評(píng)論系統(tǒng)的話(huà)眯娱，你需要設(shè)置這里礁苗，但是我個(gè)人對(duì)多說(shuō)沒(méi)好印象
• youyan，有言也是國(guó)內(nèi)實(shí)用比較多的評(píng)論系統(tǒng)之一徙缴，個(gè)人感覺(jué)相對(duì)比較穩(wěn)定
• open_in_new试伙，我個(gè)人覺(jué)得這個(gè)東西就應(yīng)該是 true，不是用新標(biāo)簽的都是壞人
• baidu_tongji于样，我個(gè)人使用的是百度統(tǒng)計(jì)疏叨，具體百度統(tǒng)計(jì)的使用可以查看百度統(tǒng)計(jì)官網(wǎng)：http://#baidu.com

我的 yelle 主題配置

# Theme Version | 當(dāng)前版本
Yelee: "3.5"

# >>> Basic Setup | 基礎(chǔ)設(shè)置 <<<

# Header | 主菜單
## About Page: `hexo new page about`
## Tags Cloud Page: `hexo new page tags`
menu:
  主頁(yè): /
  所有文章: /archives/
 #隨筆: /tags/隨筆
  標(biāo)簽云: /tags/
  關(guān)于我: /about/

# Link to your avatar | 填寫(xiě)頭像地址
avatar: /img/avatar.png

# Small icon of Your site | 站點(diǎn)小圖標(biāo)地址
favicon: /favicon.png

# Internationalization | 主題語(yǔ)言
## Change Language in SITE's _config.yml | 在站點(diǎn)配置中切換語(yǔ)言
## https://hexo.io/docs/internationalization.html
## Available Languages: en, zh-Hans, zh-Hant-TW, zh-Hant-HK

# Subdirectory | 子目錄
## If your site' url is 'http://yoursite.com/blog', set root_url as '/blog/'
## 網(wǎng)站若存放在子目錄，請(qǐng)按上面格式填寫(xiě)
## https://hexo.io/docs/configuration.html#URL
root_url: 

# Year of Site Creation | 網(wǎng)站成立年份
since: 2015

# Social info. Bar | 社交信息展示
## Keep "mailto:" in Email | 設(shè)置 Email 時(shí)保留 "mailto:"
## Encrypt email 加密郵件地址 http://ctrlq.org/encode/
## RSS requires a plugin to take effect | 使用 RSS 需先安裝對(duì)應(yīng)插件
## https://github.com/hexojs/hexo-generator-feed

subnav:
  Email: ""
  #新浪微博: "sina weibo"
  GitHub: ""
  #V2EX: "#"
  RSS: "/atom.xml"
  #知乎: "zhihu"
  #豆瓣: "douban"
  #簡(jiǎn)書(shū): "jianshu"
  #SegmentFault: ""
  #博客園: "cnblogs"
  CSDN: ""
  #Coding: ""
  #網(wǎng)易云音樂(lè): ""
  #蝦米音樂(lè): "xiami"
  #bilibili: ""
  #AcFun: ""
  #niconico: ""
  #Quora: ""
  #Facebook: "#"
  #Google: "#"
  #Twitter: "#"
  #LinkedIn: "#"
  #QQ: "#"
  微信: "weixin"
  #PayPal: "#"
  #StackOverflow: "#"
  #CodePen: ""
  #Plunker: ""
  #Instagram: "#"
  #LOFTER: ""
  #Flickr: "#"
  #reddit: ""
  #Medium: ""
  #TiddlyWiki: ""
  #Tumblr: ""
  #_500px: ""

# >>> Conments 評(píng)論系統(tǒng) <<<
# Chose ONE as your comment system and keep others disable.
# 選一個(gè)作為網(wǎng)站評(píng)論系統(tǒng)穿剖，其他保持禁用蚤蔓。

preload_comment: true
## false: 當(dāng)點(diǎn)擊評(píng)論條等區(qū)域時(shí)再加載評(píng)論模塊
## false: load comment's section until u click/hover on the bar/icon

show_count: false
## 是否在主頁(yè)文章標(biāo)題旁顯示評(píng)論數(shù)（多說(shuō)、Disqus）
## Add comment count after article title

disqus: 
  #on: true
  shortname: 
  # https://help.disqus.com/customer/en/portal/articles/466208-what-s-a-shortname-
  # It is unnecessary to enable disqus here if 
  # you have set "disqus_shortname" in your site's "_config.yml" 

duoshuo: 
  #on: true
  domain: 
  # 是否開(kāi)啟多說(shuō)評(píng)論糊余，http://duoshuo.com/create-site/
  # 使用上面網(wǎng)址登陸你的多說(shuō)秀又，然后創(chuàng)建站點(diǎn)，在 domain 中填入你設(shè)定的域名前半部分
  # http://<要填的部分>.duoshuo.com (domain只填上<>里的內(nèi)容贬芥，不要填整個(gè)網(wǎng)址)

youyan:
  #on: true
  id: 
  # 是否開(kāi)啟友言評(píng)論吐辙，http://www.uyan.cc/index.php
  # id 中填寫(xiě)你的友言用戶(hù)數(shù)字ID，注冊(cè)后進(jìn)入后臺(tái)管理即可查看
  # 友言服務(wù)在 Web 環(huán)境下運(yùn)行蘸劈，普通本地環(huán)境無(wú)法查看袱讹，請(qǐng)部署后在線(xiàn)上測(cè)試。

# >>> Style Customisation 樣式自定義 <<<

# Background | 背景
## "5": show images form bg-1.jpg to bg-5.jpg in `/yelee/source/background/`
## "5": 顯示`/yelee/source/background/`文件夾中 bg-1.jpg 到 bg-5.jpg 這5張圖片
## "0": white-gray background | 淳樸灰白背景
background_image: 5

# Base Font Size | 字號(hào)調(diào)節(jié)
base_font_size: 16  #px, 16 - 24

## General Color Scheme | 主題配色方案 
## 可用值 Value: yilia
color_scheme: 

highlight_style:
  on: true
  inline_code: 3  # Value: 0 - 9 可選
  code_block: 2  # Value: 0 - 4 
  # Set inline_code to style highlight text
  # Chose a highlight theme for code block
  # 通過(guò) inline_code 切換內(nèi)置文本高亮樣式
  # 通過(guò) code_block 切換內(nèi)置代碼高亮配色主題

blockquote_style:
  on: true
  blockquote: 1  # Value: 0 - 7 可選
  # 自定義文章「引用部分」的樣式

# Headings Style | 標(biāo)題風(fēng)格
## 0-Yelee, 1-Yilia, 2-GitHub
heading_style: 0 # Value: 0 - 2

## List style type (ul) | 無(wú)序列表項(xiàng)標(biāo)記樣式
list_style: 0  # value: 0 - 12 可選

# 左邊欄寬度 px
left_col_width: 300

# Copyright info. of post | 文末版權(quán)信息
copyright: true

# Table of contents | 文章目錄
toc:
  on: true
  list_number: true # 目錄序號(hào)
  max_depth: 3  # 1 - 6 (h1-h6) 目錄最大級(jí)數(shù)
  nowrap: false # Keep title on same line | 目錄標(biāo)題不換行

# 是否開(kāi)啟主頁(yè)及加載頭像時(shí)的動(dòng)畫(huà)效果
# Animation in Homepage and Loading avatar
animate: true

# Load jQuery UI to style tooltips
# 工具提示框樣式美化
jquery_ui: false

# Max width of right cloumn | 限制右側(cè)內(nèi)容的寬帶 
limit_article_width: 
  on: false
  max_width: 60 # em

# >>> Small features | 小功能設(shè)置 <<<

# 是否開(kāi)啟邊欄多標(biāo)簽切換
# Birdhouse button in left column
tagcloud: true

# Blogroll, Link exchange | 友情鏈接
friends:
  GitHub: https://pages.github.com/
#friends: false

#是否開(kāi)啟“關(guān)于我”昵时。
aboutme: 專(zhuān)注于技術(shù),專(zhuān)注于開(kāi)發(fā)
#aboutme: true

# Open link in a new tab | 是否在新窗口打開(kāi)鏈接
## `global` 0: Set separately, 1: Open all in new 2: Open all in current
## `global` 0: 分開(kāi)設(shè)置, 1: 全部在新標(biāo)簽打開(kāi), 2: 全部在"當(dāng)前"標(biāo)簽打開(kāi)
open_in_new:
  global: 0 # 0-2
  title: false # article title in homepage 主頁(yè)文章標(biāo)題
  post: false # link within post/page 正文中的鏈接
  tags: false # 標(biāo)簽
  categories: false # 分類(lèi)
  article_nav: false # 導(dǎo)航
  archives: true # 歸檔
  mini_archives: true # 迷你歸檔
  menu: false # 邊欄菜單
  friends: true  # 友情鏈接
  socail: true # 社交圖標(biāo)

# Customize feed link 自定義訂閱地址
rss: /atom.xml

# Update Reminder for IE6/7/8
# 針對(duì) IE6/7/8 的升級(jí)瀏覽器提示
ie_updater:
  on: true
  link: //outdatedbrowser.com/
  ## http://browsehappy.com/
  ## http://outdatedbrowser.com/

# Tab Title Change | 標(biāo)簽頁(yè)標(biāo)題切換
tab_title_change: 
  #on: false
  left_tab_title: '(つェ?) 我藏好了哦~ '
  return_tab_title: '(*′?｀*) 被你發(fā)現(xiàn)啦~ '

# >>> Vendors | 第三方工具 & 服務(wù) <<<

# Local Site Search | 本地站內(nèi)搜索
## Insatall below plugin to take effect | 使用搜索需先安裝對(duì)應(yīng)插件
## https://github.com/PaicHyperionDev/hexo-generator-search
search: 
  on: true
  onload: false
  ## true: get search.xml file when the page has loaded
  ## false: get the file when search box gets focus

# images viewer | 圖片瀏覽器
## http://www.fancyapps.com/fancybox/
fancybox: true

# Display Math(LaTeX, MathML...) | 數(shù)學(xué)公式支持
## https://www.mathjax.org/
mathjax: false

# Socail Share | 是否開(kāi)啟分享
share: 
  on: true
  baidu: true
  addthis: false
  addthis_pubid: ""
  ## Go to www.addthis.com/dashboard to get your pubid (in src of Code)
  ## and customize AddThis share buttons

# 百度捷雕、谷歌站長(zhǎng)驗(yàn)證。填寫(xiě) HTML 標(biāo)簽 content
# Site Verification for Google and Baidu. HTML label content.
baidu_site: 
google_site: 

# Fill in Google Analytics tracking ID, #e.g. UA-XXXXX-X
google_analytics: 

# 百度統(tǒng)計(jì) http://sitecenter.baidu.com/sc-web/
# 查看代碼壹甥，填入 //#/hm.js? 之后的內(nèi)容
baidu_tongji: 

# 不蒜子網(wǎng)站計(jì)數(shù)設(shè)置
# http://ibruce.info/2015/04/04/busuanzi/
visit_counter:
  on: true
  site_visit: 本站到訪(fǎng)數(shù)
  page_visit: 本頁(yè)閱讀量

# GitHub Repo Widget
# https://github.com/hustcc/GitHub-Repo-Widget.js
github_widget: false

# Progress Bar | 頁(yè)面加載進(jìn)度條
# Demo: http://github.hubspot.com/pace/docs/welcome/
# type: barber-shop|big-counter|bounce|center-atom|center-circle|
#       center-radar|center-simple|corner-indicator|flash|flat-top|
#       loading-bar|mac-osx|minimal
# color: black|blue|green|orange|pink|purple|red|silver|white|yellow|
progressBar:
  on: true
  type: "minimal"  # Keep Quotes | 保留引號(hào)避免出錯(cuò)
  color: blue

CDN:
  jquery: //cdn.bootcss.com/jquery/2.2.4/jquery.min.js
  require: //cdn.bootcss.com/require.js/2.2.0/require.min.js
  fontawesome: //cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css
  fancybox_js: //cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.js
  fancybox_css: //cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.css
  animate_css: //cdn.bootcss.com/animate.css/3.5.1/animate.min.css
  jquery_ui_js: //cdn.bootcss.com/jqueryui/1.10.4/jquery-ui.min.js
  jquery_ui_css: //cdn.bootcss.com/jqueryui/1.10.4/css/jquery-ui.min.css
  pace_js: //cdn.bootcss.com/pace/1.0.2/pace.min.js
  clipboard: //cdn.bootcss.com/clipboard.js/1.5.10/clipboard.min.js
  mathjax: //cdn.bootcss.com/mathjax/2.6.1/MathJax.js
  scrollreveal: //cdn.bootcss.com/scrollReveal.js/3.1.4/scrollreveal.min.js

常用頁(yè)面添加

404救巷、關(guān)于我、標(biāo)簽頁(yè)

• 還是以上一篇文章我們講解的項(xiàng)目根目錄上：E:\blog_space\hexo句柠，在該目錄啟動(dòng) Git Bash：
• 新增一個(gè) 404 頁(yè)面：hexo new page 404
• 新增一個(gè) about 頁(yè)面：hexo new page about
• 新增一個(gè) tag 標(biāo)簽云頁(yè)面：hexo new page tags
• 新增一個(gè) robot.txt 文件浦译，把該文件放在：E:\blog_space\hexo\source 目錄下棒假，如果你沒(méi)有該文件可以到我的項(xiàng)目上找：https://github.com/chenjh0611/chenjh0611.github.io
• robot 文件內(nèi)容：

User-Agent: *
Allow: /
Disallow: /background
Disallow: /css
Disallow: /fancybox
Disallow: /font-awesome
Disallow: /img
Disallow: /js
Sitemap: http://code.skyheng.com/sitemap.xml
Sitemap: http://code.skyheng.com/baidusitemap.xml

在md文件的Front-matter區(qū)域添將comments設(shè)置為flase的話(huà)，將不會(huì)展示評(píng)論界面精盅。

設(shè)置分類(lèi)

在我們編輯文章的時(shí)候帽哑，直接在categories:項(xiàng)填寫(xiě)屬于哪個(gè)分類(lèi)，但如果分類(lèi)是中文的時(shí)候叹俏，路徑也會(huì)包含中文妻枕。 比如分類(lèi)我們?cè)O(shè)置的是：
categories: 編程 那在生成頁(yè)面后，分類(lèi)列表就會(huì)出現(xiàn)編程這個(gè)選項(xiàng)粘驰，他的訪(fǎng)問(wèn)路徑是：*/categories/編程
如果我們想要把路徑名和分類(lèi)名分別設(shè)置屡谐，需要怎么辦呢？
打開(kāi)根目錄下（并非主題目錄）的配置文件_config.yml（別打開(kāi)錯(cuò)了）蝌数，找到如下位置做更改（設(shè)置種類(lèi)）：

# Category & Tag
default_category: uncategorized
category_map:
    編程: programming
    Hexo：Hexo
    生活: life
    其他: other
tag_map:

在這里category_map:是設(shè)置分類(lèi)的地方愕掏，每行一個(gè)分類(lèi)，冒號(hào)前面是分類(lèi)名稱(chēng)顶伞，后面是訪(fǎng)問(wèn)路徑饵撑。 可以提前在這里設(shè)置好一些分類(lèi)，當(dāng)編輯的文章填寫(xiě)了對(duì)應(yīng)的分類(lèi)名時(shí)唆貌，就會(huì)自動(dòng)的按照對(duì)應(yīng)的路徑來(lái)訪(fǎng)問(wèn)肄梨。

置頂文章方法

• 參考：
  1. 解決Hexo置頂問(wèn)題
  2. 解決Hexo博客文章置頂問(wèn)題
• 編輯這個(gè)文件：node_modules/hexo-generator-index/lib/generator.js在生成文章之前進(jìn)行文章top值排序。
• 覆蓋原文件內(nèi)容挠锥，采用下面內(nèi)容：

'use strict';
var pagination = require('hexo-pagination');
module.exports = function(locals){
var config = this.config;
var posts = locals.posts;
posts.data = posts.data.sort(function(a, b) {
    if(a.top && b.top) { // 兩篇文章top都有定義
        if(a.top == b.top) return b.date - a.date; // 若top值一樣則按照文章日期降序排
        else return b.top - a.top; // 否則按照top值降序排
    }
    else if(a.top && !b.top) { // 以下是只有一篇文章top有定義，那么將有top的排在前面（這里用異或操作居然不行233）
        return -1;
    }
    else if(!a.top && b.top) {
        return 1;
    }
    else return b.date - a.date; // 都沒(méi)定義按照文章日期降序排
});

  var paginationDir = config.pagination_dir || 'page';
  return pagination('', posts, {
    perPage: config.index_generator.per_page,
    layout: ['index', 'archive'],
    format: paginationDir + '/%d/',
    data: {
      __index: true
    }
  });
};

• 然后在文章頭部的：Front-matter位置加上一個(gè)：top: 1000的內(nèi)容侨赡。數(shù)值越大蓖租，越靠前

另外一種解決方案：

• hexo博客優(yōu)化之文章置頂+置頂標(biāo)簽
  文章中卸載hexo-generator-index使用cnpm install --save hexo-generator-index-pin-top插件來(lái)實(shí)現(xiàn)，安裝這個(gè)插件然后在需要置頂?shù)奈恼碌腇ront-matter中加上top: true即可羊壹，也可以是數(shù)值蓖宦，數(shù)值越大，越靠前

字?jǐn)?shù)統(tǒng)計(jì)和閱讀時(shí)長(zhǎng)

Next 是已經(jīng)集成了這個(gè)功能油猫，所以還是得需要咱們自己完成稠茂，首先看一下官網(wǎng)的使用幫助hexo-wordcount.

集成步驟

1. 先安裝插件hexo-wordcount、執(zhí)行cnpm install --save hexo-wordcount安裝
2. 文件配置情妖、在yelee/layout/_partial/post/word.ejs下創(chuàng)建word.ejs文件：

<div style="margin-top:10px;">
    <span class="post-time">
      <span class="post-meta-item-icon">
        <i class="fa fa-keyboard-o"></i>
        <span class="post-meta-item-text">  字?jǐn)?shù)統(tǒng)計(jì): </span>
        <span class="post-count"><%= wordcount(post.content) %>字</span>
      </span>
    </span>

    <span class="post-time">
      &nbsp; | &nbsp;
      <span class="post-meta-item-icon">
        <i class="fa fa-hourglass-half"></i>
        <span class="post-meta-item-text">  閱讀時(shí)長(zhǎng): </span>
        <span class="post-count"><%= min2read(post.content) %>分</span>
      </span>
    </span>
</div>

3. 然后在 themes/yelee/layout/_partial/article.ejs文件中<%- partial('post/title', {class_name: 'article-title'}) %>后面添加如下代碼

<% if(theme.word_count && !post.no_word_count){ %>
   <%- partial('post/word') %>
<% } %>

4. 在<div class="article-info article-info-post">后添加如下代碼

<% if(theme.word_count && !post.no_word_count){ %>
  <br>
  <br>
<% } %>

5. 在主題_config.yml中配置word_count是否需要添加字?jǐn)?shù)統(tǒng)計(jì)功能控制的flag睬关、在md文件的Front-matter區(qū)域添加no_word_count為true即配置文章不需要顯示字?jǐn)?shù)統(tǒng)計(jì)功能

• article.ejs文件中代碼塊示例

<% if (post.link || post.title){ %>
  <header class="article-header">
    <%- partial('post/title', {class_name: 'article-title'}) %>
    <% if(theme.word_count && !post.no_word_count){ %>
       <%- partial('post/word') %>
    <% } %>
  </header>
  <% if (!index){ %>
  <div class="article-info article-info-post">
    <% if(theme.word_count && !post.no_word_count){ %>
      <br>
      <br>
    <% } %>
    <%- partial('post/category') %>
    <%- partial('post/tag') %>
    <div class="clearfix"></div>
  </div>
  <% } %>
<% } %>

網(wǎng)易云音樂(lè)

• 集成起來(lái)就很簡(jiǎn)單了，MarkDown 是支持 h5 代碼的毡证，所以打開(kāi)網(wǎng)易云,輸入你想要的歌曲电爹，點(diǎn)擊對(duì)應(yīng)歌曲的 生成外鏈播放器。前提是有版權(quán)哈料睛，然后拷貝相應(yīng)的代碼即可丐箩。
  
  外鏈
  
  
  拷貝代碼
  
  效果請(qǐng)點(diǎn)擊關(guān)于我

鼠標(biāo)點(diǎn)擊效果

廢話(huà)不多說(shuō)摇邦，直接看如何集成。 拷貝需要的文件屎勘、進(jìn)入到下位子的Github施籍，拷貝文件。

文件夾目錄

<% if (theme.background_animation){ %>
    <script type="text/javascript" src="/resources/love.js"></script>
    <script type="text/javascript" src="/resources/float.js"></script>
    <script type="text/javascript" src="/resources/typewriter.js"></script>
    <script type="text/javascript" color=0,104,183 opacity=1 zindex=-1 count=50 src="/resources/particle.js"></script>
<% } %>

快速實(shí)現(xiàn)博客壓縮

項(xiàng)目壓縮也叫代碼丑化, 分別對(duì) html犀概、css立哑、js、images進(jìn)行優(yōu)化姻灶，即把重復(fù)的代碼合并铛绰，把多余的空格去掉，用算法把 images 進(jìn)行壓縮产喉。壓縮后的博客捂掰，加載速度會(huì)有較大的提升，自然能留住更多游客曾沈。
蠻多朋友使用了gulp對(duì)博客進(jìn)行壓縮这嚣，這也是一個(gè)辦法，但在社區(qū)逛了下塞俱，找到了一個(gè)比較好用的模塊hexo-all-minifier姐帚，這個(gè)模塊集成了對(duì) html、css障涯、js罐旗、image 的優(yōu)化。安裝上此模塊后唯蝶，只要在根目錄下的_config.yml文件中加上如下字段就可對(duì)博客所有內(nèi)容進(jìn)行壓縮九秀。

html_minifier:
  enable: true
  ignore_error: false
  exclude:

css_minifier:
  enable: true
  exclude:
    - '*.min.css'

js_minifier:
  enable: true
  mangle: true
  output:
  compress:
  exclude:
    - '*.min.js'

image_minifier:
  enable: true
  interlaced: false
  multipass: false
  optimizationLevel: 2
  pngquant: false
  progressive: false

文章鏈接唯一化

也許你會(huì)數(shù)次更改文章題目或者變更文章發(fā)布時(shí)間，在默認(rèn)設(shè)置下粘我，文章鏈接都會(huì)改變鼓蜒，不利于搜索引擎收錄，也不利于分享征字。唯一永久鏈接才是更好的選擇都弹。

• hexo-abbrlink介紹：https://post.zz173.com/detail/hexo-abbrlink.html、GitHub地址：hexo-abbrlink
  安裝：cnpm install hexo-abbrlink --save
  在站點(diǎn)配置文件中查找代碼permalink匙姜，將其更改為：permalink: posts/:abbrlink/ # posts/可自行更換

這里有個(gè)知識(shí)點(diǎn)：

百度蜘蛛抓取網(wǎng)頁(yè)的規(guī)則: 對(duì)于蜘蛛說(shuō)網(wǎng)頁(yè)權(quán)重越高缔杉、信用度越高抓取越頻繁，例如網(wǎng)站的首頁(yè)和內(nèi)頁(yè)搁料。蜘蛛先抓取網(wǎng)站的首頁(yè)或详，因?yàn)槭醉?yè)權(quán)重更高系羞，并且大部分的鏈接都是指向首頁(yè)。然后通過(guò)首頁(yè)抓取網(wǎng)站的內(nèi)頁(yè)霸琴，并不是所有內(nèi)頁(yè)蜘蛛都會(huì)去抓取椒振。
搜索引擎認(rèn)為對(duì)于一般的中小型站點(diǎn)，3層足夠承受所有的內(nèi)容了梧乘，所以蜘蛛經(jīng)常抓取的內(nèi)容是前三層澎迎，而超過(guò)三層的內(nèi)容蜘蛛認(rèn)為那些內(nèi)容并不重要，所以不經(jīng)常爬取选调。出于這個(gè)原因所以permalink后面跟著的最好不要超過(guò)2個(gè)斜杠夹供。

• 然后在站點(diǎn)配置文件中添加如下代碼:

# abbrlink config
abbrlink:
  alg: crc32  # 算法：crc16(default) and crc32
  rep: hex    # 進(jìn)制：dec(default) and hex

可選擇模式：

• crc16 & hex
• crc16 & dec
• crc32 & hex
• crc32 & dec

示例：
生成的鏈接如下所示：

crc16 & hex
https://post.zz173.com/posts/66c8.html
crc16 & dec
https://post.zz173.com/posts/65535.html
crc32 & hex
https://post.zz173.com/posts/8ddf18fb.html
crc32 & dec
https://post.zz173.com/posts/1690090958.html

Yelog—對(duì)Yelee主題的改進(jìn)

由于Yelee主題存在代碼塊上下出現(xiàn)空格的情況以及主題布局尺寸固定的情況，Yelog主題對(duì)Yelee主題進(jìn)行了改進(jìn)仁堪，github地址如下：
https://github.com/yelog/hexo-theme-yelog

使用Yilia主題需要

• 在查看所有文章的時(shí)候需要
  1哮洽、請(qǐng)確保node版本大于6.2
  2、在博客根目錄（注意不是yilia根目錄）執(zhí)行以下命令：npm i hexo-generator-json-content --save
  3弦聂、在根目錄_config.yml里添加配置：

jsonContent:
meta: false
pages: false
posts:
  title: true
  date: true
  path: true
  text: false
  raw: false
  content: false
  slug: false
  updated: false
  comments: false
  link: false
  permalink: false
  excerpt: false
  categories: false
  tags: true

顯示pdf的支持

• 安裝：cnpm install --save hexo-pdf github地址：hexo-pdf
• 使用示例：{% pdf http://7xov2f.com1.z0.glb.clouddn.com/bash_freshman.pdf %}

插件推薦

插件的基本使用命令

• 插件官網(wǎng)：https://hexo.io/plugins/
• 安裝插件：npm install 插件名 --save
• 卸載插件：npm uninstall 插件名
• 更新插件和博客框架（需要在 E:\blog_space\hexo 目錄下）：npm update
• 它實(shí)質(zhì)上是通過(guò)項(xiàng)目根目錄下 package.json 文件更新各大組件

必備插件

• 支持RSS：cnpm install hexo-generator-feed --save
• 生成站點(diǎn)地圖：cnpm install hexo-generator-sitemap --save
• 生成百度站點(diǎn)地圖：cnpm install hexo-generator-baidu-sitemap --save
• HTML 壓縮：cnpm install hexo-html-minifier --save
• JavaScript 壓縮：cnpm install hexo-uglify --save
• CSS 壓縮插件：cnpm install hexo-clean-css --save
• SEO優(yōu)化：cnpm install hexo-generator-seo-friendly-sitemap
• 站內(nèi)搜索：hexo-generator-search插件為 Hexo3 提供搜索功能鸟辅。 安裝： cnpm install hexo-generator-search --save

其他插件支持

結(jié)束語(yǔ)

• 真心希望這是 Hexo 最后一篇，因?yàn)槲覀冎皇且残膶?xiě)東西而已莺葫，不需要太多折騰匪凉。

參考資料

• 搭建Hexo博客進(jìn)階篇--API和一些小部件（四）
• hexo鏈接持久化終極解決之道

系列博文整理

整理了下hexo系列的文章，發(fā)現(xiàn)這位博主寫(xiě)系列博客感覺(jué)還是很棒的：

• hexo干貨系列：（一）hexo+gitHub搭建個(gè)人獨(dú)立博客
• hexo干貨系列：（二）hexo主題下載及配置
• hexo干貨系列：（三）hexo的Jacman主題優(yōu)化
• hexo干貨系列：（四）將hexo博客同時(shí)托管到github和coding
• hexo干貨系列：（五）hexo添加站內(nèi)搜索
• hexo干貨系列：（六）hexo提交搜索引擎（百度+谷歌）
• hexo干貨系列：（七）hexo安裝統(tǒng)計(jì)插件
• hexo干貨系列：（八）hexo文章自動(dòng)隱藏側(cè)邊欄