使用Hugo搭建GitHub個人部落格

2022-02-16 18:43:43 字數 1696 閱讀 4394

hugo官方主頁:

本例以widows為例設定hugo執行環境變數,如需更詳細的windows/macosx的步驟說明,請移步至官網:

installation on os x /

installation on windows

在本地電腦上建立以下檔案目錄:(檔案路徑隨意)

d:\github\hugo\bin\hugo.exe

d:\github\hugo\sites

設定windows系統環境變數,我的電腦右鍵-->屬性-->高階系統設定-->在"高階"標籤頁中-->環境變數...,選中path變數,並編輯...,在編輯值中新新增hugo程式的路徑即可,一張圖說明:

安裝並配置hugo環境後,開啟cmd命令列,可以直接使用hugo命令了。

$ hugo version

$ hugo new site blog
建立的站點檔案目錄說明:

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

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

|- static :static目錄存放js/css/img等靜態資源

hugo官方主題:

hugo官方主題github:

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

|- layouts :主題模板檔案

|- static :靜態資源

|- theme.toml :主題配置檔案

hugo內建http server,在你的站點根目錄執行hugo server命令,即可在瀏覽器裡輸入:http://localhost:1313訪問**。

$ hugo server --theme=hyde
(註明:需要指定主題,如果在config.toml中配置指定主題可以省略--theme引數)

可以看到現在部落格裡沒有文章,使用hugo new命令建立文章。

$ hugo new post/test.md
+++

date = "2017-02-10t15:01:33+08:00"

title = "test"

draft = false

+++hello hugo!測試內容

注意:預設建立的是草稿型別,需要將draft值改為false才能看到頁面。

$ hugo --theme=hyde --baseurl=""
首先在github上建立個repository,命名為:yourname.github.io(yourname替換為自己的使用者名稱),然後用git將剛才建立的yourname.github.io專案clone下來。

將生成的public目錄下所有檔案拷貝到yourname.github.io專案中,並提交版本。

ok!至此你可以開啟瀏覽器開始訪問: 你的部落格了。

hugo搭建個人部落格

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

Centos7的Hugo搭建和使用

1.wget tar zxf hugo 0.81.0 linux 64bit.tar.gzsudo cp hugo usr local bin檢視是否安裝成功 hugo version新建 hugo new site firstsite新增主題,進入剛才建立的站點 cd firstsite git ...

使用Hugo框架搭建部落格的過程 部署

完成前期的準備工作後,在部署階段需要配置伺服器或物件儲存服務。物件儲存平台也可以做為markdown圖床,配合cdn,加快載入速度。筆者的伺服器是阿里家的,所以物件儲存也用了阿里雲oss。阿里雲oss部署參考 物件儲存的配置非常簡單,哈嘍沃德先生的這篇文章已經很詳細了,按照這篇文章可以完成上傳操作。...