使用hugo 來建立部落格 | hugo blog教學
hugo[1]是golang寫的一個部落格框架,支援markdown語法,透過生成靜態網頁,靜態網頁可以快速的透過瀏覽器下載並呈現,大幅提升讀取速速,現在就來教學如何建立一個Hugo的部落格安裝InstallationStep1:安裝Hugo如果是mac的使用者,可以透過homebrew[2]來安裝hugobrewinstallhugohugoversion#確認版本Step2:建立一個新的網站hugonewsitesitename#替代sitename為自己想要的名字Step3:加入一個themeHugo可以客製自己想要的版型,這邊[3]有非常多的版型可以挑選,找到喜歡的版型之後可以透過gitsubmodule來加入版型的模組,若之後有更新的...
hugo [1] 是 golang 寫的一個部落格框架,支援 markdown 語法,透過生成靜態網頁,靜態網頁可以快速的透過瀏覽器下載並呈現,大幅提升讀取速速,現在就來教學如何建立一個 Hugo 的部落格
安裝 Installation Step 1: 安裝 Hugo如果是 mac 的使用者,可以透過 homebrew [2] 來安裝 hugo
brew install hugo hugo version # 確認版本 Step 2: 建立一個新的網站 hugo new site sitename # 替代 sitename 為自己想要的名字 Step 3: 加入一個 themeHugo 可以客製自己想要的版型, 這邊 [3]有非常多的版型可以挑選,找到喜歡的版型之後可以透過 git submodule 來加入版型的模組,若之後有更新的版本可以直接透過 submodule 來 update 版本
cd sitename git init git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke Step 4: 開始我們第一篇文章Hugo 提供指令可以直接產生一篇文章框架
hugo new posts/my-first-post.md範例:
--- title: "My First Post" date: 2021-01-16T09:56:12+08:00 draft: true --- Step 5: 啟動 Hugo server直接在本地端啟動 server 來看成果如何
應該會看到類似以下面結果顯示
Start building sites … | EN -------------------+----- Pages | 1 Pagin...取得本站獨家住宿推薦 15%OFF 訂房優惠
hugo theme推薦 Hugo GitHub Simple blog template hugo blog 花蓮縣政府都市計畫 清水 休息站 可以 洗澡 嗎 東京迪士尼酒店連門票 高雄 清燉牛肉湯 基隆市場咖啡 找屏東市中古屋 rust brand評價 大學邊緣人dcard 成大校徽 Reservoir volume
本站住宿推薦 20%OFF 訂房優惠,親子優惠,住宿折扣,限時回饋,平日促銷
Hugo手把手安裝教學 | hugo blog教學
2021年1月19日 — 爬教學文的時候看了很多手把手系列教學,自己也來寫一篇吧。 前言. 這篇文章是寫給:. 沒有程式語言基礎; 略懂一點HTML和CSS; 沒碰過Github和任何靜態 ... Read More
Hugo教學筆記 | hugo blog教學
2020年12月27日 — 建立初始部落格. 創建新blog hugo new site 指定資料夾. 下載教學模版 https://github.com/giraffeacademy/ga-hugo-theme Read More
Hugo教學:部落格網站 | hugo blog教學
2019年5月20日 — Hugo教學:部落格網站. 什麼是Hugo?是一個用Go 語言編寫的靜態站點生成器,使用Hugo與Git來建立個人部落格。 以下分為兩部分介紹:本地建立檔案、部署 ... Read More
Hugo架站紀錄#1:使用Hugo讓自己的網站變乾淨整齊 | hugo blog教學
【懶人包】使用Hugo 5 分鐘內快速架設個人網站 | hugo blog教學
2021年11月24日 — 本篇文章分享使用Github pages + Hugo 快速架站的方式,熟練的話5 分鐘就可以將網站建立起來。 Read More
使用hugo 來建立部落格 | hugo blog教學
2021年1月8日 — hugo 是golang 寫的一個部落格框架,支援markdown 語法,透過生成靜態網頁, ... 現在就來教學如何建立一個Hugo 的部落格安裝Installation Step 1: ... Read More
使用Hugo 建立一個Blog | hugo blog教學
2020年7月14日 — Hugo 是一個快速強大的靜態網頁框架,由Go 語言所寫成的。 本篇教學參考官方的教學。 雖然我打算以後都用CoderBridge 來寫部落格,不過 為了湊文章數 ... Read More
使用Hugo+Github Pages建置Blog | hugo blog教學
2018年1月28日 — 無意中發現了還可以利用Hugo在Github Pages上建置Blog,比起Hexo簡單不 ... 在網上找到教學; Sublime Text 3:用來打文章跟做一些設定相當方便的軟體. Read More
如何使用Hugo 建立一個靜態網站 | hugo blog教學
2020年5月21日 — 安裝Hugo. 我的系統環境是Windows 10 x64,其他平台可以參考官方教學. 前往Hugo 的GitHub Releases,下載最新版本的Windows-64bit.zip. Read More
用Hugo 在GitHub 上架部落格 | hugo blog教學
2021年5月13日 — 跟著該主題在download 裡的教學下載。這裡以我選的主題meme 為例。 ~ $ cd blog // 剛剛hugo 幫你用blog name 創建的資料夾~/blog $ git init ~/blog ... Read More
訂房住宿優惠推薦
NT$3870