前言

上次介紹了使用 Hexo+GitHub Pages，零成本搭建一個(gè)專屬自己的獨(dú)立博客網(wǎng)站。我覺得那篇文章是沒有入門門檻的，不管你是什么行業(yè)，只要想打造個(gè)人 IP，又不太想受博客平臺約束，那么讀完后動(dòng)手操作一下也能輕松完成。而這次呢，上篇也說了 Hexo 會出三篇內(nèi)容，這里就要在前者基礎(chǔ)上做進(jìn)一步升級，將完成下面七個(gè)主要的博客常用功能。

指標(biāo)

• Hexo 如何安裝 Butterfly 主題并配置？
• Hexo 如何創(chuàng)建頁面和添加文章？
• Hexo 如何添加第三方評論系統(tǒng)？
• Butterfly 主題如何添加站內(nèi)搜索？
• Butterfly 主題如何添加百度統(tǒng)計(jì)？
• Butterfly 主題如何添加文章置頂功能？
• Butterfly 主題如何配置 RSS 和 404 頁面？
• 如何配合 Typora 完成 md 的同步與本地備份？

主題添加與配置

Hexo 官網(wǎng)專門有一個(gè)欄目的主題列表，這里我選的 “butterfly”，首先拉取主題代碼到 themes 目錄下，然后在 Hexo 的配置中啟動(dòng)主題。

拉取主題包

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

啟動(dòng)主題

theme: butterfly

基礎(chǔ)配置

基礎(chǔ)配置主要是設(shè)置網(wǎng)站的標(biāo)題、描述、SEO、菜單等項(xiàng)，下面我就列出 hexo 的 config（根目錄下_config.yml），和主題 Butterfly 的 config（themes 的 Butterfly 下_config.yml），并注釋相關(guān)項(xiàng)的簡介僅供參考。

hexo_config.yml

title: ZERO開發(fā)                           #網(wǎng)站標(biāo)題
subtitle: 一個(gè)獨(dú)立開發(fā)者的博客               #網(wǎng)站副標(biāo)題
description: 公眾號：ZERO開發(fā)               #網(wǎng)站描述
keywords: 技術(shù)博客、獨(dú)立開發(fā)者、PHP開發(fā)、Pthon開發(fā)、人工智能、物聯(lián)網(wǎng)、游戲開發(fā)
author: 北橋蘇              #您的名字
language: zh-CN            #網(wǎng)站使用的語言
timezone:            	   #網(wǎng)站時(shí)區(qū)。Hexo 默認(rèn)使用您電腦的時(shí)區(qū)# URL 網(wǎng)址
## 如果您的網(wǎng)站存放在子目錄中，
## 例如 http://yoursite.com/blog，則請將您的 url 
## 設(shè)為 http://yoursite.com/blog 并把 root 設(shè)為 /blog/。
url: http://z11r00.github.io
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:# Directory 目錄配置
source_dir: source       #源文件夾，這個(gè)文件夾用來存放內(nèi)容。
public_dir: public       #公共文件夾，這個(gè)文件夾用于存放生成的站點(diǎn)文件。
tag_dir: tags            #標(biāo)簽文件夾
archive_dir: archives    #歸檔文件夾
category_dir: categories #分類文件夾
code_dir: downloads/code #nclude code 文件夾
i18n_dir: :lang          #國際化（i18n）文件夾
skip_render:             #跳過指定文件的渲染，您可使用 glob 表達(dá)式來匹配路徑。# Writing 文章
new_post_name: :title.md # 新建文章默認(rèn)文件名
default_layout: post     # 默認(rèn)布局
titlecase: false # Transform title into titlecase
external_link: true # 在新標(biāo)簽中打開一個(gè)外部鏈接，默認(rèn)為true
filename_case: 0    #轉(zhuǎn)換文件名，1代表小寫；2代表大寫；默認(rèn)為0，意思就是創(chuàng)建文章的時(shí)候，是否自動(dòng)幫你轉(zhuǎn)換文件名，默認(rèn)就行，意義不大。
render_drafts: false  #是否渲染_drafts目錄下的文章，默認(rèn)為false
post_asset_folder: false #啟動(dòng) Asset 文件夾
relative_link: false    #把鏈接改為與根目錄的相對位址，默認(rèn)false
future: true        #顯示未來的文章，默認(rèn)false
syntax_highlighter: highlight.js
highlight:    #代碼塊的設(shè)置enable: trueline_number: trueauto_detect: falsetab_replace:
prismjs:preprocess: trueline_number: truetab_replace: ''# Category & Tag 分類和標(biāo)簽的設(shè)置
default_category: uncategorized        #默認(rèn)分類
category_map:                          #分類別名
tag_map:                               #標(biāo)簽別名# 全局日期格式化
date_format: YYYY-MM-DD
time_format: HH:mm:ss
updated_option: 'mtime'
pagination_dir: page    #分頁目錄## 插件index，用于顯示分頁和排序配置
index_generator:path: ''per_page: 5	# 0.關(guān)閉分頁功能  >0.每頁條數(shù)order_by:top: -1		# 置頂排序： -1.倒序 1.正序date: -1	# 日期排序： -1.倒序 1.正序# 主題啟動(dòng)配置
theme: butterfly# Deployment github部署配置
deploy:type: gitrepository: https://github.com/z11r00/z11r00.github.iobranch: main##hexo-generator-search搜索插件配置
search:path: search.xmlfield: postformat: htmllimit: 10000## rss配置
feed:type: atompath: atom.xmllimit: 20## rss位置
rss: /atom.xml

