本文首發(fā)于支持Hugo短文發(fā)布的主題——Moments | 磚瓦匠杜重
轉(zhuǎn)載需注明出處板祝。
發(fā)現(xiàn)Hugo主題主要都是關(guān)于博客的叁丧，沒有發(fā)現(xiàn)有支持類似朋友圈坡锡、微博之類短文發(fā)布的主題，我自己就動(dòng)手寫了一個(gè)實(shí)現(xiàn)短文平臺(tái)功能的Hugo主題，在這里做一個(gè)簡(jiǎn)單的宣傳只怎。
Demo地址：Moments Demo
Moments是一款Hugo主題，用于短文發(fā)布，它為你提供了一個(gè)兼具社交性與私密性的記錄分享空間公罕。
它可以是你的朋友圈，并利用RSS把你的moment推送給那些你想告訴的人耀销；
它可以是你的私人手帳楼眷，將你的moment打印出來放進(jìn)日記本的夾層里面；
它也可以是你的社交賬號(hào)熊尉，附在博客旁罐柳，貼上那些短小精干的moment；
它還可以是你們的團(tuán)隊(duì)平臺(tái)狰住，和朋友张吉、隊(duì)友們一起創(chuàng)建屬于你們的moments。
Screenshot
demo
快速入門
安裝
$ hugo new site my_moments_name
$ cd my_moments_name
$ git clone https://github.com/FarseaSH/hugo-theme-moments themes/moments
配置
將以下設(shè)置覆蓋到config.toml文件中
baseURL = "https://farseash.github.io/demo-hugo-theme-moments/"
languageCode = "zh-Hans"
theme = "moments"
paginate = 10
paginatePath = '.'
[params]
title = "Moments Demo"
signature = "人生如逆旅催植，我亦是行人肮蛹。"
cover = "https://cdn.pixabay.com/photo/2018/03/13/22/53/puzzle-3223941_1280.jpg"
name = "Default User"
avatar = "/img/default_avatar.png"
創(chuàng)建新的Moment
hugo new moments/your_moments_name.md
再進(jìn)入content/moments文件夾打開相應(yīng)的markdown文件進(jìn)行編輯。
將自己的Moments發(fā)布到網(wǎng)上
請(qǐng)參考Hugo文檔deploy部分Hugo Deploy | Hugo
更多的設(shè)置
修改配置文件 config.toml
修改對(duì)應(yīng)配置文件config.toml中的參數(shù)创南，以滿足你的要求伦忠。對(duì)于下面沒有提及的參數(shù)，請(qǐng)不要修改稿辙。
-
baseURL: 你所部署發(fā)布的網(wǎng)站地址昆码。如果你的主頁(yè)url是在域名子路徑下（如 http://site.com/subpath/），請(qǐng)務(wù)必設(shè)定此項(xiàng)邻储。 -
paginate: 單一頁(yè)面上赋咽，顯示的Moment的數(shù)量 -
title: 頁(yè)面頂端的標(biāo)題 -
signature: 頁(yè)面頂端的簽名 -
cover: 頁(yè)面頂端的封面圖 -
name: Moment默認(rèn)發(fā)布人 -
avatar: Moment默認(rèn)發(fā)布人的頭像
各種類型Moment的模板
純文字
純文字樣例
---
# 名稱
name:
avatar:
# 發(fā)布時(shí)間
date: 2021-08-01T11:33:28+08:00
# 給Moment添加標(biāo)簽
tags:
- default
-
# 附加信息類型1:單個(gè)圖片
pic:
# 備注信息
note: 這是純文字的moment
---
當(dāng)然，你也可以什么都不附帶吨娜，只發(fā)送純文字moment脓匿。
單一圖片
單一圖片樣例
---
# 名稱
name: 福斯特
avatar: https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fn.sinaimg.cn%2Fsinacn17%2F0%2Fw400h400%2F20181111%2F89f9-hnstwwq6307162.jpg&refer=http%3A%2F%2Fn.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1630729931&t=e8c4135ba966d5fbfd5d30adf96551c0
# 發(fā)布時(shí)間
date: 2021-08-04T23:57:46+08:00
# 給Moment添加標(biāo)簽
tags:
- 圖片
- 最新moment
# 附加信息類型1:單個(gè)圖片
pic: https://cdn.pixabay.com/photo/2016/03/09/11/57/grand-canyon-1246248_1280.jpg
# 備注信息
note: 這是加入圖片的moment
---
你可以為每條moment附帶圖片。
比如說萌壳，好看的風(fēng)景：
圖片集
圖片集樣例
---
# 名稱
name: 賽肯德
avatar: https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg11.360buyimg.com%2Fn1%2Fjfs%2Ft22180%2F273%2F1048905858%2F16927%2Fc863f2d8%2F5b1ee306Nc3fa41e8.jpg&refer=http%3A%2F%2Fimg11.360buyimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1630730078&t=818b15beaf41cabfa800ddea79f89445
# 發(fā)布時(shí)間
date: 2021-08-04T11:57:49+08:00
# 給Moment添加標(biāo)簽
tags:
- 圖片集
- 美食
# 附加信息類型2:圖片組
pic_set:
- https://p8.itc.cn/images01/20210119/628400a0528c4dc696efdac8749b176d.jpeg
- https://img.uooyoo.com/img2017/5/9/2017050941664829.jpg
- https://cdn.pixabay.com/photo/2016/10/13/11/44/chocolates-1737503_1280.jpg
- https://cdn.pixabay.com/photo/2016/01/11/07/18/cupcakes-1133146_1280.jpg
# 備注信息
note: 這是附帶圖片集的moment
---
你也可以為每條moment附帶更多的圖片亦镶，做成圖片集日月。
比如最近打卡的美食們：
網(wǎng)頁(yè)鏈接
網(wǎng)頁(yè)鏈接樣例
---
# 名稱
name: 瑟德
avatar: https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimage.biaobaiju.com%2Fuploads%2F20190822%2F14%2F1566456820-UokjFbWpuN.jpg&refer=http%3A%2F%2Fimage.biaobaiju.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1630729842&t=560fc243f983753c1f4541a1d9c0d365
# 發(fā)布時(shí)間
date: 2021-08-03T11:57:40+08:00
# 給Moment添加標(biāo)簽
tags:
- 鏈接
- Github
- 不知道貼什么標(biāo)簽
# 附加信息類型3:鏈接
link: https://www.github.com
link_logo:
link_text: GitHub - Where the world builds software · GitHub
# 備注信息
note: 這是加入鏈接的Moment
---
你也可以像這樣附帶網(wǎng)絡(luò)鏈接。
GitHub是通過Git進(jìn)行版本控制的軟件源代碼托管服務(wù)平臺(tái)缤骨，由GitHub公司（曾稱Logical Awesome）的開發(fā)者Chris Wanstrath爱咬、P. J. Hyett和湯姆·普雷斯頓·沃納使用Ruby on Rails編寫而成。（引用自Wikipedia）
未來功能開發(fā)
- RSS訂閱
- Moments打印功能
- 自動(dòng)生成網(wǎng)頁(yè)鏈接logo
