最近在學習go語言時候無意發現那位作者李文周的blog網站是hugo實現的,抱着試一試的態度,就研究了一下午,現在記錄一下權當今天的分享內容
hugo介紹
hugo是go語言寫的一款靜態文件生成器,服務端形式,操作方法類似與git,是在本地環境變量裏存在的一段代碼,並沒有自己的界面,要結合vscode或者atom或者sublime來實現自己搭建IDE,當然你可以直接用終端玩,只是沒那麼方便.
安裝
linux下安裝
1可以用apt-get install hugo 這樣可能沒有更新到當前版本
2 就是下載[deb安裝包],用本身的軟件安裝器執行,然後用hugo version驗證一下就可以了(當前版本是0.65 )
驗證界面:
快速成型
- 在某個文件夾下執行命令:
hugo new site XXXXXX
然後會在當前文件夾下生成一系列文件rt:
我的項目名稱是kus
- 然後在終端(有那個config.taml的地方)執行:
hugo new xxxx.md
會在content文件夾下生成xxxx.md文件,這個是內容文件,裏面就是寫博客的地方,格式和一般的markdown格式類似,markdown語法請自行學習,當然這個工具個其他文件夾也有用,比如 archetypes 文件夾,就是通過參數化寫好固定格式後生成文件名稱也是 mm.md,在content下如果以mm爲文件名時,就會跟隨這個格式生成內容,具體請自行研究,總之不是生寫的放心.
- 添加主題
既然是網站,當然不是一片白啦,取hugo官網有300多種網站模板,隨意下載一個(下載方式有git也有zip包下載),下載好後放在項目下的那個themes文件夾下
然後在config.toml裏添加 theme = “maupassant-hugo-master” 我的主題用的這個
![在這裏插入圖片描述]()
- 本地測試
在終端(還是有config的地方)執行
hugo server -D
就跑起了一個web服務,在本地的1313端口可以查看效果:
展示圖:
當然,裏面的那些固定文字和分級的目錄也是可以改的,具體樣式在md文件裏修改,就是----和----- 之間的文字還有一些格式化的文件裏,請移步視頻網站搜索教程.
- 發佈網站
首先是在終端執行:
hugo -D
會在public文件夾下打包好所有靜態資源 如圖
這些東西就是可以拿去在py或者java寫的網web服務器上發佈的.
當然個人覺得也可以在物理服務器上安裝hugo,然後通過nginx綁定ip和本地1313端口應該也行.(待驗證)
其實hugo本身就是一個服務器,不用nginx代理就可以,只要運行網站,到80端口,就可以訪問了.
另外需要指定的參數等
hugo server --port=80
------------------------我是分割線------------------------
2020-3-14
上面的內容是看了下簡介一天內寫出的,最近想在服務器上搭建博客,發現坑還是挺多的:
總結如下:
主要是主題部分:
主題下載好後,會有示例文件:
要特別看下示例配置config裏的配置說明,因爲一些相關內容會在這裏關聯,比如你的模塊,別人的模塊,圖片等有沒有出入.
其次,要將主題下的這兩個文件夾覆蓋到你項目的相同目錄,因爲這裏是一些靜態文件和模板文件,佈局文件等,你沒有複製的話,就相當於很多你的自定義內容用不上他的主題:
再次,有的主題有favicon.ico 有的沒有支持,如果你有想自己的ico的話,一可以找一款本身支持ico的主題,另外可以修該下主題的模板(這個我沒用),加入已經支持了的話,你可以將自己的ioc命名成favicon.ico並放到主項目下的static/img下,就可以了,不確定有沒有支持,可以去layout下的headers.html下查看有沒有favicon.ico的相關語法.
然後就可以本地測試一下完整了沒,如果完整,就可以編譯了,然後上傳到服務器.
ps:有的主題引用外部js會有點慢,所以更新後訪問可能需要首次加載一段時間.但是不要急.
(預告:每次ftp傳文件更新太原始了,之後我會抽空託管到git網站,用git更新,或者更便捷點用githook或者jenkis來自動名更新,期待…)
EOF