文章目錄

• • ① 打開GitHub，進(jìn)行登錄。
  • ② 進(jìn)行域名的購買以及配置其解析設(shè)置。
  • ③ 進(jìn)行GitHub倉庫的配置。
  • ④ 進(jìn)行Hexo博客的本地部署測試。
  • ⑤ 從本地倉庫上傳到Github倉庫。

相信每一位程序員都喜歡擁有一個屬于自己的博客。

當(dāng)然，在我認(rèn)為，內(nèi)容以及模塊都要自己進(jìn)行可擴(kuò)展定義才是真正屬于自己的。

那么想要一個博客就必須要有一個服務(wù)器和一個域名，這樣的話才能讓自己的博文內(nèi)容發(fā)揚(yáng)光大，但是服務(wù)器的性能以及費(fèi)用是一個相當(dāng)重要的問題，那么怎樣才能免去服務(wù)器部分，只需要一個域名就能搭建一個能進(jìn)入公網(wǎng)的、屬于自己的博客呢？

別著急，現(xiàn)在就讓我來帶領(lǐng)大伙來一步步搭建一個屬于自己的靜態(tài)博客。

搭建博客之前，需要各位小伙伴對編程知識有一定的了解，對服務(wù)器以及基本編程工具有初步的認(rèn)知，現(xiàn)在先列一下搭建所需要的環(huán)境。

• 一個屬于自己的域名，可以在阿里云進(jìn)行購買

• Git工具及Github倉庫

• NodeJs環(huán)境

• 編輯器 例如：vscode editplus notepad++ 三選一即可

那么接下來，就開始進(jìn)行具體的操作步驟，關(guān)于以上工具的安裝以及環(huán)境的配置在這里不做解釋，如有需要可以進(jìn)入我的博文進(jìn)行找尋查看，或者去百度一下，確保環(huán)境準(zhǔn)確無誤后再進(jìn)行具體操作，以避免不必要的麻煩。

① 打開GitHub，進(jìn)行登錄。

創(chuàng)建一個以自己的GitHub昵稱開頭的一個倉庫。
注意！一定要以自己在GitHub上的名稱開頭，因?yàn)檫@是你的唯一身份識別碼，而且其官網(wǎng)也規(guī)定了一個用戶只允許有一個這樣的倉庫。

例如我的倉庫名就是：tylt.github.io

② 進(jìn)行域名的購買以及配置其解析設(shè)置。

在這里域名購買我是在阿里云進(jìn)行購買的，當(dāng)然也可以在其它地方購買，我為博客設(shè)置的是泛解析后的域名設(shè)置，記錄類型為CNAME，指向的記錄值就是自己的倉庫名，一定要注意解析的類型以及記錄值的地址是你設(shè)置的倉庫名稱地址，在這里也就是做了一次轉(zhuǎn)移，使用自己的指定域名解析到了你的git倉庫地址。

配置完成后可進(jìn)行域名測試，在瀏覽器地址欄輸入你設(shè)置的域名，頁面出現(xiàn)Github Pages的404頁面證明解析正常。

• love.tylt.xyz

---

這是我已經(jīng)搭好的，可以點(diǎn)進(jìn)去看一下

③ 進(jìn)行GitHub倉庫的配置。

再回到GitHub點(diǎn)開已經(jīng)建好的倉庫，點(diǎn)到Settings選項(xiàng)進(jìn)行配置。。

往下翻，直到看到Github Pages選項(xiàng)，進(jìn)行填寫先前在阿里云控制臺配置的域名解析，進(jìn)行保存。

④ 進(jìn)行Hexo博客的本地部署測試。

到了這一步倉庫以及域名的設(shè)置就完成了。

接下來要進(jìn)行的就是在自己的本地進(jìn)行Hexo博客的搭建以及本地部署測試，其中有很多的坑，請大伙按照順序認(rèn)真進(jìn)行操作。

在本地新建一個文件夾，以英文進(jìn)行命名，在文件夾內(nèi)右鍵打開Git Bash Here。

需要執(zhí)行的命令全稱如下，圖片內(nèi)含有簡寫。npm install -g hexohexo initnpm installhexo server

輸入地址后，看到出現(xiàn)下部頁面也就是相當(dāng)于在本地完成了部署，過程已經(jīng)進(jìn)行到了一半。

在這里它默認(rèn)使用的是4000端口，如果4000端口被占用，可指定端口進(jìn)行啟動。一般不出現(xiàn)錯誤可省略此步。

hexo s -p 5000 若端口被占用，指定5000端口啟動。

⑤ 從本地倉庫上傳到Github倉庫。

使用編輯器打開本地倉庫目錄下的 _config.yml 文件進(jìn)行修改。

打開后到底部，找到deploy標(biāo)簽，修改或添加此三項(xiàng)，第二項(xiàng)為自己git倉庫的git鏈，可使用ssh或https兩種方式，復(fù)制過來就好。

# Deployment ## Docs: https://hexo.io/docs/deployment.html deploy:type: gitrepo: git@github.com:TYLT6688/tylt.github.io.gitbranch: master

修改完成后不要忘記保存，接下來進(jìn)行命令上傳操作。

hexo deploynpm install --save hexo-deployer-git

安裝完此模塊后再進(jìn)行 hexo d 命令即可。

執(zhí)行時如果使用的是ssh它會提示輸入密碼，如果是https會提示輸入用戶名，輸入完成后才能進(jìn)行完全上傳。

此時查看GitHub倉庫中是否已經(jīng)上傳成功，稍等一分鐘后在瀏覽器地址欄輸入自定義的域名進(jìn)行查看是否出現(xiàn)自己的博客，如果出現(xiàn)就可以讓小伙伴進(jìn)行聯(lián)網(wǎng)訪問查看了，當(dāng)然下次編輯修改時還會進(jìn)行其他命令，在這里列一下，之后的配置以及美化，后期還會推出博文。

編輯后清理之前的緩存 hexo clean生成新的頁面 hexo generate生成完就可以進(jìn)行上傳了 hexo deploy

最后希望大家可以去看一下我的博客哈，love.tylt.xyz

總結(jié)

以上是生活随笔為你收集整理的通过 GitHubPage 与 Hexo 搭建私人博客教程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。