Hexo簡(jiǎn)介

Hexo是一款基于Node.js的靜態(tài)博客框架，使用Markdown（或其他渲染引擎）解析文章，依賴少易于安裝，可在幾秒內(nèi)利用現(xiàn)有主題生成靜態(tài)網(wǎng)頁(yè)?？蚣芴峁┝撕茉敿?xì)的中文文檔，大家可以進(jìn)入Hexo官網(wǎng)查看。

搭建環(huán)境準(zhǔn)備

安裝Git

Git是一個(gè)先進(jìn)的分布式版本控制工具，可以有效處理不同規(guī)模的項(xiàng)目版本管理。這里用于管理你的Hexo文章，將本地的博客上傳至Github。到Git官網(wǎng)選擇合適的版本下載，安裝后會(huì)有一個(gè)Git Bash的命令行工具，之后用該工具操作Git。

檢查是否安裝成功：

正常顯示版本號(hào)，無報(bào)錯(cuò)即為安裝成功。

另外，Windows環(huán)境下在Git安裝完成后，可以使用Git Bash來進(jìn)行后續(xù)命令行操作。

安裝Node.js

Hexo基于Node.js，所以需要安裝Node.js及npm工具?？蛇M(jìn)入Node.js中文網(wǎng)下載，選擇LTS（長(zhǎng)期支持版本）即可。

檢查是否安裝成功：

正常顯示版本號(hào)，無報(bào)錯(cuò)即為安裝成功。

博客本地搭建

安裝Hexo

右鍵打開Git Bash，輸入命令：

檢查是否安裝成功：

初始化博客

在電腦上新建一個(gè)文件夾作為博客的目錄，例如這里我將博客目錄設(shè)置為myblog，執(zhí)行以下命令：

博客目錄介紹

新建完成后，指定文件夾的目錄如下：

網(wǎng)站的配置信息，可以在此配置大部分的參數(shù)。

應(yīng)用程序的信息，新添加的插件內(nèi)容也會(huì)顯示在這里，可以不做修改。

模板文件夾，新建文章時(shí)，Hexo會(huì)根據(jù)scaffolds來建立文件。

Hexo的模板是指在新建的Markdown文件中默認(rèn)填充的內(nèi)容，我們可以在模板上添加自定義內(nèi)容，比如categories，tags等。

source文件夾是存放用戶資源的地方，也就是我們的博客內(nèi)容。初始設(shè)置兩個(gè)文件夾，posts（文章）和drafts（草稿）。之后通過命令新建頁(yè)面后，文件夾數(shù)量會(huì)增加。

主題文件夾，用于存放主題文件包，Hexo會(huì)根據(jù)主題內(nèi)容生成靜態(tài)頁(yè)面，默認(rèn)主題為landscape，可根據(jù)個(gè)人喜好進(jìn)行更改。

博客本地效果

Git Bash執(zhí)行以下命令：

啟動(dòng)hexo服務(wù)，訪問http://localhost:4000即可看到生成的博客頁(yè)面。使用Ctrl+C可關(guān)閉本地服務(wù)。

博客Github部署

創(chuàng)建個(gè)人倉(cāng)庫(kù)

這里需要Github賬號(hào)，如果沒有可以去注冊(cè)一個(gè)。

