利用hugo搭建個人部落格 一

2021-08-15 09:07:31 字數 1611 閱讀 5599

上篇部落格筆者詳細介紹了有關hugo搭建個人部落格準備工作,沒搭建好的可以看看這篇博文.接下來一系列操作都在命令列視窗中操作

1.開啟命令列視窗,進入f盤,使用hugo命令生成新站點.

開啟f盤就會有名為jmxblog的資料夾,這就是我們hugo的站點根目錄,我們看看目錄結構

檔案結構作用:

|- archetypes :存放default.md,頭檔案格式 

|- content :content目錄存放部落格文章(markdown檔案) 

|- data :存放自定義模版,匯入的toml檔案(或json,yaml) 

|- layouts :layouts目錄存放的是**的模板檔案 

|- static :static目錄存放,css等靜態資源 

|- themes :存放**主題檔案

|- config.toml :config.toml是**的配置檔案

2.從github裡獲取主題,使用git獲取檔案

開啟git bash,進入我們的**根目錄裡的themes,輸入如下指令獲取主題

這樣代表我們的主題檔案已經成功獲取到我們本地了.

3.建立頁面以及文章。

about頁面

hugo new about.md
post目錄下的新建文章,方便聚合

開啟about.md與first.md分別填寫一點表示內容

4.最後一步,在cmd進入**根目錄啟動hugo server:

hugo server --theme=beg --builddrafts
-theme代表**的主題

5.開啟瀏覽器,位址列輸入http://localhost:1313/,乙個blog就出現了

乙個簡單hugo的demo就搭建完成了。。。

hugo搭建個人部落格

本地先安裝git 將解壓後的hugo.exe,配置到環境變數中,如下圖所示表明配置成功 這裡選擇其中一款 cd wiki cd themes git clone hugo new post my first blog.md寫入markdown內容 hugo server theme purehugo...

使用Hugo搭建GitHub個人部落格

hugo官方主頁 本例以widows為例設定hugo執行環境變數,如需更詳細的windows macosx的步驟說明,請移步至官網 installation on os x installation on windows 在本地電腦上建立以下檔案目錄 檔案路徑隨意 d github hugo bin...

hugo極速開發個人部落格

在此之前,我並不沒有考慮過要開發個人部落格,而且想當然的認為開發乙個部落格很麻煩,直到我遇到了ta。話說今天,逛go論壇時,發現乙個好玩的帖子,go語言最棒開源專案top 其中有大名鼎鼎的 docker etcd 等等。在其中發現hugo這個開源專案,據說該作者出身於docker創始團隊,docke...