Introduce
March 25, 2022
iTheme - 一个果味十足的Hugo主题
an introduce for iTheme
如果喜欢这个主题, 请给我点赞!
介绍
一个苹果味十足的Hugo主题,移植自astro-air-blog
预览
快速开始
在开始之前,请先安装好Hugo。
使用测试站点快速开始
这是测试站点的仓库
git clone https://github.com/floyd-li/itheme-demo-site.git my-site
cd ./my-site && hugo -server -D
然后,就可以访问http://localhost:1313
查看效果啦~
作为一个已有项目的主题
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
文件中添加一些配置,请参考后文的站点配置
截屏
特性
- 支持文章
明``暗
两种风格 - 文中配置支持三种不同的大小
- 多语言支持(当前仅支持了中文和英文,欢迎提交其他语言的翻译)
配置
站点配置
defaultContentLanguage = "en" # 默认语言,当前仅支持英文(en)和简体中文(zh-hans),可以查看'i18n'文件夹
[params]
defaultCover = 'https://example.com/cover.jpg' # 文章未设置封面时的默认封面图
email = '[email protected]' # 页脚显示的邮件地址the email address display in the footer
[[params.socialMedia]] # 页脚显示的自定义的媒体链接,可添加多个
name = 'Github'
url = 'https://github.com/floyd-li'
[[params.socialMedia]]
name = 'Twitter'
url = 'https://twitter.com/some-one'
[[params.blogroll]] # 页脚显示的自定义的友情链接,可添加多个
name = 'Apple'
url = 'https://Apple.com/'
[[params.blogroll]]
name = 'Google'
url = 'https://Google.com/'
文章设置
---
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' // 封面图,如果这里没有配置,将会使用站点配置中的defaultCover
tags: ["tag1", "tag2", "tag3"]
theme: "dark" // 设置文章的明暗主题(light/dark)
---
三种图片显示模式
三种图片显示模式分别为inline(中杯)
,big(大杯)
,wide(特大杯)
,具体效果可参见演示站点页面
在编辑Markdown
文件时,可以在插入配图的alt属性上加上inline
, big
或wide
即可。
![alt 这是一个特大杯|wide](a.png)
分隔符是英文字符|
,如果未设置则默认显示大杯big
。
Copyright: Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)
Author: Floyd Li
Posted on: March 25, 2022