Hugo Theme Luna

短代码（Shortcodes）

Ice-Hazymoon@example.com(Ice-Hazymoon) — Mon, 02 May 2022 13:12:47 +0200

Abbr

1

{{< abbr "AWSL" "啊我死了" >}}

AWSL

彩色文字

1
2
3
4
5
6


{{< color "red" "红色" >}}
{{< color "green" "绿色" >}}
{{< color "blue" "蓝色" >}}
{{< color "orange" "橙色" >}}
{{< color "theme" "主题色" >}}
{{< color "#a811ff" "自定义颜色" >}}

红色
绿色
蓝色
橙色
主题色
自定义颜色

按钮

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15


{{< button content="小按钮" size="small" >}}
{{< button content="普通按钮" size="normal" >}}
{{< button content="大按钮" size="large" >}}

{{< button color="theme" icon="eva eva-heart" content="主题色按钮" link="https://google.com" >}}
{{< button color="red" icon="eva eva-home" content="红色按钮" link="https://google.com" >}}
{{< button color="green" icon="eva eva-twitter" content="绿色按钮" link="https://google.com" >}}
{{< button color="blue" icon="eva eva-github" content="蓝色按钮" link="https://google.com" >}}
{{< button color="orange" icon="eva eva-search" content="橙色按钮" link="https://google.com" >}}

{{< button-outline color="theme" icon="eva eva-heart" content="主题色按钮" link="https://google.com" >}}
{{< button-outline color="red" icon="eva eva-home" content="红色按钮" link="https://google.com" >}}
{{< button-outline color="green" icon="eva eva-twitter" content="绿色按钮" link="https://google.com" >}}
{{< button-outline color="blue" icon="eva eva-github" content="蓝色按钮" link="https://google.com" >}}
{{< button-outline color="orange" icon="eva eva-search" content="橙色按钮" link="https://google.com" >}}

小按钮

普通按钮

大按钮

主题色按钮红色按钮绿色按钮蓝色按钮橙色按钮

文字排版

1
2
3
4
5


{{< align left "文字居左" >}}

{{< align center "文字居中" >}}

{{< align right "文字居右" >}}

文字居左

文字居中

文字居右

GitHub

1

{{< github name="tailwindlabs/tailwindcss" link="https://github.com/tailwindlabs/tailwindcss" description="A utility-first CSS framework for rapid UI development." color="#f1e05a" language="JavaScript" >}}

tailwindlabs/tailwindcss

A utility-first CSS framework for rapid UI development.

JavaScript

GitHub 自动获取

1

{{< github-auto name="Ice-Hazymoon/hugo-theme-luna" >}}

Ice-Hazymoon/hugo-theme-luna

A simple, performance-first, SEO-friendly Hugo theme / 一个轻量，快速，SEO 友好的 Hugo 主题

JavaScript

294

Notice

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15


{{< notice warn >}}
十里青山远，潮平路带沙。数声啼鸟怨年华。又是凄凉时候，在天涯。白露收残月，清风散晓霞。绿杨堤畔问荷花。记得年时沽酒，那人家。
{{< /notice >}}

{{< notice error >}}
十里青山远，潮平路带沙。数声啼鸟怨年华。又是凄凉时候，在天涯。白露收残月，清风散晓霞。绿杨堤畔问荷花。记得年时沽酒，那人家。
{{< /notice >}}

{{< notice info >}}
十里青山远，潮平路带沙。数声啼鸟怨年华。又是凄凉时候，在天涯。白露收残月，清风散晓霞。绿杨堤畔问荷花。记得年时沽酒，那人家。
{{< /notice >}}

{{< notice success >}}
十里青山远，潮平路带沙。数声啼鸟怨年华。又是凄凉时候，在天涯。白露收残月，清风散晓霞。绿杨堤畔问荷花。记得年时沽酒，那人家。
{{< /notice >}}

十里青山远，潮平路带沙。数声啼鸟怨年华。又是凄凉时候，在天涯。白露收残月，清风散晓霞。绿杨堤畔问荷花。记得年时沽酒，那人家。

引用

1
2
3


{{< quote >}}
十里青山远，潮平路带沙。数声啼鸟怨年华。又是凄凉时候，在天涯。白露收残月，清风散晓霞。绿杨堤畔问荷花。记得年时沽酒，那人家。
{{< /quote >}}

十里青山远，潮平路带沙。数声啼鸟怨年华。又是凄凉时候，在天涯。白露收残月，清风散晓霞。绿杨堤畔问荷花。记得年时沽酒，那人家。

居中引用

