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

2020-12-14 陳旭華

安裝 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 的草稿文章

相關焦點

  • hugo+github博客搭建教程!
    hugo能做什麼hugo是靜態網站生成器,能夠作為一些展示類網站的解決方案。比如個人博客、產品介紹、個人作品展示、文檔介紹、公司官網等等。再加上Github Pages的功能,就能不花一分錢建一個自己的網站了。下載安裝hugo我們為了簡便快速當然選擇hugo的二進位安裝方式,源碼安裝有機會再去學習。
  • 使用Hugo+Gitbook+Nginx 構建靜態博客網站
    前言:之前我一直使用的是wordpress搭建的博客,由於是在某雲搞活動時買的最低配置伺服器,而wordpress又需要安裝很多組件,網站變得越來越慢。最近發現了Hugo 是 Go 編寫的靜態網站生成器,速度很快,依賴於 Markdown 文件, 非常適合博客,索性就把之前的全部幹掉了。
  • |不花錢的在線簡介|Hugo個人博客搭建
    檢測打開cmd,測試語句hugo001_新建一個名為testblog的博客文件夾cd進入到你解壓的或其他路徑路徑,hugo new site testblog,有用,,,,在test下新建一篇博客firstbloghugo new test/firstblog.md
  • Hugo + GitHub Pages 搭建自己的網站
    很早之前,我使用 WordPress 搭建了個人博客:http://blog.studygolang.com,畢竟那時候 WordPress 是首選。現如今,大家似乎更喜歡靜態博客,各種語言的靜態博客生成器輪子不斷,比如 Go 語言的 Hugo 就是一個靜態博客生成器。
  • 開發人員必須有自己技術博客,使用Hugo和Firebase創建免費博客
    寫作是每個軟體開發人員都應培養的一項關鍵技能,而寫作可以從創建自己技術博客開始,讓我們看一下如何使用Hugo和Firebase免費地部署自己的博客,當然你可以使用GitHub,因為GitHub建立技術博客網站太常見,我們就不再進行討論,或許你還可以在其他免費平臺建立。
  • 盤點靜態博客生成工具
    在網際網路中,博客是誕生比較早的載體,然而隨著時代的發展,越來越多的博客平臺已經關閉,在這個時候人們逐漸意識到,擁有一個自己的博客無論是對自己,還是對自己的後代都是非常有幫助意義的。博客有很多種類型,有靜態博客,就是內容是通過文檔記錄的,還有動態博客,就是內容是通過資料庫記錄的。今天我們主要討論下靜態博客,以及那些生成靜態博客的工具。
  • 燒友實戰 | Hugo1 和Hugo 2 個人心得
    在開聲到現在,每次接上hugo2我相信聽過hugo2的人第一時間都會覺得這是個素質非常不錯的一款便攜設備,聲音基本不存在所謂的亂與衝,我覺得hugo2在萬元以上的售價是能令人信服的。如果硬要說聲音的缺點,那麼還是有的,hugo2聲音較為凌厲,在usb接口驅動下缺少hugo1代那種比較自然與溫暖包容的感覺。
  • 55.使用Hugo快速建站
    hugo可以server運行,也可以編譯成靜態的html頁面,讓Nginx運行解析.因為是純靜態頁渲染,性能超強……到 Hugo Releases 下載對應的作業系統版本的Hugo二進位文件,解壓到/usr/local/bin/這樣就可以直接使用 hugo 命令了
  • 如何給你的博客加入第三方評論系統 gitalk
    本次實例採用 hugo 作為說明評論系統對於博客的重要性不言而喻,動態網站通常都有配置好的評論區,而靜態網頁,大多需要依賴第三方評論系統。hugo 作為輕量級博客生成器,評論系統的加入會讓功能更加完善。
  • 使用Hugo快速建站及與結合GitHub進行部署
    可以在不同的作業系統上安裝,我這裡就用Mac系統來演示一下,首先用brew工具來安裝一下hugo:命令:brew install hugo使用hugo version來查看安裝的版本,也可以來驗證是否安裝成功:
  • JavaScript基礎教程新手入門必看
    本文為新手整理了一篇JavaScript基礎教程入門指南,希望可以幫助編程小白可以更加輕鬆的掌握JavaScript。因此這裡給大家介紹一下博學谷的JavaScript基礎教程。教程內容主要圍繞JavaScript基礎語法進行講解,知識點由淺入深,課程還採用案例驅動式教學,豐富的案例分析及實現,如輪播圖、旋轉木馬等。除此之外,還提供各種解決方案式教學,適合從零開始學習JavaScript的人群。
  • 設計開發自己的Hugo 主題
    引言隨著創作者們在個人Blog、知識管理方面需求的逐漸增長,優雅、合理的靜態博客能夠很好地支撐人們對於內容體系的管理和展示。當前在搭建和使用靜態Blog這方面的內容應該說非常多,比如Hugo,Hexo等,每個也都有著自己的主題展示網站。
  • 城市天際線健康基礎教程 城市天際線操作攻略
    導 讀 城市:天際線健康基礎教程,城市:天際線中的電、水、垃圾以及健康等遊戲基本信息很家還不是很了解,下面小編為大家帶來這些基本信息的具體內容指南,希望能對各位玩家有所幫助
  • 中文的指南針
    中文的指南針 地圖導航 大小: 2.3MB
  • 2 分鐘搞一個博客網站?快來看看這些開源靜態網站生成器吧
    作者:HelloGitHub-ChungZH相信很多人都想要搭建一個自己的博客或是給項目做文檔網站。HugoGitHub 倉庫:https://github.com/gohugoio/hugoStars 數量:41.9k官方網站:https://gohugo.io/Hugo 使用 Go 語言開發,號稱」世界上最快的網頁生成器「。
  • novation發布Summit合成器中文用戶指南
    >跳轉我司官網,找到技術支持板塊http://www.musicgw.com/audio/support/download.html 中文用戶指南下載地址http://www.musicgw.com//Uploadfile/file/20200928/20200928211194349434.zip 長秦城樂器有限公司公司官網:http://www.musicgw.com微博:http://weibo.com/musicgw博客:http://blog.sina.com.cn
  • IPFS和HUGO:分布式存儲應用於網站構建
    去年11月,我發表了關於如何從IPFS運行靜態網站的博客。 我已經以自己和家人使用的方式運行了幾個應用程式,我覺得是時候遷移我的博客了。三年前,當我開始使用這個博客時,我最初選擇了另一個流行的靜態網站生成器Jekyll。但是,當我正在努力遷移到IPFS時,我不得不用Hugo替換Jekyll,因為Jekyll不支持相關的URL。使用Jekyll,所有生成的URL都以/或固定的基本URL開頭,當你通過基本URL為動態的IPFS瀏覽內容時,這根本不起作用(有關其重要性的詳細信息,請參閱之前的IPFS指南)。
  • Python基礎教程—Spyder簡介和Python版本
    提示:代碼區域完成編輯,在存儲時,文本的存儲路徑最好只含有英文,不要含有中文。2、Python版本查看Python 3.x與Python 2.x在語法存在一些不同。Python 3.x在設計的時候沒有考慮向較早版本相容。
  • Hexo靜態網頁博客上傳到七牛雲
    很多人都是把Hexo、hugo等工具生成的靜態頁面都是上傳到Github,這樣雖然很方便,但是畢竟在國外,而且百度爬蟲老是失敗,雖然有朋友說可以上傳到Gitee上,域名識別不同的訪問線路解析不同的空間。我也這樣搞過,但是最近發現,好像七牛雲可以託管靜態頁面。那麼就來搞搞咯要上傳到七牛雲,當然得有個七牛雲帳號啦,這個沒有的自己去搞一下,就不說了。下面我們來說說具體的操作。