Hexo博客搭建以及Next主題美化的經驗之談

時間 2019-11-07

標籤 hexo 博客搭建以及主題美化經驗之談简体版

原文原文鏈接

這並非一篇博客搭建教程。內容主要包含我的對於Hexo博客搭建的心得，Next6.0主題美化的部分建議，以及摘錄一些各類用於博客搭建的link。html

在博客園3年6個月，確實也學到了不少，博客園也是目前爲止相對比較好的博客平臺。不忘初心，博客園能夠說是作的很是好的了，不管在技術博客初衷上，仍是萬年不變的UI上（2333）。所以雖然本身建站了，可是博客園這邊也不會荒廢，會常常回來看的。
我的博客地址：furur.xyzgit

下面如正題。github

我的博客的搭建不外乎兩種，相似Wordpress的動態博客，相似Hexo的靜態博客。前者搭建好了以後維護起來仍是比較方便的，不論是發文仍是添加分類等等均可以在後臺管理中進行；然後者則須要手動進行管理，從博客的美化到內容的維護，固然也存在hexo-admin這類的插件。However，前者須要一個服務器，emmm，後者的話託管在github或者coding就ok，短期內能用完100M的估計也是人才了。後端

Absolutely，博主選擇了後者。Hexo的教程網上多了去了，也寫的夠詳盡夠簡單了，畢竟Hexo原本也就是一個快速的blog搭建工具，所以也就再也不寫完整教程了。下面我會寫一些針對於當前版本的Hexo以及最受歡迎的主題Next的一些tips，主要內容以下：安全

搭建一個Hexo&Next的最小博客系統
Next主題美化心得
域名綁定
關於博客圖片
備份維護的Tips

搭建一個Hexo&Next的最小博客系統

論最小系統的重要性。對於任何一個須要搭建的系統，不管是博客仍是論壇，我都推薦新手先根據教程搭建一個最小系統。最小系統顧名思義，就是一個知足需求的最小化的系統。舉個栗子，好比你須要搭建Wordpress，這個時候咱們就能夠先搭建一個最基本的Wordpress博客，便可以進行內容的發佈和管理，而後再根據本身的需求去進行主題的美化和插件安裝等等，這樣操做會更具備條理性。徹底沒有必要第一次就指望可以順利搭建完成，直接用於實際生產應用環境。服務器

再看Hexo，Hexo搭建的過程就是單純的配置文件形式和命令行。有些教程寫的很是長，從安裝環境、本地部署、美化、第三方插件寫到域名、SEO優化等等。內容太多，太複雜，這對於新手就顯得不那麼友好了。所以在這裏，我僅僅描述瞭如何搭建一個Hexo&Next的最小博客系統，不夾雜其他一些美化優化等操做，待你們玩熟了以後，再進行一些高級的配置。最小博客系統的搭建分爲如下幾個步驟：hexo

本地環境搭建（Git、Node.js）
Github建立博客倉庫，初始化GitHub Pages
本地搭建Hexo博客
部署到GitHub Pages
. 主題美化

Attention： 這裏未包含域名綁定的過程，由於不管GitHub Pages仍是Coding Pages，均可以經過用戶名自帶的域名訪問，若是購買了域名的，可參考附錄進行域名綁定。dom

1-4步具體的過程可參考GitHub Pages + Hexo搭建博客，按照這篇博客的步驟走，基本上幾分鐘時間就能夠搭建一個默認主題的Hexo博客了。工具

默認的主題並非那麼好看，這裏咱們選擇目前最流行的Hexo Next主題，該主題很是簡潔，而且有很是詳細的配置文檔，對於不肯意花大時間在博客美化上的人來講，是極好的。post

主題應用具體可參考Next官方文檔，咱們須要根據文檔配置一下信息：

Scheme
語言
菜單，包括標籤、分類、關於等
做者暱稱和站點描述

通過以上幾個步驟的配置，一個基本的我的博客就已經成型了，能夠在上面進行內容的發佈，這也就是上面所提到的一個最小系統。

Next主題美化心得

搭建完最小系統的Hexo博客，其實已經能夠正常工做了。可是Next主題給了咱們更多DIY的空間，根據官方配置文檔，咱們還能配置例如評論、統計分析、搜索等其餘一系列的功能。你們能夠根據本身的喜愛進行配置。

可是，須要提出的就是，Hexo自己主打的是輕量級博客系統，過多的美化可能會致使博客的卡頓。所以，我只推薦如下個性化設置：

Github banner
在Next6.0以後，配置自帶github_banner，只須要在後面添加本身的github地址便可，例如：

github_banner: https://github.com/maoqyhz || Follow me on GitHub

博文置頂
評論系統和單篇文章統計
這裏把這兩部分何在一塊兒，主要他們都用到了LeanCloud服務。LeanCloud是一個後端服務商，咱們在上面註冊後，就能夠無償使用其統計和評論的服務。固然，聽說leancloud_visitors有一個安全問題，對此比較敏感的可經過Leancloud訪客統計插件重大安全漏洞修復指南進行手動修復，也可忽略。
全站統計
開啓本地搜索
博客字數統計和閱讀所需時間
舊版的next主題使用的是hexo-wordcount插件，新版已替換成hexo-symbols-count-time

上述的美化配置，都可在Next官方文檔和hexo的next主題個性化教程:打造炫酷網站中找到。

域名綁定

github page自帶二級域名，同時也支持綁定我的域名。

域名其實分爲註冊和綁定兩部分。

第一，須要去域名服務商哪裏購買域名，國內：萬網、Dnspod；國外選擇餘地就更大了，具體的價格可參考www.domcomp.com。博主是在namesilo裏買的，價格相對比較便宜。

第二，域名綁定。若是是像博主這樣在國外服務商買的域名，通常就不使用其域名解析服務（NS）了，能夠換成國內的Dnspod。而後設置別名便可，不須要添加A記錄。

具體操做以下：

更換域名服務商的NS，以namesilo爲例。

在Dnspod中添加域名和記錄。
在博客源文件source/目錄下建立一個無文件類型的文件CNAME，並添加本身的域名，例如furur.xyz。更新部署到github上。

因爲NS修改須要時間，過一段時間能夠刷新下網頁看看。

關於博客圖片

Hexo博客搭建完後，大多會選擇部署到Github Pages或者Coding Pages上去，這時候因爲空間問題，你們可能會對於博客中的圖片放哪的問題存在困惑。網上大多數的人都推薦使用各類圖牀或者雲服務（七牛雲）。可是我的以爲若是不是嫌圖片加載的速度過慢，其實直接上傳圖片到github就能夠了。Github Pages每人的空間有100M，畢竟技術博客中包含的圖片有限，實在有大圖，能夠先進行在線壓縮。通常一篇博客1M都不到，待有恆心寫滿100篇博客在說吧。上傳圖片，須要將Hexo配置文件中的post_asset_folder設爲true，而後在博客建立時，會在source文件夾下建立於博客同名的文件夾。在裏面放圖片，博客中直接引用文件名便可。