1
2
3
4
5
6
7
8


{{< quote-center >}}
十里青山远，潮平路带沙
数声啼鸟怨年华
又是凄凉时候，在天涯
白露收残月，清风散晓霞
绿杨堤畔问荷花
记得年时沽酒，那人家
{{< /quote-center >}}

十里青山远，潮平路带沙
数声啼鸟怨年华
又是凄凉时候，在天涯
白露收残月，清风散晓霞
绿杨堤畔问荷花
记得年时沽酒，那人家

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11


这是一个 {{< tag theme "主题色标签" >}}
这是一个 {{< tag red "红色标签" >}}
这是一个 {{< tag green "绿色标签" >}}
这是一个 {{< tag blue "蓝色标签" >}}
这是一个 {{< tag orange "橘色标签" >}}

这是一个 {{< tag-outlined theme "主题色标签" >}}
这是一个 {{< tag-outlined red "红色标签" >}}
这是一个 {{< tag-outlined green "绿色标签" >}}
这是一个 {{< tag-outlined blue "蓝色标签" >}}
这是一个 {{< tag-outlined orange "橘色标签" >}}

这是一个主题色标签
这是一个红色标签
这是一个绿色标签
这是一个蓝色标签
这是一个橘色标签

进度条

1
2
3
4
5


{{< progress 999.99 theme "进度条名称" >}}
{{< progress 80 green "进度条名称" >}}
{{< progress 77.54 red "进度条名称" >}}
{{< progress 123.45 blue "进度条名称" >}}
{{< progress 11.11 orange "进度条名称" >}}

进度条名称

999.99%

进度条名称

80%

进度条名称

77.54%

进度条名称

123.45%

进度条名称

11.11%

折叠面板

1
2
3
4
5


{{< accordion "折叠面板" open >}}
* Vegetables
* Fruits
* Fish
{{< /accordion >}}

折叠面板

Vegetables
Fruits
Fish

分割线

1

{{< hr "分割线" >}}

分割线

隐藏文字

1
2
3


这是一段 {{< hidden-text "隐藏文字" blur >}}

这是一段 {{< hidden-text "隐藏文字" >}}

这是一段隐藏文字

1
2
3
4
5
6
7
8
9


{{< hidden blur >}}
> 这是一个隐藏块
{{< /hidden >}}

{{< hidden >}}
* Vegetables
* Fruits
* Fish
{{< /hidden >}}

这是一个隐藏块

Vegetables
Fruits
Fish

评分

1

我对海鲜饭的评价 {{< rating 10 6>}}

我对海鲜饭的评价

卡片链接

1
2
3


{{< link-card name="hugo-theme-luna" desc="A simple, performance-first, SEO-friendly Hugo theme" link="https://github.com/Ice-Hazymoon/hugo-theme-luna" img="https://repository-images.githubusercontent.com/486781027/dc31a9ab-66d1-49b8-a225-4f85f2329f2e" >}}

{{< link-card name="hugo-theme-luna" desc="A simple, performance-first, SEO-friendly Hugo theme" link="https://github.com/Ice-Hazymoon/hugo-theme-luna" >}}

hugo-theme-luna

A simple, performance-first, SEO-friendly Hugo theme

https://github.com/Ice-Hazymoon/hugo-theme-luna

hugo-theme-luna

A simple, performance-first, SEO-friendly Hugo theme

https://github.com/Ice-Hazymoon/hugo-theme-luna

轮播图

1
2
3


{{< carousel "https://unsplash.it/1920/1080/?random=1" "https://unsplash.it/1920/1080/?random=2" "https://unsplash.it/1920/1080/?random=3" "https://unsplash.it/1920/1080/?random=4" >}}

{{< carousel "4.jpg" "7.jpg" "9.jpg" >}}

时间轴

1

{{< timeline "2018年01月01日 今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面" "2018年01月02日 今天吃火锅" "2018年01月03日 今天吃麻辣烫" >}}

2018年01月01日今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面今天吃泡面

2018年01月02日今天吃火锅

2018年01月03日今天吃麻辣烫

画廊排版

1
2
3
4
5
6
7
8
9


{{< gallery >}}
![](1.jpg)
![](2.jpg)
![](3.jpg)

![](2.jpg)
![](3.jpg)
![](1.jpg)
{{< /gallery >}}

选项卡

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15


{{< tab-view >}}

