Hugo 博客中文指南(基礎教程)

2020-12-11 陳旭華

安裝 Hugo

從 Hugo 項目主頁下載 Releases 文件,解壓 hugo.exe 文件到 C:\Windows\System32 目錄下。

創建站點

在當前目錄打開 CMD 執行以下命令,創建名為 mysite 的站點:

hugo new site mysite

在執行完命令後進入 mysite 目錄,你會看到包含以下內容的目錄:

新建頁面和文章

新建一個 about 頁面:

hugo new about.md

about.md 自動生成到了 content/about.md,內容如下:

創建第一篇文章,放到 post 目錄:

hugo new post/myfirst.md

myfirst.md 自動生成到了 content/post/myfirst.md,內容如下:

其中 draft: true 表示為草稿文件,正式發布前需將值修改為 false,或者直接刪除整個 draft 參數。

安裝主題

從 Github 上下載一款主題,解壓到 theme 目錄下:

通過命令行的方式使用主題:hugo -t 主題目錄名通過在 config.toml 配置使用:theme = "主題目錄名"

編譯輸出

在 Hugo 網站文件夾的根目錄下,執行 hugo 命令來構建。

hugo# 正常編譯hugo -D # 編譯包含草稿文章hugo -t 主題目錄名 # 指定主題編譯

編譯輸出的靜態 HTML 文件,默認會保存到 public 目錄下。

實時預覽

寫一篇文章生成一次會很繁瑣,可以通過啟動網站預覽,實時監控頁面的更改並刷新頁面。

hugo server -D

默認地址為 localhost:1313 如果 1313 埠被佔用,會隨機使用其他空埠。

參數:-D 輸出包括標記為 draft: true 的草稿文章

