本文是基于樹莓派的零基礎(chǔ)搭建個(gè)人博客零基礎(chǔ)教程，手把手教你在樹莓派上配置Git/安裝Nood.js/部署到GitHub/Gitee/更換yilia主題
0.寫在前面
筆者一直想搭建自己的個(gè)人博客，但是一直都被云服務(wù)器價(jià)格 勸退，宅在家為武漢加油的這段時(shí)間偶然間發(fā)現(xiàn)Hexo這個(gè)博客框架，用Hexo官網(wǎng)的話說這是一個(gè)：
快速、簡潔且高效的博客框架
Hexo基于Nood.js,因此頁面渲染速度大大加快，我們在自己的樹莓派上搭建好環(huán)境后，通過Hexo將通.md格式的文章生成靜態(tài)的Html，進(jìn)而將生成的Html頁面上傳到Github或者Gitee,利用GithubPages/GiteePages的靜態(tài)網(wǎng)頁托管服務(wù)，托管我們的博客。下面是詳細(xì)教程。
1.配置Git
1.1為樹莓派更換國內(nèi)鏡像源
1.1.1修改軟件更新源
首先為樹莓派更換國內(nèi)鏡像源，在終端輸入：sudo nano /etc/apt/sources.list ，文件內(nèi)容如下圖所示:
用 # 號(hào)將原來的國外鏡像源注釋掉，并添加國內(nèi)源，我用的是清華源，在文件后添加如下代碼
deb http://mirrors.tuna.tsinghua.edu.cn/raspbian/raspbian/ buster main contrib non-free rpi
#deb-src http://mirrors.tuna.tsinghua.edu.cn/raspbian/raspbian/ buster main contrib non-free rpi
完成后如下圖所示:
Ctrl+X退出，然后按Y保存
1.1.2修改系統(tǒng)更新源
終端輸入：sudo nano /etc/apt/sources.list.d/raspi.list ，如下圖所示：
用 # 號(hào)將原來的國外鏡像源注釋掉，并添加國內(nèi)鏡像源，我用的是清華源，在文件后添加如下代碼：
deb http://mirrors.ustc.edu.cn/archive.raspberrypi.org/debian/ buster main ui
完成后如下圖所示:
Ctrl+X退出，然后按Y保存
1.2更新樹莓派
更新樹莓派系統(tǒng)，在終端輸入：
sudo apt-get update
更新樹莓派軟件，在終端輸入：
sudo apt-get upgrade
由于網(wǎng)速與個(gè)人更新習(xí)慣不同，更新所需時(shí)間也不同，可能需要較長時(shí)間，請耐心等待。
1.3安裝Git
在樹莓派終端輸入：
sudo apt-get install git
1.4全局修改用戶名
在樹莓派終端輸入下列命令修改全局用戶名（注意將引號(hào)內(nèi)替換為個(gè)人帳號(hào)）：
git config --global user.name "你的GitHub/Gitee用戶名"
git config --global user.email "你的GitHub/Gitee郵箱"
然后查看是否已經(jīng)全局修改用戶名：
git config --list
配置完成后如下圖：
2.安裝Nood.js
2.1查看樹莓派架構(gòu)是否對應(yīng)下載的版本
首先查看樹莓派的架構(gòu)，樹莓派終端輸入命令
uname -a
可以看到博主使用的樹莓派4B是基于armv7架構(gòu)
然后登錄Nood.js官網(wǎng)，我們可以看到長期支持版是v12.16.1
點(diǎn)擊Downloads進(jìn)入下載頁面我們可以看到在Linux Binaries (ARM)下支持ARMv7架構(gòu)
2.2下載Nood.js
在樹莓派終端輸入：
wget https://nodejs.org/dist/v12.16.1/node-v12.16.1-linux-armv7l.tar.xz
這里注意將版本改為相應(yīng)的最新長期支持版的版本序號(hào)，比如更新到v12.19.2則相應(yīng)的將命令進(jìn)行修改，下同，不再贅述。
如果出現(xiàn)下載緩慢的問題我們也可以使用國內(nèi)開源鏡像源(某寶源)下載：
wget https://npm.taobao.org/mirrors/node/latest/node-v12.16.1-linux-armv7l.tar.xz
2.3解壓二進(jìn)制包
在樹莓派終端輸入如下命令解壓：
xz -d node-v12.13.1-linux-armv7l.tar.xz
tar -xavf node-v12.13.1-linux-armv7l.tar
先將系統(tǒng)內(nèi)原本存在的/usr/bin.node刪除，在終端輸入：
sudo rm -rf /usr/bin/node
#如果不存在，忽略此步驟
解壓后，將二進(jìn)制包移動(dòng)到/usr/local/node下，在終端輸入：
sudo mv ./node-v10.0.0-linux-armv7l /usr/local/node
2.3建立軟連接
然后為node和npm建立軟連接，在終端輸入：
sudo ln -s /usr/local/node/bin/node /usr/bin/node
sudo ln -s /usr/local/node/bin/npm /usr/bin/npm
#這類似于Windows中的快捷方式
我們通過查看node和npm版本的方式來查看是否成功，在終端輸入：
node -v && npm -v
可以看到對應(yīng)的版本號(hào)說明安裝成功，如下圖（不同支持版或版本號(hào)不同）：
至此我們完成了hexo博客兩大準(zhǔn)備工作Git和Nood.js的配置，我們正式進(jìn)入安裝hexo博客框架。
3.安裝Hexo
由于國內(nèi)網(wǎng)速問題npm包管理器的速度會(huì)較慢，我們利用npm安裝cnpm也就是前文提到的某寶源，在終端輸入：
npm install -g cnpm --registry=https://registry.npm.taobao.org
同理我們?yōu)?code>cnpm建立軟連接，在終端輸入：
sudo ln -s /usr/local/node/bin/cnpm /usr/bin/cnpm
安裝Hexo博客框架，在終端輸入：
cnpm inastall -g hexo-cli
等待執(zhí)行完，我們通過查看hexo版本的方式來查看是否成功，在終端輸入：
hexo -v
可以看到對應(yīng)的版本號(hào)說明安裝成功，如下圖（不同支持版或版本號(hào)不同）：
4.使用Hexo搭建博客
創(chuàng)建一個(gè)目錄，作為博客的根目錄，名字任取，這里取blog，并進(jìn)入blog目錄，在終端輸入:
sudo mkdir blog
cd blog
初始化Hexo，在終端輸入：
sudo hexo init
啟動(dòng)Hexo，在終端輸入：
sudo hexo s
出現(xiàn)如下圖提示后：
在樹莓派本地瀏覽器輸入
localhost:4000
可以看到我們的博客已經(jīng)搭建完成了，如下圖hexo自動(dòng)生成了一篇Hello World的文章，文章內(nèi)簡介了hexo的用法，這里不再贅述，請仔細(xì)閱讀。
然后我們回到命令行按住Ctrl+C退出。所有文章均以.md格式保存在/source/_posts我們可以在此目錄下刪除或添加文章。
至此我們完成了hexo的搭建，接下來我們將本地的hexo靜態(tài)Html推到遠(yuǎn)端GitHub或Gitee上，讓大家都可以從公網(wǎng)進(jìn)行訪問。
5.將本地Hexo博客部署到遠(yuǎn)端Github
我們在github上新建一個(gè)倉庫Create a new repository，注意倉庫名字必須為
你的github賬戶名.github.io
比如博主的賬戶為Fengweicui1996,博主倉庫名字就是
Fengweicui1996.github.io
后面我們將用此名字作為域名訪問博客。
回到樹莓派終端，在博客根目錄下，這是/blog目錄下，在終端輸入：
sudo cnpm install --save hexo-deployer-git
然后我們需要配置博客根目錄下的_config.yml文件，在終端輸入：
sudo nano _config.yml
進(jìn)入_config.yml后到文件末端，如下圖
將此處修改為
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/你的賬戶名/你的賬戶名.github.io
branch: master
#注意這里的冒號(hào)后要加空格
按Ctrl+X退出，按Y保存
然后依次執(zhí)行下列三條命令
sudo hexo clean
sudo hexo g
sudo hexo s
出現(xiàn)如下圖提示后：
在樹莓派本地瀏覽器輸入如下端口查看本地預(yù)覽：
localhost:4000
然后回到終端Ctrl+C退出，在終端輸入：
sudo hexo d
輸入自己的github用戶名跟密碼，即可推送到github，我們可以輸入如下域名查看個(gè)人博客。
你的用戶名.github.io
至此我們完成了博客的全部搭建，出于可讀性以及美觀的角度我們需要給博客更換主題，這里給出github上的一個(gè)主題名yilia的開源主題。博主博客就是基于yilia主題→老魚匠的個(gè)人棧
6.為Hexo更換yilia主題
進(jìn)入博客根目錄/blog，在樹莓派終端輸入：
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
等待主題克隆完成，在樹莓派終端輸入：
sudo nano _config.yml
找到下圖位置：
修改為：
theme: yilia
##注意這里的冒號(hào)后要加空格
按Ctrl+X退出，按Y保存
然后依次執(zhí)行下列三條命令
sudo hexo clean
sudo hexo g
sudo hexo s
出現(xiàn)如下圖提示后：
在樹莓派本地瀏覽器輸入如下端口查看本地預(yù)覽：
localhost:4000
可以看到新主題
然后回到終端Ctrl+C退出，在終端輸入：
cd /blog/source/yilia
#進(jìn)入到主題目錄下
自定修改主題目錄下的_config.yml
sudo nano _config.yml
在這里自定義自己的個(gè)性化內(nèi)容，修改后按Ctrl+X退出，按Y保存，然后依次執(zhí)行下列三條命令
sudo hexo clean
sudo hexo g
sudo hexo s
出現(xiàn)如下圖提示后：
在樹莓派本地瀏覽器輸入如下端口查看本地預(yù)覽：
localhost:4000
然后回到終端Ctrl+C退出，在終端輸入：
sudo hexo d
輸入自己的github用戶名跟密碼，即可推送到github，我們可以輸入如下域名查看個(gè)人博客。
你的用戶名.github.io
每次寫完博客都要重復(fù)這幾個(gè)步驟。
這樣就完成了博客的搭建與更換主題，大家也可以更改自己喜歡的主題進(jìn)行自定義。
歡迎訪問→博主博客：老魚匠的個(gè)人棧
