摘要

今有人想搭建個人博客，苦于沒錢買VPS，

那就去白嫖，

Hexo的特點

Hexo能夠提供快速、簡潔且高效的博客框架，
Node.js 所帶來的超快生成速度，讓上百個頁面在幾秒內瞬間完成渲染，
Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多數插件，
只需一條指令即可部署到 GitHub Pages, Heroku 或其他平臺，
強大的 API 帶來無限的可能，與數種模板引擎（EJS，Pug，Nunjucks）和工具（Babel，PostCSS，Less/Sass）輕易集成，

實戰演示（基于ubuntu 20.04）

注：windows作業系統下的搭建與linux環境類似，請預先下載Git，然后進入Git Bash 即可使用linux命令進行操作，完全一樣！

第一步，下載并安裝node.js

node.js官網為

nodejs.org

在這里插入圖片描述

下載完后找到對應壓縮包的目錄，解壓node-v14.17.5-linux-x64.tar.xz，執行：

tar -xf node-v14.17.5-linux-x64.tar.xz

解壓成功后，進入node-v14.17.5-linux-x64檔案夾

cd node-v14.17.5-linux-x64

進入bin目錄，里面會又 npm 和 node 兩個檔案

在這里插入圖片描述

接下來設定環境變數：

ln -s /home/claisen/Downloads/node-v14.17.5-linux-x64/bin/npm /usr/local/bin/
ln -s /home/claisen/Downloads/node-v14.17.5-linux-x64/bin/node /usr/local/bin/

檢查是否設定成功，成功后會顯示版本號：

node -v
npm -v

在這里插入圖片描述

第二步，安裝hexo

執行以下命令安裝hexo客戶端：

npm install -g hexo-cli

在這里插入圖片描述

設定環境變數：

ln -s /home/claisen/Downloads/node-v14.17.5-linux-x64/lib/node_modules/hexo-cli/bin/hexo /usr/local/bin

查看版本號，安裝成功：

hexo -v

在這里插入圖片描述

第三步，初始化hexo

在自己喜歡的路徑下創建一個檔案夾用來存放博客檔案：

mkdir blog

進入：

cd blog

初始化hexo：

hexo init

在這里插入圖片描述

我們可以本地測驗一下：

hexo s

在這里插入圖片描述

再瀏覽器中輸入http://localhost:4000

在這里插入圖片描述

太棒了，我的朋友，你的第一篇博客生成了！

第四步，寫一篇自己的博客

hexo寫博客完全支持markdown語法，十分友好！

使用hexo n “ ”新建一篇博客：

hexo n "My First Blog: Why I Dicide to Program?"

切換到blog下的source/_posts目錄：

cd source/_posts/

我們發現，剛剛創建的My First Blog: Why I Dicide to Program?.md就已經乖乖地躺在里面了：

在這里插入圖片描述

稍微編輯一下：

在這里插入圖片描述

回到blog目錄下：

cd ../..

清理快取：

hexo clean

在這里插入圖片描述

生成博客

hexo g

在這里插入圖片描述

本地查看一下：

hexo s

在這里插入圖片描述

Well Done！我們的新博客成功部署了！

第五步，將博客掛到Gitee上

注意，如果你沒有下載Git，請先下載Git，然后在blog目錄下初始化倉庫

git init

考慮到Github國內連接的不穩定，我們選擇了Gitee碼云（Github步驟完全一致）

重要！
重要！
重要！
我們先在Gitee上創建一個新的倉庫，倉庫名字一定（否則無法直接輸入這個域名找到/會有一些奇怪的CSS格式問題）叫你的用戶名.gitee.io

在這里插入圖片描述

在blog目錄下安裝部署至gitee的插件：

npm install --save hexo-deployer-git

在這里插入圖片描述

我們對blog下的_config.yml 檔案進行配置：

vim _config.yml

滑到檔案最后：

修改Deployment

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: https://gitee.com/imdanteking/imdanteking.gitee.io.git
  branch: master