hexo_butterfly_config.yml

nav:logo: /img/logo.png  # 導(dǎo)航欄左側(cè)LOGOdisplay_title: truefixed: true # 是否置頂導(dǎo)航欄## 菜單圖標(biāo)配置
Home: / || fas fa-home
Archives: /archives/ || fas fa-archive
Tags: /tags/ || fas fa-tags
Categories: /categories/ || fas fa-folder-open
List||fas fa-list:Music: /music/ || fas fa-musicMovie: /movies/ || fas fa-video
Link: /link/ || fas fa-link
About: /about/ || fas fa-heart# Menu 菜單跳轉(zhuǎn)配置
menu:首頁: / || fas fa-home時(shí)間軸: /archives/ || fas fa-archive標(biāo)簽: /tags/ || fas fa-tags分類: /categories/ || fas fa-folder-open#清單||fa fa-heartbeat:#音樂: /music/ || fas fa-music#照片: /Gallery/ || fas fa-images#電影: /movies/ || fas fa-video友鏈: /link/ || fas fa-link關(guān)于: /about/ || fas fa-heart# Code Blocks (代碼相關(guān))
# --------------------------------------
highlight_theme: light #  darker / pale night / light / ocean / mac / mac light / false
highlight_copy: true # copy button
highlight_lang: true # show the code language
highlight_shrink: false # true: shrink the code blocks / false: expand the code blocks | none: expand code blocks and hide the button
highlight_height_limit: false # unit: px
code_word_wrap: false   # 代碼是否自動(dòng)換行# Social Settings (社交圖標(biāo)設(shè)置)
social:fab fa-github: https://github.com/z11r00 || Github || '#24292e'fas fa-envelope: 2652364582@qq.com || Email || '#4a7dbe'fas fa-rss: /atom.xml || RSS# Image (圖片設(shè)置)
# --------------------------------------# Favicon（網(wǎng)站圖標(biāo)）
favicon: /img/favicon.png# Avatar (頭像)
avatar:img: /img/avatar.pngeffect: false# 是否禁用所有跳轉(zhuǎn)頁的頂部圖片
disable_top_img: true# 首頁圖
index_img: /img/index_img.jpg# 所有頁面的默認(rèn)頂部圖
default_top_img: /img/default_top_img.jpeg# 歸檔（時(shí)間線）頁面頂部圖
archive_img: /img/archive_img.jpg# 標(biāo)簽頁面頂部圖
tag_img:# The banner image of tag page
# format:
#  - tag name: xxxxx
tag_per_img:# 分類頁面頂部圖
category_img:# The banner image of category page
# format:
#  - category name: xxxxx
category_per_img:## 封面配置
cover:# display the cover or not (是否顯示文章封面)index_enable: trueaside_enable: truearchives_enable: true# the position of cover in home page (封面顯示的位置)# left/right/bothposition: both(當(dāng)沒有設(shè)置cover時(shí)，默認(rèn)的封面顯示)default_cover:- https://i.loli.net/2020/05/01/gkihqEjXxJ5UZ1C.jpg# Replace Broken Images (替換無法顯示的圖片)
error_img:flink: /img/friend_404.gifpost_page: /img/404.jpg# 404 頁面配置
error_404:enable: truesubtitle: 'Page Not Found'background: /img/404.jpg## 文章配置
post_meta:page: # Home Pagedate_type: created # created or updated or both 主頁文章日期是創(chuàng)建日或者更新日或都顯示date_format: date # date/relative 顯示日期還是相對日期categories: true # true or false 主頁是否顯示分類tags: false # true or false 主頁是否顯示標(biāo)籤label: true # true or false 顯示描述性文字post:date_type: both # created or updated or both 文章頁日期是創(chuàng)建日或者更新日或都顯示date_format: date # date/relative 顯示日期還是相對日期categories: true # true or false 文章頁是否顯示分類tags: true # true or false 文章頁是否顯示標(biāo)籤label: true # true or false 顯示描述性文字# 錨點(diǎn)配置
anchor:# when you scroll, the URL will update according to header id.auto_update: false# Click the headline to scroll and update the anchorclick_to_scroll: false# figcaption (圖片描述文字)
photofigcaption: false# 復(fù)制功能的配置
# copyright: Add the copyright information after copied content (複製的內(nèi)容後面加上版權(quán)信息)
copy:enable: true      # 是否開啟網(wǎng)站復(fù)制權(quán)限copyright:enable: false   # 是否開啟復(fù)制版權(quán)信息添加limit_count: 50 # 字?jǐn)?shù)限制，當(dāng)復(fù)制文字大于這個(gè)字?jǐn)?shù)限制時(shí)，將在復(fù)制的內(nèi)容后面加上版權(quán)信息# Post
# --------------------------------------# toc (文章的目錄配置)
toc:post: truepage: falsenumber: trueexpand: falsestyle_simple: false scroll_percent: true# 文章版權(quán)設(shè)置
post_copyright:enable: truedecode: falseauthor_href:license: CC BY-NC-SA 4.0license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/# Sponsor/reward 文章打賞
reward:enable: truetext: 打賞一下~QR_code:- img: /img/qrcode/wechat_trade.jpglink:text: 微信- img: /img/qrcode/alipay_trade.jpglink:text: 支付寶# 文章編輯器配置
# Easily browse and edit blog source code online.
post_edit:enable: false# url: https://github.com/user-name/repo-name/edit/branch-name/subdirectory-name/# For example: https://github.com/jerryc127/butterfly.js.org/edit/main/source/url:# 文章推薦配置
related_post:enable: truelimit: 6 # Number of posts displayeddate_type: created # or created or updated 文章日期顯示創(chuàng)建日或者更新日# post_pagination (分頁)
# value: 1 || 2 || false
# 1: The 'next post' will link to old post
# 2: The 'next post' will link to new post
# false: disable pagination
post_pagination: 1# Displays outdated notice for a post (文章過期提醒)
noticeOutdate:enable: falsestyle: flat # style: simple/flatlimit_day: 500 # When will it be shownposition: top # position: top/bottommessage_prev: It has beenmessage_next: days since the last update, the content of the article may be outdated.# Footer Settings（頁尾設(shè)置）
# --------------------------------------
footer:owner:enable: truesince: 2017custom_text: Copyright? ZERO開發(fā)-獨(dú)立開發(fā)者的日?？偨Y(jié)<br/><a href="https://beian.miit.gov.cn/" target="_blank">贛ICP備16002525號-1</a># copyright: true # Copyright of theme and frameworkcopyright: false# aside (側(cè)邊欄)
# --------------------------------------aside:enable: truehide: falsebutton: truemobile: true # display on mobileposition: left # left or rightdisplay:archive: truetag: truecategory: truecard_author:enable: truedescription:button:enable: trueicon: fas fa-videotext: 關(guān)注我link: https://space.bilibili.com/286666708/card_announcement:enable: truecontent: 微信公眾號：ZERO開發(fā)，致力于為猿友們提供有價(jià)值的內(nèi)容card_recent_post:enable: truelimit: 5 # if set 0 will show allsort: date # date or updatedsort_order: # Don't modify the setting unless you know how it workscard_categories:enable: truelimit: 8 # if set 0 will show allexpand: none # none/true/falsesort_order: # Don't modify the setting unless you know how it workscard_tags:enable: truelimit: 40 # if set 0 will show allcolor: falseorderby: random # Order of tags, random/name/lengthorder: 1 # Sort of order. 1, asc for ascending; -1, desc for descendingsort_order: # Don't modify the setting unless you know how it workscard_archives:enable: truetype: monthly # yearly or monthlyformat: MMMM YYYY # eg: YYYY年MM月order: -1 # Sort of order. 1, asc for ascending; -1, desc for descendinglimit: 8 # if set 0 will show allsort_order: # Don't modify the setting unless you know how it workscard_webinfo:enable: truepost_count: truelast_push_date: truesort_order: # Don't modify the setting unless you know how it workscard_post_series:enable: trueseries_title: false # The title shows the series nameorderBy: 'date' # Order by title or dateorder: -1 # Sort of order. 1, asc for ascending; -1, desc for descending# busuanzi count for PV / UV in site
# 訪問人數(shù)
busuanzi:site_uv: truesite_pv: truepage_pv: true# Time difference between publish date and now (網(wǎng)頁運(yùn)行時(shí)間)
# Formal: Month/Day/Year Time or Year/Month/Day Time
runtimeshow:enable: falsepublish_date:# Aside widget - 最新評論
newest_comments:enable: truesort_order: # Don't modify the setting unless you know how it workslimit: 6storage: 10 # unit: mins, save data to localStorageavatar: true# Bottom right button (右下角按鈕)
# --------------------------------------# Conversion between Traditional and Simplified Chinese (簡繁轉(zhuǎn)換)
translate:enable: false# The text of a buttondefault: 繁# the language of website (1 - Traditional Chinese/ 2 - Simplified Chinese）defaultEncoding: 2# Time delaytranslateDelay: 0# The text of the button when the language is Simplified ChinesemsgToTraditionalChinese: '繁'# The text of the button when the language is Traditional ChinesemsgToSimplifiedChinese: '簡'# Read Mode (閲讀模式)
readmode: true# Local search (hexo-generator-search創(chuàng)建搜索)
local_search:enable: true# Preload the search data when the page loads.preload: false# Show top n results per article, show all results by setting to -1top_n_per_article: 1# Unescape html strings to the readable one.unescape: falseCDN:# Docsearch
docsearch:enable: falseappId:apiKey:indexName:option:# Share System (分享)
# --------------------------------------
# Share.js
# https://github.com/overtrue/share.js
sharejs:enable: truesites: weibo,wechat,qq,facebook,twitter# AddToAny
# https://www.addtoany.com/
addtoany:enable: falseitem: facebook,twitter,wechat,sina_weibo,facebook_messenger,email,copy_link# Comments System （評論系統(tǒng)）
# --------------------------------------
# 評論配置
comments:# Up to two comments system, the first will be shown as default# Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/Artalkuse: gitalk # Valine,Disqustext: true # Display the comment name next to the button# lazyload: The comment system will be load when comment element enters the browser's viewport.# If you set it to true, the comment count will be invalidlazyload: truecount: false # Display comment count in post's top_imgcard_post_count: false # Display comment count in Home Page# disqus
# https://disqus.com/
disqus:shortname:apikey: # For newest comments widget# Alternative Disqus - Render comments with Disqus API
# DisqusJS 評論系統(tǒng)，可以實(shí)現(xiàn)在網(wǎng)路審查地區(qū)載入 Disqus 評論列表，兼容原版
# https://github.com/SukkaW/DisqusJS
disqusjs:shortname:apikey:option:# livere (來必力)
# https://www.livere.com/
livere:uid:# gitalk
# https://github.com/gitalk/gitalk
gitalk:client_id: Ov23…………1C6fMclient_secret: 4304…………44433f77352repo: z11r00.github.ioowner: z11r00admin: z11r00option:# Analysis （第三方統(tǒng)計(jì)配置）
# --------------------------------------# Baidu Analytics
# https://#baidu.com/web/welcome/login
baidu_analytics: 74270…………………………………………# Advertisement
# --------------------------------------# Google Adsense (谷歌廣告)
google_adsense:enable: falseauto_ads: truejs: https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.jsclient:enable_page_level_ads: true# Verification (站長驗(yàn)證)
# --------------------------------------site_verification:# - name: google-site-verification#   content: xxxxxx# - name: baidu-site-verification#   content: xxxxxxx

