最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

1、前往Github下載Hugo檔案並安裝

前往Github下載(64位或32位自行選擇)

有的同學下載慢,我放在網盤一份-密碼:9oj8

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

解壓配置環境變數到Path中

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

檢測

開啟cmd,測試語句

hugo version

下面樣例即為配置成功

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

2、使用Hugo生成自己的部落格

001_新建一個名為testblog的部落格資料夾

cd進入到你解壓的或其他路徑路徑,

hugo new site testblog

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

002_前往官網尋找一個自己喜歡的主題並配置

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

點選某主題之後下面會有安裝教程,這兒就需要你的電腦安裝並配置好了git,沒有安裝的去找一下,相關的部落格很多,,操作也很簡單

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

按照他的操作步驟,,,cd進入到testblog資料夾下,git init一下,然後git clone

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

003_在本機啟動個人部落格

使用指定主題啟動Hugo

hugo server -t toha ——buildDrafts

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

004_訪問本機個人部落格

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

雖然是空的,但是成功的!!!

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

3、寫部落格並上傳

md格式語法大家稍微瞭解一下,有用,,,,在test下新建一篇部落格firstblog

hugo new test/firstblog。md

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

前往

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

找到資料夾,進行md編輯(附安利VsCode寫md)

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

儲存之後關閉重啟hugo

hugo server -t toha ——buildDrafts

訪問啟動連結便可看到剛寫的部落格

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

4、部署部落格到Github

1、在github新建一個倉庫,名字必須為你的github純小寫字母名字+github。io,如圖

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

2、使用cmd上傳到github

首先生成public資料夾,下面命令你的baseUrl中改成自己的名字

hugo ——theme=toha ——baseUrl=“httpss://zengxiaochao。github。io/” ——buildDrafts

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

然後進public建立git倉庫,上傳github

cd publicgit initgit add 。git commit -m “部署Hugo部落格第一次測試” //提交一次git remote add origin https://github。com/zengxiaochao/zengxiaochao。github。io。git //關聯遠端github倉庫git push -u origin master //推上去

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

推的時候偶會讓你輸入使用者名稱密碼的,github的

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建

2、訪問公網部落格

最好的求職簡歷在這兒!!!|不花錢的線上簡介|Hugo個人部落格搭建