HEXO是一款非常優(yōu)秀、易用、美觀的開源博客框架。提供非常豐富的，可以隨意修改的主題供你使用。這里研究一下如何盡可能簡(jiǎn)化搭建Hexo博客的步驟。

我們這里還是使用Repl.it和Vercel來(lái)搭建Hexo博客。這次不需要弄GitHub，畢竟近期GitHub國(guó)內(nèi)訪問困難。

大致的步驟是這樣的：

1. 注冊(cè)Repl.it

2. 注冊(cè)Vercel

3. 創(chuàng)建Bash語(yǔ)言的Repl

4. 初始化Hexo

5. 安裝Vercel

6. 登陸Vercel

7. 部署到Vercel

1.注冊(cè)賬號(hào)?

1.1?注冊(cè)Repl.it

現(xiàn)在的網(wǎng)站變成replit.com了。進(jìn)去之后點(diǎn)擊右上角的Sign Up，Username取一個(gè)用戶名，Email輸入注冊(cè)郵箱（QQ郵箱也可以），Password輸入創(chuàng)建密碼。下面那個(gè)復(fù)選框是如果是教師就勾選，但是似乎作用不大，除非是組織學(xué)生使用replit來(lái)學(xué)習(xí)。點(diǎn)擊Sign Up之后到填寫的郵箱查收驗(yàn)證郵件，并點(diǎn)擊里面的驗(yàn)證按鈕確認(rèn)驗(yàn)證。點(diǎn)擊之后如果還顯示需要驗(yàn)證郵箱就刷新一下。這樣注冊(cè)就完成了。

1.2?注冊(cè)Vercel

打開vercel.com，還是點(diǎn)擊右上角的Sign Up，然后點(diǎn)擊右側(cè)下方的Continue With Email。輸入郵箱（也可以使用QQ郵箱），再點(diǎn)擊Continue With Email。然后會(huì)提示驗(yàn)證郵箱。這時(shí)候前往注冊(cè)郵箱查收驗(yàn)證右鍵，點(diǎn)擊驗(yàn)證按鈕，注冊(cè)就完成了。

2.初始化Hexo

2.1?在Replit創(chuàng)建Repl

到Repl的頁(yè)面，點(diǎn)擊左上方的“ + New Repl”，創(chuàng)建一個(gè)Bash語(yǔ)言的Repl。如果候選列表看不到Bash也可以輸入bash，然后就看到了。給Repl起一個(gè)名字。然后點(diǎn)擊Create repl，然后就自動(dòng)跳轉(zhuǎn)到寫代碼的頁(yè)面了。

2.2?一句話初始化Hexo

Vercel官網(wǎng)給了一條命令，這一條命令就可以把Hexo初始化了。這里的Repl本身就是一臺(tái)位于美國(guó)的Linux云服務(wù)器，所以不需要考慮網(wǎng)速不夠的問題，也就不需要配置什么鏡像源。

在Replit頁(yè)面把右邊敲命令的黑框點(diǎn)一下，然后直接輸入Linux命令。Replit自帶了Node.js，也不用安裝了，可以直接輸入Node.js 的命令。

npx hexo init my-hexo-blog &&?cd?my-hexo-blog

這樣就完成了Hexo的初始化。當(dāng)然，這樣的話hexo命令是不會(huì)加載到PATH環(huán)境變量的。這樣執(zhí)行之后hexo命令位于/my-hexo-blog/node_modules/.bin中，要把這個(gè)hexo加到環(huán)境變量里面。

export PATH=$PATH:~/$REPL_SLUG/my-hexo-blog/node_modules/.bin

然后cd到my-hexo-blog，執(zhí)行

hexo s

就可以看到右上角出現(xiàn)網(wǎng)頁(yè)了。也可以點(diǎn)擊第二個(gè)按鈕新開一個(gè)標(biāo)簽查看。

3.部署到Vercel

3.1?安裝Vercel

我們使用npm安裝Vercel控制臺(tái)客戶端。cd到my-hexo-blog，執(zhí)行

npm install vercel

由于這里把Vercel客戶端直接安裝在博客目錄，所以之前配置的環(huán)境變量可以直接使用。但是以后重新打開Repl IDE頁(yè)面的時(shí)候需要在右邊的shell中重新執(zhí)行一下設(shè)置環(huán)境變量，具體操作參考后面的部署到Vercel。

3.2 登陸Vercel

首次運(yùn)行Vercel提示你登錄。輸入你注冊(cè)Vercel賬號(hào)的郵箱地址，然后Vercel會(huì)給這個(gè)郵箱發(fā)一封郵件，控制臺(tái)程序也會(huì)等待驗(yàn)證完成，打開這個(gè)郵件點(diǎn)擊驗(yàn)證（VERIFY）按鈕，點(diǎn)擊之后就顯示驗(yàn)證完成，控制臺(tái)程序也會(huì)提示登錄成功。

3.3?部署到Vercel

登陸上去之后就可以部署了。我們需要把Hexo生成靜態(tài)站點(diǎn)，然后到生成的站點(diǎn)目錄去執(zhí)行部署到Vercel。

cd到my-hexo-blog，執(zhí)行

hexo g

然后cd到public目錄，執(zhí)行

vercel --prod --confirm

，然后顯示

? Production : https://xxxxxx.vercel.app [copied to clipboard] [10s]

的時(shí)候就部署到Vercel上了，其中xxxxxx是項(xiàng)目名稱。這個(gè)域名就是部署好的域名，從這個(gè)網(wǎng)址進(jìn)去就可以訪問博客了。

以后需要更新博客的話，就可以直接打開Replit，打開這個(gè)Repl，在source/_posts目錄添加.md格式的博文，然后執(zhí)行下列操作：

cd my-hexo-blog
npm install vercel
export PATH=$PATH:~/$REPL_SLUG/my-hexo-blog/node_modules/.bin
vercel
# 到郵箱查收郵件，驗(yàn)證你的郵箱
hexo cl && hexo g && cd public && vercel --prod --confirm && cd ..

后續(xù)還可以安裝新的主題，在博客站點(diǎn)的themes文件夾git clone想要的主題，然后修改博客的_config.yml文件的theme屬性到對(duì)應(yīng)的主題目錄，就可以切換新的主題了。也可以在拉取下來(lái)的主題修改任意文件設(shè)計(jì)自己需要的自定義樣式。關(guān)于主題配置這方面，其他博客寫的很詳細(xì)，這里就不再贅述了。

后續(xù)還可以從Vercel網(wǎng)頁(yè)端的Settings里面綁定自己注冊(cè)的獨(dú)立域名，然后在自己的域名解析里面設(shè)置解析到76.76.21.21，這樣就可以通過獨(dú)立域名來(lái)訪問了。

在Vercel網(wǎng)頁(yè)端登陸賬號(hào)，進(jìn)入這個(gè)項(xiàng)目，選擇Settings，Domains，添加之前注冊(cè)的獨(dú)立域名。添加以后這時(shí)候Vercel的界面會(huì)提示你需要添加域名的解析。到這個(gè)域名解析的后臺(tái)，添加一個(gè)類型為A，主機(jī)記錄為@的解析記錄，如果之前有這個(gè)記錄則直接修改。記錄值按照Vercel的界面提示填寫76.76.21.21。其他選項(xiàng)保持默認(rèn)即可。

稍等片刻，再訪問這個(gè)域名，即可以更快的速度顯示頁(yè)面了。