【Hugo】將部落格上傳到GitHub

Github Desktop、Github Pages

【Hugo】將部落格上傳到GitHub

Github Desktop、Github Pages


首先需要先安裝VScode

  1. 先到VScode頁面下載應用程式,安裝並開啟

圖片


  1. 安裝Chinese Language插件,讓介面變繁體中文

圖片


  1. 安裝Better TOML插件,讓code有顏色區別

圖片


  1. 若想修改VScode介面顏色,進入色彩佈景主題

圖片


  1. 出現選單視窗,並挑選適合主題

圖片


  1. 若想修改文字顯示大小,進入設定

圖片


  1. 在Font Size輸入文字大小

圖片


設置基本Hugo參數

  1. 開啟資料夾,點選config.toml檔,編輯參數值

圖片


  1. 更改頁籤圖示,製作圖檔命名favicon.png,放置到img資料夾裡面

圖片


  1. 關閉chrome重新開啟,即可看到設置成功

圖片


上傳到Github Pages

  1. 對資料夾按右鍵,打開終端機

圖片


  1. 輸入hugo,按enter執行

圖片


  1. 會看到資料夾多出public以及內容資料

圖片


  1. 將public的內容資料拉到Github複製的本地端資料夾內

圖片


  1. 打開Github Desktop建立commit

圖片


  1. 將程式碼Push到Github

圖片


  1. 到Github頁面的repository點選該專案,點選Add a README

圖片


  1. 再點Commit new file,之後過3~5分鐘後網站即可預覽

圖片

hugo 

其他相關