搭建博客網站是我的進入互聯網世界的最多見方式之一。伴隨着網站技術的發展，如何搭建博客網站已經變得很是容易了。固然，你能夠選擇諸如 新浪博客、CSDN、博客園 之類的大型網站，快速建立依賴於大平臺的我的博客，不過這種方式的不足是言論受限太多、沒法觸及網站底層技術。因此，對於想要自由發揮創意、又指望對網站擁有更多主動權的話，最好仍是選擇本身去親手搭建一個網站。html
本文來源：魚立說。本文連接：https://www.yulisay.com/d/kdhmp.html，支持微信瀏覽器打開。git
更多精彩文章，請移步 魚立說我的網站 翻看。歡迎欣賞，吐槽不足之處。github
本主題將圍繞博客網站的搭建流程、不一樣的博客搭建技術及其流行的風格主題展開，整個系列由如下三個文章部分組成：npm
- 當下流行的博客技術棧
- Hexo 及其流行的風格主題
- Hugo 及其流行的風格主題（後更）
<div class="bordor-separation"></div>json
Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其餘渲染引擎）解析文章，在幾秒內，便可利用靚麗的主題生成靜態網頁。其官網是：https://hexo.io。瀏覽器
安裝 Hexo
安裝 Hexo 至關簡單，可是須要先安裝下列應用程序便可：緩存
Node.js >=12.0 Git
安裝 Node.js 和 Git 以後，全局安裝 Hexo 的命令：npm install hexo-cli -g。微信
初始化一個名字爲 hexo-blog 的項目：hexo init hexo-blog，此時將生成以下 Hexo 項目目錄：併發
. ├── _config.yml # 網站的配置信息 ├── package.json # 應用程序的信息 ├── public # 公共文件夾，用於存放生成的站點文件 ├── scaffolds # 模版文件夾 ├── source # 資源文件夾，用來存放內容 └── themes # 主題文件夾
快速操做 Hexo
查看版本：hexo version 或者 hexo vhexo
啓動服務：hexo server 或者 hexo s
新建一篇文章，好比：hexo new "Hello Hexo"
生成靜態文件：hexo generate 或者 hexo g
部署網站：hexo deploy 或者 hexo d
清除緩存文件 (db.json) 和已生成的靜態文件 (public)：hexo clean
正常啓動服務後，在瀏覽器打開 http://localhost:4000/，將看到一個默認的主題網站，如圖：
流行的 Hexo 主題
使用 Hexo 博客時，咱們最但願的是找到適合本身的一款主題，下面將圖文結合介紹一些流行的 Hexo 主題。此外，關於寫做的方法和 Hexo 主題修改，能夠查閱本文參考中的 Hexo 官方文檔，這裏再也不贅述。
找到、安裝和配置 Hexo 主題
最好的搜索方式是在 https://github.com/ 中，搜索關鍵詞：hexo theme。或者使用搜索引擎，搜索：hexo theme site:github.com。
而後進入到項目目錄中，下載安裝咱們須要的主題（theme-demo 只是一個示例資源，請注意替代爲實際的資源）：
git clone https://github.com/theme-demo.git themes/theme-demo cp -r themes/theme-demo/_source/* source
但願使用下載的主題，還須要在 _config.yml 中進行配置：
theme: theme-demo
接着，使用 hexo clean 清除緩存，執行 hexo s 即可以看到下面這些 Hexo 風格主題的效果了。
Hexo 流行主題之 1：Maupassant
Maupassant 最初是由 Cho 大神爲 Typecho 平臺設計開發的一套響應式模板，體積只有 20KB，在各類尺寸的設備上表現出色。因爲其簡潔大氣的風格受到許多用戶喜好，目前也已經被移植到了多個平臺上。Github 地址：https://github.com/tufu9441/maupassant-hexo。
Hexo 流行主題之 2：Matery
一個採用 Material Design 和響應式設計的 Hexo 博客主題。Github 地址：https://github.com/blinkfox/hexo-theme-matery。
Hexo 流行主題之 3：pure
特色是支持多語言；第三方評論框；可展現我的豆瓣書單；可設置支付寶、微信打賞等。Github 地址：https://github.com/cofess/hexo-theme-pure。
Hexo 流行主題之 4：ils
界面設計十分簡潔、清爽，但功能齊全、不失優雅，記錄生活、展現文字。Github 地址：https://github.com/XPoet/hexo-theme-ils。
Hexo 流行主題之 5：Cafe
Cafe 主題旨在追求簡約、操做簡單、閱讀溫馨度。Github 地址：https://github.com/giscafer/hexo-theme-cafe。
Hexo 流行主題之 6：BlueLake
一個簡潔輕量化的響應式 Hexo 博客主題，看起來很像新浪博客。Github 地址：https://github.com/chaooo/hexo-theme-BlueLake。
Hexo 流行主題之 7：shana
shana 是以 Hexo 3.2 爲基礎製做的主題，爲慶賀夏娜醬 2016 年加冕萌王而誕生的，因爲比較多的 animation，低配手機在移動端訪問的時候可能會出現卡頓。Github 地址：https://github.com/ShanaMaid/hexo-theme-shana。
除了以上幾種，還有更多不錯的 Hexo 風格主題供你選用，好比 Even、Next、Yilia、Hacker 等。若是你有好的想法和設計，也能夠建立併發布本身製做的 Hexo 主題，到時候歡迎給個人網站 魚立說 留言。