轉(zhuǎn)載:Github Pages + Hexo搭建博客(三)
此篇博客主要介紹了自己的博客站點所使用的一些第三方服務的配置懒豹,以及主題的一些優(yōu)化褥芒。當然,每個人的需要都不太相同八毯,大家也可以根據(jù)自己的喜好去選擇使用第三方服務來讓自己的博客站點更完善更強大皮获。
再次強調(diào):在Hexo中有兩份主要的配置文件焙蚓,其名稱都是_config.yml。其中洒宝,一份位于站點根目錄下购公,主要包含Hexo本身的配置,我們稱之為全局配置文件;另一份位于主題目錄下雁歌,這份配置由主題作者提供宏浩,主要用于配置主題相關的選項,我們稱之為主題配置文件。
Markdown編輯器支持插入圖片将宪,可以直接給出圖片的鏈接绘闷,因此我們可以將圖片存放在我們hexo項目的目錄下,再填寫對應的路徑较坛,也可以將其存放在云服務器上,然后給出鏈接扒最。
在這里丑勤,我們介紹使用七牛云來進行圖片托管。七牛云是國內(nèi)領先的企業(yè)級云服務商,致力于打造以數(shù)據(jù)為核心的場景化PaaS服務吧趣,圖片加載速度還不錯法竞,一般也不會出現(xiàn)圖片掛掉的情況。
注冊申請一個個人賬號强挫,然后激活郵箱完成注冊岔霸。
官網(wǎng)地址:http://www.qiniu.com/
(1)點擊左側(cè)菜單的對象存儲
(2)點擊上端的添加來創(chuàng)建存儲空間
(3)填寫好基本信息,點擊確定創(chuàng)建
(4)來到新創(chuàng)建的存儲空間俯渤,點擊內(nèi)容管理
(5)在內(nèi)容管理中可以看到文件列表呆细,點擊上傳文件
(6)可以設置上傳的文件的前綴,以便進行分類管理
(7)點擊關閉八匠,回到內(nèi)容管理頁面查看上傳的文件絮爷,復制圖片鏈接
至此,我們就將我們博客需要的圖片存儲到了七牛云梨树,然后我們只要將復制的圖片鏈接插入到博客人文章中即可顯示圖片坑夯,感覺顯示速度還是蠻快的。
(1)多說創(chuàng)建站點
多說官網(wǎng):http://duoshuo.com/
登錄多說官網(wǎng)抡四,點擊主頁的我要安裝來到創(chuàng)建站點頁面填寫基本信息:
點擊創(chuàng)建后出現(xiàn):服務異常,請聯(lián)系客服人員的錯誤不是因為真的出現(xiàn)異常柜蜈,而是你填寫的用戶名或者其他信息不符合他的要求仗谆,只是他沒有提示你,這是需要注意的地方淑履。比如我遇到的是用戶名不能使用‘-’中劃線和‘_’下劃線胸私,或者多說域名填寫格式錯誤。
(2)創(chuàng)建站點完成后在全局配置文件中新增duoshuo_shortname字段鳖谈。
值設置成上一步中填寫的值(紅色方框框出部分的值)
例如:
duoshuo_shortname: fzyLine
(3)實現(xiàn)效果
多說分享必須與多說評論同時使用
編輯全局配置文件岁疼,添加字段 duoshuo_share,值為 true缆娃。
# 多說分享服務
duoshuo_share: true
實現(xiàn)效果:
編輯全局配置文件中的busuanzi_count的配置項捷绒。
當enable: true時,代表開啟全局開關贯要。若site_uv暖侨、site_pv、page_pv的值均為false時崇渗,不蒜子僅作記錄而不會在頁面上顯示字逗。
實現(xiàn)效果:
可以修改成如下的樣子:
當site_uv: true時,代表在頁面底部顯示站點的UV值宅广。即訪客數(shù):
當site_pv: true時葫掉,代表在頁面底部顯示站點的PV值。即總訪問量:
當page_pv: true時跟狱,代表在文章頁面的標題下顯示該頁面的PV值(閱讀數(shù))俭厚。
next主題的官方文檔提供了幾種實現(xiàn)搜索服務的方式,我們就使用配置最簡單的Local Search驶臊,添加百度/谷歌/本地 自定義站點內(nèi)容搜索挪挤。
(1)安裝 hexo-generator-searchdb,在站點目錄下執(zhí)行以下命令:
$ npm install hexo-generator-searchdb --save
(2)編輯全局配置文件关翎,新增以下內(nèi)容到任意位置:
search:
path: search.xml
field: post
format: html
limit: 10000
(3)實現(xiàn)效果:
next主題開啟打賞功能很簡單扛门,我們只需要在全局配置文件中填入微信和支付寶收款二維碼圖片地址即可開啟該功能。先到微信和支付寶將自己收款二維碼圖片保存纵寝,我們同樣可以將其存在七牛云上论寨,然后貼到下面的配置文件里。
reward_comment: 堅持原創(chuàng)技術分享店雅,您的支持將鼓勵我繼續(xù)創(chuàng)作政基!
wechatpay: 微信當面付圖片的url
alipay: 支付寶當面付圖片的url
實現(xiàn)效果:
Github pages + Hexo搭建靜態(tài)博客站點的系列文章到這里就完結(jié)了,其實也算是一個很詳細的教程了闹啦,花了一些時間來整理沮明。之后可能不會再更新,但是窍奋,如果之后遇到一些問題或者有更好的推薦荐健,可能還會再寫酱畅。