登錄Github，新建一個(gè)倉(cāng)庫(kù)，命名格式為：用戶名.github.io。比如，我的用戶名是muzihuaner，我的倉(cāng)庫(kù)名為muzihuaner.github.io`。注意這里必須按此格式命名，只有這樣，之后部署到GitHub pages的時(shí)候，才會(huì)被識(shí)別。

配置SSH

打開Git Bash，輸入以下命令，生成本地密鑰。這里用戶名和郵箱僅作演示，用戶名為你Github的用戶名，郵箱為你Github的郵箱。

輸入以下命令，檢查輸入是否正確：

確認(rèn)無誤后，輸入以下命令，創(chuàng)建SSH：

無腦下一步即可

此時(shí)在用戶文件夾下，已經(jīng)生成了.ssh文件夾，在本地找到這個(gè)文件夾。

id_rsa是你這臺(tái)電腦的私人秘鑰，id_rsa.pub是公共秘鑰。把公鑰放在GitHub上，當(dāng)你連接自己的Github賬號(hào)時(shí)，它就會(huì)根據(jù)公鑰匹配你的私鑰，當(dāng)能夠相互匹配時(shí)，才能夠順利的通過Git上傳你的文件到GitHub上。

在Github的設(shè)置中，找到SSH and GPG keys，新建SSH Key，以文本方式打開id_rsa.pub文件，將內(nèi)容復(fù)制到Key，標(biāo)題隨便起，添加Key。

部署代碼到Github

打開站點(diǎn)配置文件_config.yml，拉到最底部，找到deploy字段，按如下格式修改其內(nèi)容：

其中repo字段可在Github獲?。?/p>

image-20210219195740908

回到Git Bash，安裝deploy-git ，用于使用命令部署到Github。

然后執(zhí)行：

出現(xiàn)下圖所示說明部署成功，此時(shí)代碼已同步至Github。

image-20210219201138121

image-20210219201209648

打開網(wǎng)址http://yourname.github.io就可以看到Hexo博客了。

常用命令

Hexo文檔中命令很多，但你并不需要記住每一個(gè)。在博客的使用過程中，主要的命令如下：

init用于新建網(wǎng)站

new用于新建文章或頁(yè)面

generate用于生成靜態(tài)頁(yè)面

deploy用于將內(nèi)容部署到網(wǎng)站

publish用于將內(nèi)容從drafts文件夾移動(dòng)到posts文件夾

server用于啟動(dòng)服務(wù)器進(jìn)行預(yù)覽，默認(rèn)情況下，訪問入口為http://localhost:4000/

實(shí)際上，除了第一次部署時(shí)，需要用到hexo init這個(gè)命令，平時(shí)寫博客的過程中，最常用的就是：

hexo n 新建文章/頁(yè)面

hexo g 生成靜態(tài)頁(yè)面

hexo s 本地查看內(nèi)容

hexo d 部署到Github

如果需要清除之前生成的內(nèi)容，可以在生成靜態(tài)頁(yè)面前執(zhí)行hexo clean，其他情況只需要以上四條命令即可。

之后你就可以使用各種各樣的主題啦！詳細(xì)使用主題的教程，看主題的文檔就可以了哦！

設(shè)置個(gè)人域名

現(xiàn)在你的個(gè)人網(wǎng)站的地址是?yourname.github.io，如果覺得這個(gè)網(wǎng)址逼格不太夠，這就需要你設(shè)置個(gè)人域名了。但是需要花錢。推薦在良心云上買域名

因?yàn)镚ithub的Page服務(wù)處于半墻狀態(tài)，所以我們這里使用Vercel代理

打開Vercel，使用Github賬號(hào)登錄

img

img

新建Project

img

img

填寫對(duì)應(yīng)的github倉(cāng)庫(kù)https地址，單擊Continue

img

此處直接點(diǎn)擊Continue

img

此處可以填寫下PROJECT NAME，也可默認(rèn)，畢竟后面要添加域名。然后點(diǎn)擊Deploy，這個(gè)Project就建好了

添加域名解析記錄

在域名控制臺(tái)添加域名解析記錄，如下方所示。

線路類型記錄值默認(rèn)76.76.21.21

添加對(duì)應(yīng)的域名

回到Vercel,點(diǎn)擊之前創(chuàng)建的Project的settings打開設(shè)置，選擇Domains

添加對(duì)應(yīng)的域名即可。

除此之外你還可以使用Coding來部署博客（教程自行百度）

好了，基本的安裝方法到此結(jié)束，盡情折騰吧！

閱讀原文https://blog.quickso.cn/2021/02/19/Hexo%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E4%B8%8E%E9%83%A8%E7%BD%B2/