創(chuàng)建菜單頁面

頁面包括標(biāo)簽頁（tags）、分類頁（categories）、友鏈頁（link）、關(guān)于頁（about），當(dāng)然也可以自行添加，比如音樂電影之類。不過添加這種頁面方式都大同小異，以下以標(biāo)簽頁舉例。

運(yùn)行命令

hexo new page tags

編輯 MD

運(yùn)行命令后，會在 source 下根據(jù) butterfly 模板生成對應(yīng)的 md 文件，tags 就是 tags，不過要將 md 文件的 type 修改為對應(yīng)的類型，類型見上。

title: 標(biāo)簽頁
date: 2024-05-02 21:01:24
type: "tags"

Page（頁面）front-matter

title: 頁面名稱
date:  創(chuàng)建日期
type: （tags,link,categories這三個(gè)頁面需要配置）
comments: (是否需要顯示評論，默認(rèn)true)
description: 用于SEO優(yōu)化
top_img: (設(shè)置頂部圖)
mathjax: (數(shù)學(xué)公式顯示是否支持)
katex:   (Tex公式顯示是否支持)

創(chuàng)建文章

寫文章，可以通過命令創(chuàng)建，也可以在 source/_posts 目錄下，自行新建 markedown 文件，因?yàn)槊钜彩窃赺posts 文件夾下新建。

