使用Hugo框架搭建部落格的過程 前期準備

2022-03-18 15:02:25 字數 1634 閱讀 6046

這篇教程介紹了如何搭建這樣效果的部落格。

可以從這樣的角度出發:

註冊網域名稱。

使用cdn加快**訪問速度。

**內容需要部署在伺服器或物件儲存平台上。

重要的是放什麼內容。部落格需要選擇框架,或自己開發。

框架確定後,選擇主題,或自己開發。

配置主題。

發表第一篇hello world!

在這個過程中,前期準備階段包括:框架選擇、主題選擇、註冊網域名稱、備案和cdn配置。

wordpress

缺點:不安全。

主題推薦:sakura

hexo

缺點:渲染生成文章速度不如hugo。

主題推薦:matery

hugo

the world』s fastest framework for building websites.

選擇hugo框架。

靜態部落格方便備份。

用markdown寫文章,方便以後遷移。

缺點,使用物件儲存服務需要支付流量費,存在被ddos的風險。

功能很全面的乙個主題,支援很多功能,節省了不少自己折騰的時間。loveit主題介紹

安裝主題有兩種方案,如果不修改主題配置和模板,可以直接新增新增子模組,這樣比較簡單。

修改主題會麻煩一些,但是可以讓自己的部落格與眾不同。需要將fork到自己的倉庫,有乙個缺點,fork後新增的submodule是自己的倉庫,使用dependabot需要手動和上游同步之後,才會觸發blog倉庫更新檢查。所以不適用dependabot。

不修改主題模板

新增子模組到blog倉庫的themes目錄下。

git submodule add themes/loveit

fork主題後進行diy

fork主題到自己的倉庫。

新增子模組:

git submodule add 《自己倉庫的url>

設定上游進行同步,在主題目錄中執行

git remote add upstream 《上游主題的url>

toha是乙個非常適合做個人簡歷的主題。

萬網註冊網域名稱。

配置dns解析,網域名稱郵箱解析等可能存在衝突。

參考dns解析衝突規則

使用https證書避免http劫持風險,劫持https請求需要偽造證書。

阿里雲可申請免費https證書,但是乙個子網域名稱需要單獨申請乙個證書。

chrome瀏覽器http**顯示「不安全」,是怎麼回事?

如果在萬網購買的網域名稱,備案過程很簡單,按要求填寫資訊,上傳**即可。注意**要合要求,否則可能會被打回來重新上傳。

香港,國外的伺服器不需要備案。

購買cdn資源包,加速網域名稱訪問。靜態部落格不需要購買動態請求次數。

以上步驟完成後,將網域名稱解析到cdn,cdn加速源站或物件儲存服務(在部署階段介紹)。訪問網域名稱,確定cdn是否加速。

通過ping命令檢視ip是否為cdn的ip。

開啟chrome控制台,檢視返回包頭是否有x-cache字段。

使用Hugo框架搭建部落格的過程 部署

完成前期的準備工作後,在部署階段需要配置伺服器或物件儲存服務。物件儲存平台也可以做為markdown圖床,配合cdn,加快載入速度。筆者的伺服器是阿里家的,所以物件儲存也用了阿里雲oss。阿里雲oss部署參考 物件儲存的配置非常簡單,哈嘍沃德先生的這篇文章已經很詳細了,按照這篇文章可以完成上傳操作。...

使用Hugo搭建GitHub個人部落格

hugo官方主頁 本例以widows為例設定hugo執行環境變數,如需更詳細的windows macosx的步驟說明,請移步至官網 installation on os x installation on windows 在本地電腦上建立以下檔案目錄 檔案路徑隨意 d github hugo bin...

hugo搭建個人部落格

本地先安裝git 將解壓後的hugo.exe,配置到環境變數中,如下圖所示表明配置成功 這裡選擇其中一款 cd wiki cd themes git clone hugo new post my first blog.md寫入markdown內容 hugo server theme purehugo...