這篇教程介紹了如何搭建這樣效果的部落格。
可以從這樣的角度出發:
註冊網域名稱。
使用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...