{{< tab-panel name="中文" checked=true >}}
百合花（学名：Lilium）通称百合花，是百合目百合科的一属，为多年生草本球根植物，属内物种繁多，经常作为观赏植物。主要分布在亚洲东部、欧洲、北美洲等北半球温带地区，全球已发现有至少96个品种，其中5种产于台湾。近年更有不少经过人工杂交而产生的新品种，如OT百合、东方型百合、玫瑰百合等。百合属对猫来说有剧毒。
{{< /tab-panel >}}

{{< tab-panel name="English" >}}
Lilium is a genus of herbaceous flowering plants growing from bulbs, all with large prominent flowers. They are the true lilies. Lilies are a group of flowering plants which are important in culture and literature in much of the world. Most species are native to the northern hemisphere and their range is temperate climates and extends into the subtropics. Many other plants have "lily" in their common names, but do not belong to the same genus and are therefore not true lilies.
{{< /tab-panel >}}

{{< tab-panel name="Español" >}}
Las especies de Lilium, comúnmente llamadas azucenas o lirios, constituyen un género con alrededor de 110 integrantes que se incluye dentro de la familia de las liliáceas. Los lirios son herbáceas perennes de tallos erectos con numerosas hojas alternas, lineares a lance balas. Crecen a partir de bulbos formados por capas de escamas carnosas sin túnica.
{{< /tab-panel >}}

{{< /tab-view >}}

中文 English Español

画廊（春）

Ice-Hazymoon@example.com(Ice-Hazymoon) — Fri, 15 Apr 2022 02:49:13 +0200

Grid 布局

春，甘美之春，一年之中的尧舜，

中文排版测试

Ice-Hazymoon@example.com(Ice-Hazymoon) — Fri, 15 Apr 2022 02:49:13 +0200

中文文章排版实例：论语学而篇第一

作者： 孔子（前551年9月28日－前479年4月11日）

本篇引语

《学而》是《论语》第一篇的篇名。 《论语》 中各篇一般都是以第一章的前二三个字作为该~~篇的篇名~~。《学而》一篇包括16章，内容涉及诸多方面。其中重点是「吾日三省吾身」；「节用而爱人，使民以时」；「礼之用，和为贵」以及仁、孝、信等道德范畴。

原文

子曰：「学而时习之，不亦说乎？有朋自远方来，不亦乐乎？人不知，而不愠，不亦君子乎？」

译文

孔子说：「学了又时常温习和练习，不是很愉快吗？有志同道合的人从远方来，inline code 不是很令人高兴的吗？人家不了解我，我也不怨恨、恼怒，不也是一个有德的君子吗？」

评析

宋代著名学者朱熹对此章评价极高，说它是 「入道之门，积德之基」 。本章这三句话是人们非常熟悉的。历来的解释都是：学了以后，又时常温习和练习，不也高兴吗等等。三句话，一句一个意思，前后句子也没有什么连贯性。但也有人认为这样解释不符合原义，指出这里的「学」不是指学习，而是指学说或主张；~~「时」不能解为时常，而是时代或社会的意思~~，「习」不是温习，而是使用，引申为采用。而且，这三句话不是孤立的，而是前后相互连贯的。这三句的意思是：自己的学说，要是被社会采用了，那就太高兴了；退一步说，要是没有被社会所采用，可是很多朋友赞同我的学说，纷纷到我这里来讨论问题，我也感到快乐；再退一步说，即使社会不采用，人们也不理解我，我也不怨恨，这样做，不也就是君子吗？（见《齐鲁学刊》 1986年第6期文）这种解释可以自圆其说，而且也有一定的道理，供读者在理解本章内容时参考。

此外，在对「人不知，而不愠」一句的解释中，也有人认为，「人不知」的后面没有宾语，人家不知道什么呢？当时因为孔子有说话的特定环境，他不需要说出知道什么，别人就可以理解了，却给后人留下一个谜。有人说，这一句是接上一句说的，从远方来的朋友向我求教，我告诉他，他还不懂，我却不怨恨。这样，「人不知」就是「人家不知道我所讲述的」了。这样的解释似乎有些牵强。

总之，本章提出以学习为乐事，做到人不知而不愠，反映出孔子学而不厌、诲人不倦、注重修养、严格要求自己的主张。这些思想主张在《论语》书中多处可见，有助于对第一章内容的深入了解。

表格

Wrestler	Origin	Finisher
Bret “The Hitman” Hart	Calgary, AB	Sharpshooter
Stone Cold Steve Austin	Austin, TX	Stone Cold Stunner
Randy Savage	Sarasota, FL	Elbow Drop
Vader	Boulder, CO	Vader Bomb
Razor Ramon	Chuluota, FL	Razor’s Edge

代码块

199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218


