Windows下搭建Hugo博客


★內容參考B站Up主CodeSheep,視頻地址:https://www.bilibili.com/video/av51574688
我整理了Windows下的操作方法,如下:

1:在https://github.com/gohugoio/hugo/releases地址下找到Windows壓縮文件下載,如下圖你可以下載32或者64位的

2:如何看hugo安裝成沒成功,打開cmd,輸入hugo version,如圖所示,則代表安裝成功

3:安裝成功后,用Hugo來創建自己的博客,命令如下圖所示:hugo new site myblog  注:myblog為文件夾名字

3:輸入dir,能看到文件夾已經創建好了,如圖

 4:我們進入到myblog里面,可以看到如下內容

 

5:下載設置主題,去https://themes.gohugo.io/選擇自己喜歡的主題進行下載,如圖

6:這里我選擇m10c,以他為例子,具體操作如圖顯示。注:前提一定要下git並且配置好!

7:主題下載成功如圖

8:去themes下,看看有沒有,如圖有啦

9:啟動博客命令,輸入 hugo server -t m10c --buildDrafts

10:如圖所示,出來了

11:接下來就是創建文章,我們繼續在根目錄下創建,如圖

12:那怎么寫呢,推薦用VS Code來寫,寫完后記得保存!如圖

 

13:然后再根目錄下輸入指令 hugo server -t m10c --buildDrafts,如圖

 14:再打開http://localhost:1313,如圖

15:把博客部署的遠端github上,首先創建倉庫,如圖

16:倉庫已經有了,但是個空倉庫,接下來敲命令hugo --theme=m10c --baseUrl="地址" --buildDrafts,如圖

17:成功后會在根目錄下生成一個public文件,如圖

 18:把這個public傳到github倉庫上,首先進入到public,如圖所示,已經把文件加到了倉庫里面

17:要把本地public和遠程github進行關聯

18:然后還有個push命令,git push -u origin master,期間會讓你輸入賬號密碼,輸入即可,如圖完成

19:我們刷新下github頁面,就會看到文件已經傳上來了,如圖

20:最后,我們拿倉庫地址訪問下,成功,博客已經部署到遠端!如圖。

21:里面的內容也是可以訪問的,如圖

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM