mac下搭建碼雲gitee+hexo博客

以前本身作了不少筆記，但都是在私有云筆記，有些經典，有些凌亂，獨樂樂不如衆樂樂，想了想，仍是作個博客吧，複習整理的過程當中，但願有緣人有所收穫~

我的靜態博客，其實用不到專門買服務器，用個好點的模板，搜索、圖牀、統計訪客、評論等功能都包羅萬象，且搭建方便。

網上搭建方式紛繁複雜，各式各樣，該文總結了一下，只保留精華，和容易出錯的細節，並在最後記錄參考連接。

整體思路就是用gitee（碼雲）來作存儲（文章和圖片），不用github是我的以爲在國內訪問碼雲更快。自動生成和部署利用的是hexo框架。

前置須要裝Git、Node.js，這個在mac下直接用brew便可。

正文首先介紹如何初次建立和訪問到本身的gitee域名下的我的博客測試頁面。

而後講解如何用hexo部署一個默認的模板，並生成、發佈、展示成功。

剩下的就是講解如何使用一個不錯的模板。

目前評論功能還沒摸索過，等有空測試成功後，會再記錄一篇。

在碼雲建立好同名倉庫，並新增index.html測試

若是你想你的 pages 首頁訪問地址不帶二級目錄，如ipvb.gitee.io，你須要創建一個與本身個性地址同名的倉庫，如 https://gitee.com/ipvb 這個用戶，想要建立一個本身的站點，但不想以子目錄的方式訪問，想以ipvb.gitee.io直接訪問，那麼他就能夠建立一個名字爲ipvb的倉庫 https://gitee.com/ipvb/ipvb 部署完成後，就能夠以 https://ipvb.gitee.io 進行訪問了。

建立好後，新增index.html

選擇服務-》Gitee Pages

安裝hexo，部署主題

安裝hexo客戶端

npm install -g hexo-cli

用hexo部署目錄

hexo init myblog
cd myblog
npm install

本地看效果

hexo server

訪問http://localhost:4000

先安裝部署模塊：

npm install hexo-deployer-git --save

修改_config.yml

url: https://veyronc.gitee.io/
root: /
deploy:
  type: git
  repo: https://gitee.com/veyronc/veyronc.git
  branch: master

注意配置冒號後面有個空格。

清理生成部署

hexo clean
hexo generate
hexo deploy

hexo deploy即將代碼傳到碼雲剛纔建的新項目上。第一次執行會讓輸入碼雲的用戶名和密碼。

上傳完成後，須要在碼雲的服務-》Gitee Pages，裏面再次點擊更新。

默認主題可能加載慢，介紹的目的是爲了熟悉hexo和發佈更新的操做，實際用下面的主題更好看。前面生成的文件夾刪了也不要緊。

換主題

主題能夠到 https://hexo.io/themes/ 去選擇，博主選的是aircloud。

https://github.com/aircloud/hexo-aircloud-blog

不在剛纔的目錄下操做了。從新找個地方。

git clone https://github.com/aircloud/hexo-aircloud-blog.git --recursive
cd hexo-aircloud-blog
npm install
hexo serve

如上一章修改_config.yml

url: https://veyronc.gitee.io/
root: /
deploy:
  type: git
  repo: https://gitee.com/veyronc/veyronc.git
  branch: master

清理、生成、部署

hexo clean
hexo generate
hexo deploy

或者您可執行下列的其中一個命令，讓 Hexo 在生成完畢後自動部署網站，兩個命令的做用是相同的。

hexo generate --deploy
hexo deploy --generate

可簡寫爲

hexo g -d
hexo d -g

每次deploy變動完後，想要在訪問https://veyronc.gitee.io/的時候看到效果，都須要在碼雲的服務-》Gitee Pages，裏面再次點擊更新。

添加和刪除文章

添加文章hexo new '文章新建測試'會看到

INFO  Created: ……/hexo-aircloud-blog/source/_posts/文章新建測試.md

而後去修改之。標籤能夠多個。

---
title: 文章新建測試
date: 2019-03-21 01:03:47
tags:
    - 標籤1
    - 標籤2
---

刪除文章須要刪除的是目錄hexo-aircloud-blog/source/_posts裏的文章

執行完後仍是生成、部署、最後記得在gitee更新Pages服務。

hexo clean操做官方說明是：

Cleans the cache file (db.json) and generated files (public).

測試發現，若是不執行該命令，刪除了source/_posts裏的文章，訪問頁面也看不到了，只不過還會存在gitee的public文件夾中。

文章中使用圖片

圖片也能夠利用gitee存儲，就放在hexo-aircloud-blog/source/img

md文件中載入用 ![](/img/kds.jpg)

注意：博客源代碼和生成代碼分開存儲

上面介紹的一系列操做，是將博客生成代碼傳到碼雲的發佈代碼倉庫。另外，設想一下若是你的本地電腦崩了怎麼辦，下次配置生成是否是很麻煩，因此，整個hexo-aircloud-blog文件夾，也新建一個代碼倉庫存起來，存成私有倉庫便可。

『博客源代碼』： Hexo的源碼，包括themes目錄（博客模板），source目錄(使用MarkDown寫的博客)等

『博客生成代碼』： 執行hexo generate或者hexo server命令生成的代碼，是Hexo自動生成的，再public目錄。

博主用的方法應該是比較方便的，新建一個私有倉庫 blog-source，克隆下來後，把前面的博客生成代碼目錄裏面因此文件拷過來。

則在 blog-source 根目錄下 git 操做至關於傳到博客源代碼私有倉庫blog-source。

用 hexo 命令操做的是上傳到博客生成代碼倉庫。

參考

https://gitee.com/help/articles/4136#article-header1

https://github.com/aircloud/hexo-theme-aircloud

http://www.javashuo.com/article/p-kuvbwgum-ct.html

https://wudong.tech/2018/08/29/Hexo%E6%8E%A5%E5%85%A5%E7%A0%81%E4%BA%91%E8%AF%84%E8%AE%BA%E7%B3%BB%E7%BB%9F/

http://www.javashuo.com/article/p-ugzcswrs-cu.html

https://hexo.io/docs/commands

https://hexo.io/zh-cn/docs/deployment

https://segmentfault.com/q/1010000008049369/a-1020000008049754