運(yùn)行命令

hexo new "文章的大標(biāo)題"

Post（文章）front-matter

title: CentOS7下Tomcat啟動(dòng)慢的原因及解決方案
date: 2017-12-02 21:01:24
description：文章描述，用于做SEO優(yōu)化的
keywords: 文章SEO關(guān)鍵詞
top_img: 文章頂部圖
cover: 文章縮略圖（封面圖）
toc: true (是否顯示文章目錄)
toc_number: true (是否顯示文章目錄的標(biāo)識數(shù)字)
copyright: true (是否顯示版權(quán))
mathjax: (數(shù)學(xué)公式顯示是否支持)
katex:   (Tex公式顯示是否支持)
hide: false (是否隱藏當(dāng)前文章)
comments: true #是否可評論
toc: true #是否顯示文章目錄
categories: "云服務(wù)器" #分類
tags:   #標(biāo)簽- centOS- tomcat

站內(nèi)搜索添加

站內(nèi)搜索，我是采用的 hexo-generator-search 插件解決方案，安裝完插件，然后配置一下，最后用 hexo 清理再生成一下全站靜態(tài)，同時(shí)在根目錄也會生成一個(gè) search.xml，用于做字符串模糊匹配的。

插件安裝

npm install hexo-generator-search --save

添加或配置