// GetTitleFunc returns a func that can be used to transform a string to
// title case.
//
// The supported styles are
//
// - "Go" (strings.Title)
// - "AP" (see https://www.apstylebook.com/)
// - "Chicago" (see https://www.chicagomanualofstyle.org/home.html)
//
// If an unknown or empty style is provided, AP style is what you get.
func GetTitleFunc(style string) func(s string) string {
 switch strings.ToLower(style) {
 case "go":
 return strings.Title
 case "chicago":
 return transform.NewTitleConverter(transform.ChicagoStyle)
 default:
 return transform.NewTitleConverter(transform.APStyle)
 }
}

列表

Nested lists are rarely a good idea.
- You might feel like you are being really “organized” or something but you are just creating a gross shape on the screen that is hard to read.
- Nested navigation in UIs is a bad idea too, keep things as flat as possible.
- Nesting tons of folders in your source code is also not helpful.
Since we need to have more items, here’s another one.
- I’m not sure if we’ll bother styling more than two levels deep.
- Two is already too much, three is guaranteed to be a bad idea.
- If you nest four levels deep you belong in prison.
Two items isn’t really a list, three is good though.
- Again please don’t nest lists if you want people to actually read your content.
- Nobody wants to look at this.
- I’m upset that we even have to bother styling this.

If you wish to succeed, you should use persistence as your good friend, experience as your reference, prudence as your brother and hope as your sentry.
如果你希望成功，当以恒心为良友，以经验为参谋，以谨慎为兄弟，以希望为哨兵。
Sometimes one pays most for the things one gets for nothing.
有时候一个人为不花钱得到的东西付出的代价最高。
Only those who have the patience to do simple things perfectly ever acquire the skill to do difficult things easily.
只有有耐心圆满完成简单工作的人，才能够轻而易举的完成困难的事。

引用

　　我想：我同赵贵翁有什么仇，同路上的人又有什么仇；只有廿年以前，把古久先生的陈年流水簿子⑶，踹了一脚，古久先生很不高兴。赵贵翁虽然不认识他，一定也听到风声，代抱不平；约定路上的人，同我作冤对。但是小孩子呢？那时候，他们还没有出世，何以今天也睁着怪眼睛，似乎怕我，似乎想害我。这真教我怕，教我纳罕而且伤心。

套娃引用

呐喊

题作呐喊，就是为革命者助战振威。呐喊中的小说，以振聋发聩的气势，揭示了中国的社会面貌，控诉了封建制度的罪恶，喊出了五四时期革命者的心声。

我不见他，已是三十多年；今天见了，精神分外爽快。才知道以前的三十多年，全是发昏；然而须十分小心。不然，那赵家的狗，何以看我两眼呢？ —— 鲁迅

使劲套娃

数学公式

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12


这是一条行内公式：$ E={\sqrt {p^{2}c^{2}+m^{2}c^{4}}}=\gamma mc^{2} $

$ E={\sqrt {p^{2}c^{2}+m^{2}c^{4}}}=\gamma mc^{2} $

$$ E_{0}=mc^{2} $$

\\[3 < 4\\]

\begin{align}
 p(v_i=1|\mathbf{h}) & = \sigma\left(\sum_j w_{ij}h_j + b_i\right) \\
 p(h_j=1|\mathbf{v}) & = \sigma\left(\sum_i w_{ij}v_i + c_j\right)
\end{align}

这是一条行内公式：$ E={\sqrt {p^{2}c^{2}+m^{2}c^{4}}}=\gamma mc^{2} $

$$ E_{0}=mc^{2} $$

\[3 < 4\]

\begin{align} \nonumber p(v_i=1|\mathbf{h}) & = \sigma\left(\sum_j w_{ij}h_j + b_i\right) \ p(h_j=1|\mathbf{v}) & = \sigma\left(\sum_i w_{ij}v_i + c_j\right) \end{align}

加密文章测试

Ice-Hazymoon@example.com(Ice-Hazymoon) — Sat, 09 Apr 2022 02:49:13 +0200

加密文章测试

密码：2022

1
2
3


{{% hugo-encrypt 2022 %}}
![加密图片测试](https://unsplash.it/1920/1080/?random=1)
{{% /hugo-encrypt %}}

此处包含密码保护内容

多块测试

默认密码：123456

1

{{%hugo-encrypt %}}`这里是第二段密文`{{%/hugo-encrypt %}}

此处包含密码保护内容

小尾巴~

Ice-Hazymoon@example.com(Ice-Hazymoon) — Sat, 16 Feb 2019 07:01:32 +0000

Hugo 主题 Luna 已发布，欢迎使用！