Hexo 博客搭建教程
緣起
2017 年的時(shí)候，我就曾嘗試在 githubPages 上搭建自己的 Blog。當(dāng)時(shí)似乎成功了吧，但當(dāng)時(shí)年少輕狂，后期沒再維護(hù)，此事也就不了了之。時(shí)光飛逝，我已快步入 30，回想過(guò)去，卻沒有留下一點(diǎn)點(diǎn)痕跡。因此思考再三，我決定打造一個(gè)屬于自己的日記本，以防忘記什么，或者有什么遺憾。
構(gòu)思
于是，我腦子里開始構(gòu)思一個(gè)理想的輪廓。
Step1：選擇博客網(wǎng)站生成器
Step2：本地搭建
Step3：部署至線上
Step4：堅(jiān)持產(chǎn)出文章
好的就是這樣開干！
開始整！！！
Google 搜索關(guān)鍵字 blog framework：
選擇適合自己且它也喜歡我的博客網(wǎng)站生成器。
Hexo 這個(gè)就是 Google 搜索排名第一的開源博客框架。早年間我也是用它搭建的第一個(gè) demo 博客。除此之外還有 Jekyll、Hugo、Octopress、Pelican、Middleman、DocPad、Wintersmith、Cactus、HubPress 等博客框架。
經(jīng)過(guò)一番深思熟悉，就選擇 Hexo 8。理由也很簡(jiǎn)單，大家都用它，并且網(wǎng)上文字類以及視頻類教程居多，如果看文檔依舊無(wú)法成功還可以竊取他人的勝利果實(shí)：）
目標(biāo)
通過(guò)這篇文章，你可以用自己的 github賬戶名稱.github.io 訪問到自己的博客，like this：
物料準(zhǔn)備
一個(gè) GitHub 賬號(hào) (https://github.com/ 注冊(cè))
Git 基本操作 （https://git-scm.com/book/zh/v2 學(xué)習(xí) git 的基礎(chǔ)操作）
Node 環(huán)境 (http://nodejs.cn/download/ 進(jìn)行安裝)
博客項(xiàng)目構(gòu)建思路
xxx.github.io 可訪問
本地搭建 Hexo 項(xiàng)目
本地項(xiàng)目部署至 github 倉(cāng)庫(kù)
1）登錄 github 后找到并記住你的 github 賬戶名稱 xxx。
2）新建倉(cāng)庫(kù) Create repository。
github 右上角的+號(hào)選擇 New repository
找到 github 賬戶名稱，鍵入倉(cāng)庫(kù)名稱 github賬戶名.github.io。以我為例：hiciciya.github.io
倉(cāng)庫(kù)新建成功
3）測(cè)試 githubpage 是否可訪問。
恩，失敗了，不可以訪問。原因就是我們只是建立了一個(gè)空倉(cāng)庫(kù)，啥都沒有是理所應(yīng)當(dāng)?shù)墓２灰@恐，更不要感覺驚悚。
4）Clone 倉(cāng)庫(kù)到本地
github 配置 sshkey，很簡(jiǎn)單。這就是一個(gè)把電腦和 github 鏈接起來(lái)的鑰匙， 如果不會(huì)，去下面的地址可以學(xué)習(xí)哈。
地址：https://docs.github.com/cn/github/authenticating-to-github/connecting-to-github-with-ssh/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent
復(fù)制倉(cāng)庫(kù)地址
在本地新找一塊位置，比如說(shuō)桌面，打開命令行工具（gitbash powshell cmder ）
git clone 你的倉(cāng)庫(kù)地址
clone 倉(cāng)庫(kù)到本地
用 IDE（webstorm Vscode sublime ）打開。
5）新建 一個(gè) html 文件 index.html 并推送遠(yuǎn)端
6）本地提交
git add .
git commit -m "text githubpages"
7）推送至遠(yuǎn)端
git push origin master
再次測(cè)試 githubpage 是否可訪問
瀏覽器輸入 xxx.github.io/
未完待續(xù)......
推薦閱讀：
前端工程化中的重要環(huán)節(jié)——自動(dòng)化構(gòu)建
拉新活動(dòng)必備——node + fc 部署海報(bào)生成服務(wù)
恭喜你又在前端道路上進(jìn)步了一點(diǎn)點(diǎn)。
點(diǎn)個(gè)“在看”和“贊”吧！