-config（hexo配置）search:path: search.xmlfield: postformat: htmllimit: 10000-butterfly-config（butterfly主題配置）local_search:enable: truepreload: falseCDN:

清理與生成

hexo clean && hexo g

評論系統(tǒng)添加

第三方評論系統(tǒng)我這里使用的是 Gitalk ，Gitalk 是一個(gè)基于 GitHub Issue 和 Preact 開發(fā)的評論插件。使用 GitHub 登陸，能支持多國語言，至于他的原理，其他博主有介紹。這里就不展開了，如果有時(shí)間以后可能會整體介紹一下常用的第三方評論系統(tǒng)，因?yàn)槲疫€是希望評論能支持多種方式登陸的，目前沒有找到合適的就先選擇 Gitalk。

注冊應(yīng)用賬號

獲取參數(shù)

注冊成功后拿到 “Client ID” 和 “Client secrets”（點(diǎn)擊生成再復(fù)制），其中注意的是 Homepage URL 要設(shè)置為 用戶名.github.io 精確到 https 的地址。Authorization callback URL 填寫注冊的域名，如果綁定了個(gè)性化域名就填自己的域名，也是要精確到 https 的位置。

修改 Butterfly 配置

打開 butterfly 主題的配置文件，第一個(gè)找到 “gitalk” 項(xiàng)，將上面復(fù)制的 client id 和 client secrets 粘貼。

第二個(gè)找到 “comments”，將 use 配置為 "gitalk"，當(dāng)然也可以用 valine、Disqus 之類的第三方評論系統(tǒng)。

comments:use: # 使用的第三方評論系統(tǒng)名稱text: true # 是否在按鈕旁顯示評論名稱# If you set it to true, the comment count will be invalidlazyload: false # 是否設(shè)置評論窗為懶加載count: true # 是否設(shè)置評論數(shù)統(tǒng)計(jì)card_post_count: true # 是否將評論數(shù)顯示到首頁gitalk:client_id: # github應(yīng)用IDclient_secret: # github應(yīng)用密鑰repo: 用戶名.github.ioowner: 用戶名admin: 用戶名

博客倉庫設(shè)置

