如何搭建個(gè)人博客站點(diǎn)

時(shí)間：2023-08-06 17:15:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-08-06 17:15:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

1、如何使用 github page 部署個(gè)人博客

• 登錄 github，點(diǎn)擊右上角新建倉(cāng)庫(kù)，倉(cāng)庫(kù)名填 username.github.io，其中 username 填自己的 github 名稱，例如博主的是 hz-bin，則倉(cāng)庫(kù)名為 hz-bin.github.io。

• 進(jìn)入項(xiàng)目的 Settings->Pages 頁(yè)面，Source 選擇 master，然后點(diǎn)擊 Save，則完成部署，即可通過(guò) https://hz-bin.github.io 進(jìn)行訪問(wèn)了。

2、如何使用 jekyll 和 TeXt 主題編輯博客內(nèi)容

• 本地部署 jekyll 環(huán)境參考 jekyll 中文文檔
• 本地克隆 TeXt 主題，然后進(jìn)入到 jekyll-TeXt-theme 目錄，如果有 Gemfile.lock 文件，先刪除該文件。
• 然后在命令行中先執(zhí)行 gem install bundler jekyll 命令，再執(zhí)行 bundle exec jekyll serve，則本地博客搭建完成
• 瀏覽器中輸入 http://localhost:4000/ 即可訪問(wèn)博客內(nèi)容。
• 如何新增一篇博客：在 _posts 目錄中新建 markdown 格式文件，文件名格式為 yyyy-mm-dd-blogname.md。jekyll 會(huì)自動(dòng)進(jìn)行構(gòu)建。

3、如何配置 gitalk 作為博客的評(píng)論系統(tǒng)

• 首先需要新建一個(gè) OAuth application（右上角頭像 -> Settings -> Developer settings -> OAuth Apps -> New OAuth App），如下圖所示：

• 點(diǎn)擊 Generate a new client secret：

• 將 Client ID 和 剛剛產(chǎn)生的 Client secrets 拷貝到 _config.yml 文件中，其他參數(shù)如圖所示：

4、如何配置 leancloud 記錄文章訪問(wèn)次數(shù)

• 首先進(jìn)入 LeanCloud，新建一個(gè)應(yīng)用，應(yīng)用名稱自己隨便填。然后進(jìn)入到設(shè)置界面，如下所示，_config.yml 配置中，pageview 的 provider 填 leancloud，leancloud 的 app_id 和 app_key 分別填應(yīng)用憑證界面的 AppID 和 AppKey。

• app_class 填 Blog 或者自己定義一個(gè)名字，LeanCloud 會(huì)用該名稱在 數(shù)據(jù)存儲(chǔ) -> 結(jié)構(gòu)化數(shù)據(jù) 中創(chuàng)建Class，相當(dāng)于存儲(chǔ)訪問(wèn)次數(shù)的表。

• 修改 _includes/pageview-providers/leancloud/leancloud.js，如下所示，serverURLs 改為 serverURL，值改為上面應(yīng)用憑證中的 REST API 服務(wù)器地址。

初始化：https://leancloud.cn/docs/sdk_setup-js.html#hash20935048

數(shù)據(jù)存儲(chǔ)入門教程 · JavaScript：https://leancloud.cn/docs/leanstorage-started-js.html

5、如何給自己的博客設(shè)置自定義域名

• 首先需要申請(qǐng)域名，本博客域名從騰訊云申請(qǐng)。
• 域名申請(qǐng)完成之后，進(jìn)入域名管理界面，點(diǎn)擊解析。

• 添加如下2條記錄，其中 ip 地址是通過(guò) ping hz-bin.github.io 得到的：

• 進(jìn)入到 github 項(xiàng)目的 Settings -> Pages 配置界面，Custom domain 填剛剛注冊(cè)的域名，同時(shí)勾選上 Enforce HTTPS，然后保存。等待10分鐘左右，就可以通過(guò) https://www.hz-bin.cn 訪問(wèn)了。

gitalk 和 cloudflare 修改

• 配置完域名之后，會(huì)發(fā)現(xiàn) gitalk 登錄不上了，且文章計(jì)數(shù)也獲取不到了，需要對(duì)相關(guān)配置進(jìn)行修改。
• 登錄 github，右上角頭像 -> Settings -> Developer settings -> OAuth Apps，看到如下界面，點(diǎn)擊第3節(jié)新建的 OAuth application，將 Homepage URL 和 Authorization callback URL 改成新的博客地址 https://www.hz-bin.cn，然后保存。

• 登錄 cloudflare，按如圖所示操作：

本文由博客一文多發(fā)平臺(tái) OpenWrite 發(fā)布！