相關焦點

  • 諾曼 houdini免費基礎教程 !目錄! 免費獲得價值3880元的基礎教程
    _2        諾曼houdini原創中文教程網_FLIP大型流體模擬基礎教程_3        諾曼houdini原創中文教程網_FLIP大型流體模擬基礎教程_4        諾曼houdini中文教程網_houdini16海洋工具基礎教程_1_免費免機器碼        諾曼houdini中文教程網_houdini16海洋工具基礎教程
  • 精品教程:Octane基礎教程-中文講解
    今天小編給大家推薦一套Octane基礎教程,是莫老師中文講解的,莫老師網名Mo.Zs(mos師叔),站酷地址:http://www.zcool.com.cn/u/1426063(歡迎大家關注)站酷作品截圖
  • 推薦一個開源的中文技術文檔風格指南
    如果你是 Technical Writer、技術文檔工程師、資料開發人員,或者通過一些渠道學習了解過技術寫作,那很可能也看過或聽說過一些風格指南。為什麼要有風格指南呢?簡單理解,風格指南有助於保持文檔整體風格的統一,給用戶呈現一個一致的形象。
  • 全球首屆中文博客大獎賽全部獲獎名單
    【搜狐IT消息】由搜狐主辦的首屆全球中文博客大賽於1月12日晚間正式公布大獎結果。本屆博客大賽,設置了最佳科技博客、最佳商業評論博客、最佳播客、最佳文學博客、最佳情感博客、最佳圖片博客、最佳群體博客、最佳人氣博客、最佳學生博客等13個獎項,最佳博客大獎的獎金為1萬元。
  • 複雜而又順口的中文讓不少老外著迷 老外為學中文寫起博客
    如此艱深晦澀的話出自一個老外的中文博客——"在北京找不著北"。這位來自美國費城的"博主"叫布蘭登(Brendan),其專業為東亞研究,故自詡中文尚可,現任京城寫手,主營翻譯與寫作。    記者"順藤摸瓜"找到不少老外的中文博客。想了解哪些人氣最旺,看看China Blog List (簡稱"CBL")就知道了。CBL是美國人潘吉建立的一個以漢語為第二語言的博客表。
  • GitHub開源中文版《Go入門指南》學習教程
    Go 適合寫工具,比如 hugo 、hub、fzf,還有國人寫的 linux 下的百度 pan client 都是 go 實現的。3. Go 適合實現 C/C++ 一部分業務,Java 的大部分業務。4.
  • 多人博客是博客的未來
    這裡討論的博客不包括像阿禪日記這樣的以個人記事為主的博客,而是以傳播價值為主的博客。一、單人博客的困境「萬事開頭難」可能是正確的,但在博客裡不是。要開始一個博客是非常容易,你可以在BSP隨意申請一個博客空間,也可以購買域名、空間構建自己的獨立博客。接下來,你會很努力地寫作。
  • 索尼PlayStation中文博客今日正式開通_遊俠網 Ali213.net
    就在今天SCE Asia PlayStation Blog中文博客今日正式上線試運行!  在以後PS官方不可不但可以為玩家提供與PlayStation有關的信息和活動,大家還可以用自己的SEN帳號登陸博客與索尼相關人士交流互動。
  • 400分鐘,CorelDRAW2017入門基礎教程【視頻】
    或是工作需要用到一些但是又沒必要學精通的職位,想學找不到合適的教學但又沒必要花很多錢報培訓班的情況,感謝你的關注。現在有半個小時試看先了解下平面廣告設計入門,除了這一個視頻教程之外,我還錄製了其他工具的詳解,CDR基礎課學時總計400分鐘。
  • Python基礎教程—Spyder簡介和Python版本
    提示:代碼區域完成編輯,在存儲時,文本的存儲路徑最好只含有英文,不要含有中文。2、Python版本查看Python 3.x與Python 2.x在語法存在一些不同。Python 3.x在設計的時候沒有考慮向較早版本相容。除非為了使用舊的Python2.x項目代碼或只支持2.x的第三方庫,否則不推薦使用2.x進行編程。比較明顯的區別是print。
  • 《Google SEO 入門教程》更新中文翻譯版
    站長之家(chinaz.com)11月17日消息:本月初,谷歌更新了《Google SEO 入門教程》指南,新入門教程豐富了內容,有了更多的圖文例子,對詞彙定義也更加完善,而谷歌機器人也強勢回歸。
  • 什麼是博客(blog)
    問:最近在上網的時候發現一個新名詞―――博客(blog)。能解釋一下它的含義嗎? 答:《市場術語》一書中對博客的定義為:一種表達個人思想和網絡連結,內容按照時間順序排列,並且不斷更新的出版方式。Blog是Weblog的簡稱。Weblog是Web和Log的組合詞。
  • 2020十大編程博客:私藏的寶藏程式語言博客大放送
    他們的團隊經常為軟體開發人員發布有趣的教程和信息指南,比如移動和web開發框架、Java項目、軟體測試、面試問題等方面的內容。但需注意,他們每次發表的文章主題都截然不同。因此,如果只對某種特定的程式語言感興趣,它可能不是最好的選擇。Better Programming
  • Python基礎教程全套7.1:函數詳解
    total = arg1 + arg2   print ("函數內 : ", total)   return total;total = sum( 10, 20 );print ("函數外 : ", total)函數內 :  30函數外 :  30相關文章:以下文章是本公眾號至本文發出前已經發布的Python基礎教程系列教程
  • MySQL基礎教程
    關鍵詞(Keyword):MySQL基礎教程, MySQL,  入門經典
  • ECPod實現輕鬆寫雙語博客
    北京2010年10月26日電 /美通社亞洲/ -- 中英雙語的博主現在有了一個創新的博客平臺,讓他們可以在這個平臺上表達自己的想法和情感。據ECPod的主程序設計師Michael Robinson稱,ECPod是首個提供免費人工翻譯的博客平臺。
  • Python 基礎教程—列表(3)extend
    Python基礎教程系列Python 基礎教程—列表(2)Python 基礎教程—列表(1)
  • 資料|Python數據分析基礎教程:NumPy學習指南(中文第2版)
    個人博客:ivanidris.net。補充說明 · · · · · ·本站所有資源版權均屬於原作者所有,這裡所提供資源均只能用於參考學習用,請勿直接商用。