進(jìn)入倉庫，點(diǎn)擊 “Settings”，找到 “Features”， 將 “Issues” 勾選。

文章置頂功能添加

打開 hexo 配置文件 _config.yml，如果前面有 per_page 的關(guān)閉，使用的是 hexo-generator-index 插件排序，可以自定義序號和日期排序。

如何要置頂文章，只需在文章 md 的 front-matter 里添加一個(gè) top 參數(shù)，數(shù)值自定。文章列表會出現(xiàn)一個(gè)釘子圖標(biāo)，要看到效果則要 hexo 先清理再生成。

添加配置

index_generator:path: ''per_page: 5  # 每頁條數(shù)order_by:	   top: -1	   # 置頂： -1.倒序 1.順序date: -1   # 日期： -1.倒序 1.順序

md 文章設(shè)置

清理與生成

hexo clean && hexo g

RSS 配置

對于 RSS 輸出功能，需要安裝 hexo-generator-feed 插件。最后使用 hexo 清理再生成，博客根目錄就會生成 atom.xml

插件安裝

npm install hexo-generator-feed --save

添加配置

feed:type: atompath: atom.xmllimit: 20

設(shè)置 RSS 地址

rss: /atom.xml

設(shè)置 404 頁面

在 hexo 的_config.yml 找到或添加 error_404，設(shè)置開啟，分別添加標(biāo)題和背景圖。

error_404:enable: truesubtitle: 'Page Not Found'background: /img/404.jpg

添加百度統(tǒng)計(jì)

先登陸或注冊百度統(tǒng)計(jì)平臺，找到 “使用設(shè)置” -> “代碼獲取” -> “新版統(tǒng)計(jì)代碼獲取”，然后會看到一段 js 代碼，只需要復(fù)制如下的一個(gè) 32 位長度的字符串。最后將該字符串粘貼到 butterfly 的 config.yml 中的 baidu_analytics 中，部署后一天就可以在后臺查看統(tǒng)計(jì)報(bào)表了。

MarketDown 用法

關(guān)于新建的文章，我希望本地能備份一份，有 md 文件和圖片，方便上傳到其他平臺博客。那要怎么做呢，這里我用一個(gè)免費(fèi)的 md 工具 ——Typora 為例。

創(chuàng)建文件和文件夾

創(chuàng)建一個(gè)以文章標(biāo)題的文件夾，里面再分別創(chuàng)建一 img 文件夾和同文章標(biāo)題的 md 文件，img 下再創(chuàng)建一個(gè)與文章標(biāo)題同名的文件夾。

Typora 設(shè)置

依次找到 “文件” -> “偏好設(shè)置” -> "圖像" , 將插入圖片時(shí)的下拉選中 “復(fù)制到指定路徑”，填入下面的值。

./img/${filename}/

第二步找到 “格式” -> "圖像" -> “設(shè)置圖片根目錄”，選擇 markdown 文件同級的目錄，最后復(fù)制圖片時(shí)就會復(fù)制到 img 下的文章同名目錄下。

為什么要這樣設(shè)置？因?yàn)?Hexo 的圖片在打包前都是在主題包 /source/img 里，而為了方便本地能按文章存儲，也方便將本地的文章圖片直接丟到 img 下，然后 md 文件放到_post 中。打包之后就能以倉庫圖片展示，而且按文章分類存儲，以后刪除起來也一目了然。

寫在最后

這次的優(yōu)化看起來好像是面面俱到了，但其實(shí)關(guān)于 Hexo 主題還有更細(xì)節(jié)的處理。比如可以添加博客看板精靈，酷炫的動(dòng)態(tài)大背景，還有鼠標(biāo)跟隨或點(diǎn)擊特效等等。但是我這博客目前定位主要以內(nèi)容為主，所以暫時(shí)就就演示了，當(dāng)然，如果有用戶喜歡也可以馬上加上去的。

最后呢，就是三部曲的第二篇結(jié)束了，那下次就自然地要開始進(jìn)入 Hexo 章最后一篇?，F(xiàn)在是計(jì)劃介紹一下怎么讓博客被各大搜索引擎收錄，以及一些推廣心得等等。具體的詳細(xì)內(nèi)容未定，更新時(shí)間也還不知道，因?yàn)樵诘任夷莻€(gè)小游戲的軟著下來，下來后我一定要好好寫一篇軟著申請避坑的文章，可實(shí)在是太難等了！