Introduce
[9]iTheme - 一個(gè)果味十足的Hugo主題
an introduce for iTheme
Introduce
Demo
如果喜歡這個(gè)主題, 請給我點(diǎn)贊!
介紹
一個(gè)蘋果味十足的Hugo主題,移植自astro-air-blog
預(yù)覽
快速開始
在開始之前,請先安裝好Hugo。
使用測試站點(diǎn)快速開始
git clone https://github.com/floyd-li/itheme-demo-site.git my-site
cd ./my-site && hugo -server -D
然后,就可以訪問http://localhost:1313
查看效果啦~
作為一個(gè)已有項(xiàng)目的主題
git submodule add https://github.com/floyd-li/hugo-theme-itheme.git themes/hugo-theme-itheme
echo "theme = 'hugo-theme-itheme'" >> config.toml
可能需要在config.toml
文件中添加一些配置,請參考后文的站點(diǎn)配置
截屏
特性
- 支持文章
明``暗
兩種風(fēng)格 - 文中配置支持三種不同的大小
- 多語言支持(當(dāng)前僅支持了中文和英文,歡迎提交其他語言的翻譯)
配置
站點(diǎn)配置
defaultContentLanguage = "en" # 默認(rèn)語言,當(dāng)前僅支持英文(en)和簡體中文(zh-hans),可以查看'i18n'文件夾
[params]
defaultCover = 'https://example.com/cover.jpg' # 文章未設(shè)置封面時(shí)的默認(rèn)封面圖
email = 'floyd.li@outlook.com' # 頁腳顯示的郵件地址the email address display in the footer
[[params.socialMedia]] # 頁腳顯示的自定義的媒體鏈接,可添加多個(gè)
name = 'Github'
url = 'https://github.com/floyd-li'
[[params.socialMedia]]
name = 'Twitter'
url = 'https://twitter.com/some-one'
[[params.blogroll]] # 頁腳顯示的自定義的友情鏈接,可添加多個(gè)
name = 'Apple'
url = 'https://Apple.com/'
[[params.blogroll]]
name = 'Google'
url = 'https://Google.com/'
文章設(shè)置
---
title: 'Some Article'
date: '2022-10-27T13:06:38+08:00'
draft: true
description: 'some description of the article'
author: 'author of this article'
cover: 'https://example.com/cover.jpg' // 封面圖,如果這里沒有配置,將會使用站點(diǎn)配置中的defaultCover
tags: ["tag1", "tag2", "tag3"]
theme: "dark" // 設(shè)置文章的明暗主題(light/dark)
---
三種圖片顯示模式
三種圖片顯示模式分別為inline(中杯)
,big(大杯)
,wide(特大杯)
,具體效果可參見演示站點(diǎn)頁面
在編輯Markdown
文件時(shí),可以在插入配圖的alt屬性上加上inline
, big
或wide
即可。
![alt 這是一個(gè)特大杯|wide](a.png)
分隔符是英文字符|
,如果未設(shè)置則默認(rèn)顯示大杯big
。