+
+h2 Heading
+h3 Heading
+h4 Heading
+h5 Heading
+h6 Heading
+``` + +{{< admonition note "Heading IDs" >}} +To add a custom heading ID, enclose the custom ID in curly braces on the same line as the heading: + +```markdown +### A Great Heading {#custom-id} +``` + +The HTML looks like this: + +```html +A Great Heading
+``` +{{< /admonition >}} + +## 2 Comments + +Comments should be HTML compatible. + +```html + +``` + +Comment below should **NOT** be seen: + + + +## 3 Horizontal Rules + +The HTML `` element is for creating a "thematic break" between paragraph-level elements. +In Markdown, you can create a `
` with any of the following: + +* `___`: three consecutive underscores +* `---`: three consecutive dashes +* `***`: three consecutive asterisks + +The rendered output looks like this: + +___ +--- +*** + +## 4 Body Copy + +Body copy written as normal, plain text will be wrapped with `` tags in the rendered HTML. + +So this body copy: + +```markdown +Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, +animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, +soluta officiis concludaturque ei qui, vide sensibus vim ad. +``` + +The HTML looks like this: + +```html +
Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.
+``` + +A **line break** can be done with one blank line. + +## 5 Inline HTML + +If you need a certain HTML tag (with a class) you can simply use HTML: + +```html +Paragraph in Markdown. + +
+ This is HTML
+
+
+Paragraph in Markdown.
+```
+
+## 6 Emphasis
+
+### Bold
+
+For emphasizing a snippet of text with a heavier font-weight.
+
+The following snippet of text is **rendered as bold text**.
+
+```markdown
+**rendered as bold text**
+__rendered as bold text__
+```
+
+The HTML looks like this:
+
+```html
+rendered as bold text
+```
+
+### Italics
+
+For emphasizing a snippet of text with italics.
+
+The following snippet of text is _rendered as italicized text_.
+
+```markdown
+*rendered as italicized text*
+_rendered as italicized text_
+```
+
+The HTML looks like this:
+
+```html
+rendered as italicized text
+```
+
+### Strikethrough
+
+In [[GFM]^(GitHub flavored Markdown)](https://github.github.com/gfm/) you can do strikethroughs.
+
+```markdown
+~~Strike through this text.~~
+```
+
+The rendered output looks like this:
+
+~~Strike through this text.~~
+
+The HTML looks like this:
+
+```html
+++``` + +Blockquotes can also be nested: + +```markdown +> Donec massa lacus, ultricies a ullamcorper in, fermentum sed augue. +Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi. +>> Sed adipiscing elit vitae augue consectetur a gravida nunc vehicula. Donec auctor +odio non est accumsan facilisis. Aliquam id turpis in dolor tincidunt mollis ac eu diam. +``` + +The rendered output looks like this: + +> Donec massa lacus, ultricies a ullamcorper in, fermentum sed augue. +Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi. +>> Sed adipiscing elit vitae augue consectetur a gravida nunc vehicula. Donec auctor +odio non est accumsan facilisis. Aliquam id turpis in dolor tincidunt mollis ac eu diam. + +## 8 Lists + +### Unordered + +A list of items in which the order of the items does not explicitly matter. + +You may use any of the following symbols to denote bullets for each list item: + +```markdown +* valid bullet +- valid bullet ++ valid bullet +``` + +For example: + +```markdown +* Lorem ipsum dolor sit amet +* Consectetur adipiscing elit +* Integer molestie lorem at massa +* Facilisis in pretium nisl aliquet +* Nulla volutpat aliquam velit + * Phasellus iaculis neque + * Purus sodales ultricies + * Vestibulum laoreet porttitor sem + * Ac tristique libero volutpat at +* Faucibus porta lacus fringilla vel +* Aenean sit amet erat nunc +* Eget porttitor lorem +``` + +The rendered output looks like this: + +* Lorem ipsum dolor sit amet +* Consectetur adipiscing elit +* Integer molestie lorem at massa +* Facilisis in pretium nisl aliquet +* Nulla volutpat aliquam velit + * Phasellus iaculis neque + * Purus sodales ultricies + * Vestibulum laoreet porttitor sem + * Ac tristique libero volutpat at +* Faucibus porta lacus fringilla vel +* Aenean sit amet erat nunc +* Eget porttitor lorem + +The HTML looks like this: + +```html ++ Fusion Drive combines a hard drive with a flash storage (solid-state drive) and presents it as a single logical volume with the space of both drives combined. +
+
-
+
- Lorem ipsum dolor sit amet +
- Consectetur adipiscing elit +
- Integer molestie lorem at massa +
- Facilisis in pretium nisl aliquet +
- Nulla volutpat aliquam velit
+
-
+
- Phasellus iaculis neque +
- Purus sodales ultricies +
- Vestibulum laoreet porttitor sem +
- Ac tristique libero volutpat at +
+ - Faucibus porta lacus fringilla vel +
- Aenean sit amet erat nunc +
- Eget porttitor lorem +
-
+
- Lorem ipsum dolor sit amet +
- Consectetur adipiscing elit +
- Integer molestie lorem at massa +
- Facilisis in pretium nisl aliquet +
- Nulla volutpat aliquam velit +
- Faucibus porta lacus fringilla vel +
- Aenean sit amet erat nunc +
- Eget porttitor lorem +
`.
+
+```markdown
+In this example, `` should be wrapped as **code**.
+```
+
+The rendered output looks like this:
+
+In this example, `` should be wrapped as **code**.
+
+The HTML looks like this:
+
+```html
+
+ In this example, <section></section> should be wrapped with code.
+
+
+ // Some comments
+ line 1 of code
+ line 2 of code
+ line 3 of code
+
+
+```
+
+### Block Fenced Code
+
+Use "fences" ``` to block in multiple lines of code with a language attribute.
+
+{{< highlight markdown >}}
+```markdown
+Sample text here...
+```
+{{< / highlight >}}
+
+The HTML looks like this:
+
+```html
+
+ Sample text here...
+
+```
+
+### Syntax Highlighting
+
+[GFM]^(GitHub Flavored Markdown) also supports syntax highlighting.
+
+To activate it, simply add the file extension of the language you want to use directly after the first code "fence",
+```js, and syntax highlighting will automatically be applied in the rendered HTML.
+
+For example, to apply syntax highlighting to JavaScript code:
+
+{{< highlight markdown >}}
+```js
+grunt.initConfig({
+ assemble: {
+ options: {
+ assets: 'docs/assets',
+ data: 'src/data/*.{json,yml}',
+ helpers: 'src/custom-helpers.js',
+ partials: ['src/partials/**/*.{hbs,md}']
+ },
+ pages: {
+ options: {
+ layout: 'default.hbs'
+ },
+ files: {
+ './': ['src/templates/pages/index.hbs']
+ }
+ }
+ }
+};
+```
+{{< / highlight >}}
+
+The rendered output looks like this:
+
+```js
+grunt.initConfig({
+ assemble: {
+ options: {
+ assets: 'docs/assets',
+ data: 'src/data/*.{json,yml}',
+ helpers: 'src/custom-helpers.js',
+ partials: ['src/partials/**/*.{hbs,md}']
+ },
+ pages: {
+ options: {
+ layout: 'default.hbs'
+ },
+ files: {
+ './': ['src/templates/pages/index.hbs']
+ }
+ }
+ }
+};
+```
+
+{{< admonition >}}
+[Syntax highlighting page](https://gohugo.io/content-management/syntax-highlighting/) in **Hugo** Docs introduces more about syntax highlighting, including highlight shortcode.
+{{< /admonition >}}
+
+## 10 Tables
+
+Tables are created by adding pipes as dividers between each cell, and by adding a line of dashes (also separated by bars) beneath the header. Note that the pipes do not need to be vertically aligned.
+
+```markdown
+| Option | Description |
+| ------ | ----------- |
+| data | path to data files to supply the data that will be passed into templates. |
+| engine | engine to be used for processing templates. Handlebars is the default. |
+| ext | extension to be used for dest files. |
+```
+
+The rendered output looks like this:
+
+| Option | Description |
+| ------ | ----------- |
+| data | path to data files to supply the data that will be passed into templates. |
+| engine | engine to be used for processing templates. Handlebars is the default. |
+| ext | extension to be used for dest files. |
+
+The HTML looks like this:
+
+```html
+| Option | +Description | +
|---|---|
| data | +path to data files to supply the data that will be passed into templates. | +
| engine | +engine to be used for processing templates. Handlebars is the default. | +
| ext | +extension to be used for dest files. | +
h2 Heading
+h3 Heading
+h4 Heading
+h5 Heading
+h6 Heading
+``` + +{{< admonition note "Heading IDs" >}} +To add a custom heading ID, enclose the custom ID in curly braces on the same line as the heading: + +```markdown +### A Great Heading {#custom-id} +``` + +The HTML looks like this: + +```html +A Great Heading
+``` +{{< /admonition >}} + +## 2 Comments + +Comments should be HTML compatible. + +```html + +``` + +Comment below should **NOT** be seen: + + + +## 3 Horizontal Rules + +The HTML `` element is for creating a "thematic break" between paragraph-level elements. +In Markdown, you can create a `
` with any of the following: + +* `___`: three consecutive underscores +* `---`: three consecutive dashes +* `***`: three consecutive asterisks + +The rendered output looks like this: + +___ +--- +*** + +## 4 Body Copy + +Body copy written as normal, plain text will be wrapped with `` tags in the rendered HTML. + +So this body copy: + +```markdown +Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, +animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, +soluta officiis concludaturque ei qui, vide sensibus vim ad. +``` + +The HTML looks like this: + +```html +
Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.
+``` + +A **line break** can be done with one blank line. + +## 5 Inline HTML + +If you need a certain HTML tag (with a class) you can simply use HTML: + +```html +Paragraph in Markdown. + +
+ This is HTML
+
+
+Paragraph in Markdown.
+```
+
+## 6 Emphasis
+
+### Bold
+
+For emphasizing a snippet of text with a heavier font-weight.
+
+The following snippet of text is **rendered as bold text**.
+
+```markdown
+**rendered as bold text**
+__rendered as bold text__
+```
+
+The HTML looks like this:
+
+```html
+rendered as bold text
+```
+
+### Italics
+
+For emphasizing a snippet of text with italics.
+
+The following snippet of text is _rendered as italicized text_.
+
+```markdown
+*rendered as italicized text*
+_rendered as italicized text_
+```
+
+The HTML looks like this:
+
+```html
+rendered as italicized text
+```
+
+### Strikethrough
+
+In [[GFM]^(GitHub flavored Markdown)](https://github.github.com/gfm/) you can do strikethroughs.
+
+```markdown
+~~Strike through this text.~~
+```
+
+The rendered output looks like this:
+
+~~Strike through this text.~~
+
+The HTML looks like this:
+
+```html
+++``` + +Blockquotes can also be nested: + +```markdown +> Donec massa lacus, ultricies a ullamcorper in, fermentum sed augue. +Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi. +>> Sed adipiscing elit vitae augue consectetur a gravida nunc vehicula. Donec auctor +odio non est accumsan facilisis. Aliquam id turpis in dolor tincidunt mollis ac eu diam. +``` + +The rendered output looks like this: + +> Donec massa lacus, ultricies a ullamcorper in, fermentum sed augue. +Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi. +>> Sed adipiscing elit vitae augue consectetur a gravida nunc vehicula. Donec auctor +odio non est accumsan facilisis. Aliquam id turpis in dolor tincidunt mollis ac eu diam. + +## 8 Lists + +### Unordered + +A list of items in which the order of the items does not explicitly matter. + +You may use any of the following symbols to denote bullets for each list item: + +```markdown +* valid bullet +- valid bullet ++ valid bullet +``` + +For example: + +```markdown +* Lorem ipsum dolor sit amet +* Consectetur adipiscing elit +* Integer molestie lorem at massa +* Facilisis in pretium nisl aliquet +* Nulla volutpat aliquam velit + * Phasellus iaculis neque + * Purus sodales ultricies + * Vestibulum laoreet porttitor sem + * Ac tristique libero volutpat at +* Faucibus porta lacus fringilla vel +* Aenean sit amet erat nunc +* Eget porttitor lorem +``` + +The rendered output looks like this: + +* Lorem ipsum dolor sit amet +* Consectetur adipiscing elit +* Integer molestie lorem at massa +* Facilisis in pretium nisl aliquet +* Nulla volutpat aliquam velit + * Phasellus iaculis neque + * Purus sodales ultricies + * Vestibulum laoreet porttitor sem + * Ac tristique libero volutpat at +* Faucibus porta lacus fringilla vel +* Aenean sit amet erat nunc +* Eget porttitor lorem + +The HTML looks like this: + +```html ++ Fusion Drive combines a hard drive with a flash storage (solid-state drive) and presents it as a single logical volume with the space of both drives combined. +
+
-
+
- Lorem ipsum dolor sit amet +
- Consectetur adipiscing elit +
- Integer molestie lorem at massa +
- Facilisis in pretium nisl aliquet +
- Nulla volutpat aliquam velit
+
-
+
- Phasellus iaculis neque +
- Purus sodales ultricies +
- Vestibulum laoreet porttitor sem +
- Ac tristique libero volutpat at +
+ - Faucibus porta lacus fringilla vel +
- Aenean sit amet erat nunc +
- Eget porttitor lorem +
-
+
- Lorem ipsum dolor sit amet +
- Consectetur adipiscing elit +
- Integer molestie lorem at massa +
- Facilisis in pretium nisl aliquet +
- Nulla volutpat aliquam velit +
- Faucibus porta lacus fringilla vel +
- Aenean sit amet erat nunc +
- Eget porttitor lorem +
`.
+
+```markdown
+In this example, `` should be wrapped as **code**.
+```
+
+The rendered output looks like this:
+
+In this example, `` should be wrapped as **code**.
+
+The HTML looks like this:
+
+```html
+
+ In this example, <section></section> should be wrapped with code.
+
+
+ // Some comments
+ line 1 of code
+ line 2 of code
+ line 3 of code
+
+
+```
+
+### Block Fenced Code
+
+Use "fences" ``` to block in multiple lines of code with a language attribute.
+
+{{< highlight markdown >}}
+```markdown
+Sample text here...
+```
+{{< / highlight >}}
+
+The HTML looks like this:
+
+```html
+
+ Sample text here...
+
+```
+
+### Syntax Highlighting
+
+[GFM]^(GitHub Flavored Markdown) also supports syntax highlighting.
+
+To activate it, simply add the file extension of the language you want to use directly after the first code "fence",
+```js, and syntax highlighting will automatically be applied in the rendered HTML.
+
+For example, to apply syntax highlighting to JavaScript code:
+
+{{< highlight markdown >}}
+```js
+grunt.initConfig({
+ assemble: {
+ options: {
+ assets: 'docs/assets',
+ data: 'src/data/*.{json,yml}',
+ helpers: 'src/custom-helpers.js',
+ partials: ['src/partials/**/*.{hbs,md}']
+ },
+ pages: {
+ options: {
+ layout: 'default.hbs'
+ },
+ files: {
+ './': ['src/templates/pages/index.hbs']
+ }
+ }
+ }
+};
+```
+{{< / highlight >}}
+
+The rendered output looks like this:
+
+```js
+grunt.initConfig({
+ assemble: {
+ options: {
+ assets: 'docs/assets',
+ data: 'src/data/*.{json,yml}',
+ helpers: 'src/custom-helpers.js',
+ partials: ['src/partials/**/*.{hbs,md}']
+ },
+ pages: {
+ options: {
+ layout: 'default.hbs'
+ },
+ files: {
+ './': ['src/templates/pages/index.hbs']
+ }
+ }
+ }
+};
+```
+
+{{< admonition >}}
+[Syntax highlighting page](https://gohugo.io/content-management/syntax-highlighting/) in **Hugo** Docs introduces more about syntax highlighting, including highlight shortcode.
+{{< /admonition >}}
+
+## 10 Tables
+
+Tables are created by adding pipes as dividers between each cell, and by adding a line of dashes (also separated by bars) beneath the header. Note that the pipes do not need to be vertically aligned.
+
+```markdown
+| Option | Description |
+| ------ | ----------- |
+| data | path to data files to supply the data that will be passed into templates. |
+| engine | engine to be used for processing templates. Handlebars is the default. |
+| ext | extension to be used for dest files. |
+```
+
+The rendered output looks like this:
+
+| Option | Description |
+| ------ | ----------- |
+| data | path to data files to supply the data that will be passed into templates. |
+| engine | engine to be used for processing templates. Handlebars is the default. |
+| ext | extension to be used for dest files. |
+
+The HTML looks like this:
+
+```html
+| Option | +Description | +
|---|---|
| data | +path to data files to supply the data that will be passed into templates. | +
| engine | +engine to be used for processing templates. Handlebars is the default. | +
| ext | +extension to be used for dest files. | +
h2 标题
+h3 标题
+h4 标题
+h5 标题
+h6 标题
+``` + +{{< admonition note "标题 ID" >}} +要添加自定义标题 ID, 请在与标题相同的行中将自定义 ID 放在花括号中: + +```markdown +### 一个很棒的标题 {#custom-id} +``` + +输出的 HTML 看起来像这样: + +```html +一个很棒的标题
+``` +{{< /admonition >}} + +## 2 注释 + +注释是和 HTML 兼容的： + +```html + +``` + +**不能**看到以下的注释: + + + +## 3 水平线 + +HTML 中的 `` 标签是用来在段落元素之间创建一个 "专题间隔" 的. +使用 Markdown, 你可以用以下方式创建一个 `
` 标签: + +* `___`: 三个连续的下划线 +* `---`: 三个连续的破折号 +* `***`: 三个连续的星号 + +呈现的输出效果如下: + +___ +--- +*** + +## 4 段落 + +按照纯文本的方式书写段落, 纯文本在呈现的 HTML 中将用 `
`/`
` 标签包裹. + +如下段落: + +```markdown +Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, +animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, +soluta officiis concludaturque ei qui, vide sensibus vim ad. +``` + +输出的 HTML 看起来像这样: + +```html +Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.
+``` + +可以使用一个空白行进行**换行**. + +## 5 内联 HTML 元素 + +如果你需要某个 HTML 标签 (带有一个类), 则可以简单地像这样使用: + +```html +Markdown 格式的段落. + +
+ 这是 HTML
+
+
+Markdown 格式的段落.
+```
+
+## 6 强调
+
+### 加粗
+
+用于强调带有较粗字体的文本片段.
+
+以下文本片段会被 **渲染为粗体**.
+
+```markdown
+**渲染为粗体**
+__渲染为粗体__
+```
+
+输出的 HTML 看起来像这样:
+
+```html
+渲染为粗体
+```
+
+### 斜体
+
+用于强调带有斜体的文本片段.
+
+以下文本片段被 _渲染为斜体_.
+
+```markdown
+*渲染为斜体*
+_渲染为斜体_
+```
+
+输出的 HTML 看起来像这样:
+
+```html
+渲染为斜体
+```
+
+### 删除线
+
+按照 [[GFM]^(GitHub flavored Markdown)](https://github.github.com/gfm/) 你可以使用删除线.
+
+```markdown
+~~这段文本带有删除线.~~
+```
+
+呈现的输出效果如下:
+
+~~这段文本带有删除线.~~
+
+输出的 HTML 看起来像这样:
+
+```html
+++``` + +引用也可以嵌套: + +```markdown +> Donec massa lacus, ultricies a ullamcorper in, fermentum sed augue. +Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi. +>> Sed adipiscing elit vitae augue consectetur a gravida nunc vehicula. Donec auctor +odio non est accumsan facilisis. Aliquam id turpis in dolor tincidunt mollis ac eu diam. +``` + +呈现的输出效果如下: + +> Donec massa lacus, ultricies a ullamcorper in, fermentum sed augue. +Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi. +>> Sed adipiscing elit vitae augue consectetur a gravida nunc vehicula. Donec auctor +odio non est accumsan facilisis. Aliquam id turpis in dolor tincidunt mollis ac eu diam. + +## 8 列表 + +### 无序列表 + +一系列项的列表, 其中项的顺序没有明显关系. + +你可以使用以下任何符号来表示无序列表中的项: + +```markdown +* 一项内容 +- 一项内容 ++ 一项内容 +``` + +例如: + +```markdown +* Lorem ipsum dolor sit amet +* Consectetur adipiscing elit +* Integer molestie lorem at massa +* Facilisis in pretium nisl aliquet +* Nulla volutpat aliquam velit + * Phasellus iaculis neque + * Purus sodales ultricies + * Vestibulum laoreet porttitor sem + * Ac tristique libero volutpat at +* Faucibus porta lacus fringilla vel +* Aenean sit amet erat nunc +* Eget porttitor lorem +``` + +呈现的输出效果如下: + +* Lorem ipsum dolor sit amet +* Consectetur adipiscing elit +* Integer molestie lorem at massa +* Facilisis in pretium nisl aliquet +* Nulla volutpat aliquam velit + * Phasellus iaculis neque + * Purus sodales ultricies + * Vestibulum laoreet porttitor sem + * Ac tristique libero volutpat at +* Faucibus porta lacus fringilla vel +* Aenean sit amet erat nunc +* Eget porttitor lorem + +输出的 HTML 看起来像这样: + +```html ++ Fusion Drive combines a hard drive with a flash storage (solid-state drive) and presents it as a single logical volume with the space of both drives combined. +
+
-
+
- Lorem ipsum dolor sit amet +
- Consectetur adipiscing elit +
- Integer molestie lorem at massa +
- Facilisis in pretium nisl aliquet +
- Nulla volutpat aliquam velit
+
-
+
- Phasellus iaculis neque +
- Purus sodales ultricies +
- Vestibulum laoreet porttitor sem +
- Ac tristique libero volutpat at +
+ - Faucibus porta lacus fringilla vel +
- Aenean sit amet erat nunc +
- Eget porttitor lorem +
-
+
- Lorem ipsum dolor sit amet +
- Consectetur adipiscing elit +
- Integer molestie lorem at massa +
- Facilisis in pretium nisl aliquet +
- Nulla volutpat aliquam velit +
- Faucibus porta lacus fringilla vel +
- Aenean sit amet erat nunc +
- Eget porttitor lorem +
` 包装行内代码段.
+
+```markdown
+在这个例子中, `` 会被包裹成 **代码**.
+```
+
+呈现的输出效果如下:
+
+在这个例子中, `` 会被包裹成 **代码**.
+
+输出的 HTML 看起来像这样:
+
+```html
+
+ 在这个例子中, <section></section> 会被包裹成 代码.
+
+
+ // Some comments
+ line 1 of code
+ line 2 of code
+ line 3 of code
+
+
+```
+
+### 围栏代码块
+
+使用 "围栏" ``` 来生成一段带有语言属性的代码块.
+
+{{< highlight markdown >}}
+```markdown
+Sample text here...
+```
+{{< / highlight >}}
+
+输出的 HTML 看起来像这样:
+
+```html
+
+ Sample text here...
+
+```
+
+### 语法高亮
+
+[GFM]^(GitHub Flavored Markdown) 也支持语法高亮.
+
+要激活它，只需在第一个代码 "围栏" 之后直接添加你要使用的语言的文件扩展名,
+```js, 语法高亮显示将自动应用于渲染的 HTML 中.
+
+例如, 在以下 JavaScript 代码中应用语法高亮:
+
+{{< highlight markdown >}}
+```js
+grunt.initConfig({
+ assemble: {
+ options: {
+ assets: 'docs/assets',
+ data: 'src/data/*.{json,yml}',
+ helpers: 'src/custom-helpers.js',
+ partials: ['src/partials/**/*.{hbs,md}']
+ },
+ pages: {
+ options: {
+ layout: 'default.hbs'
+ },
+ files: {
+ './': ['src/templates/pages/index.hbs']
+ }
+ }
+ }
+};
+```
+{{< / highlight >}}
+
+呈现的输出效果如下:
+
+```js
+grunt.initConfig({
+ assemble: {
+ options: {
+ assets: 'docs/assets',
+ data: 'src/data/*.{json,yml}',
+ helpers: 'src/custom-helpers.js',
+ partials: ['src/partials/**/*.{hbs,md}']
+ },
+ pages: {
+ options: {
+ layout: 'default.hbs'
+ },
+ files: {
+ './': ['src/templates/pages/index.hbs']
+ }
+ }
+ }
+};
+```
+
+{{< admonition >}}
+**Hugo** 文档中的 [语法高亮页面](https://gohugo.io/content-management/syntax-highlighting/) 介绍了有关语法高亮的更多信息,
+包括语法高亮的 shortcode.
+{{< /admonition >}}
+
+## 10 表格
+
+通过在每个单元格之间添加竖线作为分隔线, 并在标题下添加一行破折号 (也由竖线分隔) 来创建表格. 注意, 竖线不需要垂直对齐.
+
+```markdown
+| Option | Description |
+| ------ | ----------- |
+| data | path to data files to supply the data that will be passed into templates. |
+| engine | engine to be used for processing templates. Handlebars is the default. |
+| ext | extension to be used for dest files. |
+```
+
+呈现的输出效果如下:
+
+| Option | Description |
+| ------ | ----------- |
+| data | path to data files to supply the data that will be passed into templates. |
+| engine | engine to be used for processing templates. Handlebars is the default. |
+| ext | extension to be used for dest files. |
+
+输出的 HTML 看起来像这样:
+
+```html
+| Option | +Description | +
|---|---|
| data | +path to data files to supply the data that will be passed into templates. | +
| engine | +engine to be used for processing templates. Handlebars is the default. | +
| ext | +extension to be used for dest files. | +
🙈 :see_no_evil: 🙉 :hear_no_evil: 🙊 :speak_no_evil:
+These begin and end with a **colon** and include the **code** of an emoji: -The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes. +```markdown +Gone camping! {?:}tent: Be back soon. -*** +That is so funny! {?:}joy: +``` -**N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g. +The rendered output looks like this: -{{< highlight html >}} -.emoji { - font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols; -} -{{< /highlight >}} +Gone camping! :tent: Be back soon. + +That is so funny! :joy: + +## Emoji Cheat Sheet + +The emoji cheat sheet is a useful reference for emoji shorthand codes. + +### Smileys & Emotion + +#### Face Smiling + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :grinning: | `grinning` | :smiley: | `smiley` | +| :smile: | `smile` | :grin: | `grin` | +| :laughing: | `laughing`
`satisfied` | :sweat_smile: | `sweat_smile` | +| :rofl: | `rofl` | :joy: | `joy` | +| :slightly_smiling_face: | `slightly_smiling_face` | :upside_down_face: | `upside_down_face` | +| :wink: | `wink` | :blush: | `blush` | +| :innocent: | `innocent` | | | + +#### Face Affection + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :heart_eyes: | `heart_eyes` | :kissing_heart: | `kissing_heart` | +| :kissing: | `kissing` | :relaxed: | `relaxed` | +| :kissing_closed_eyes: | `kissing_closed_eyes` | :kissing_smiling_eyes: | `kissing_smiling_eyes` | + +#### Face Tongue + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :yum: | `yum` | :stuck_out_tongue: | `stuck_out_tongue` | +| :stuck_out_tongue_winking_eye: | `stuck_out_tongue_winking_eye` | :stuck_out_tongue_closed_eyes: | `stuck_out_tongue_closed_eyes` | +| :money_mouth_face: | `money_mouth_face` | | | + +#### Face Hand + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :hugs: | `hugs` | :thinking: | `thinking` | + +#### Face Neutral Skeptical + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :zipper_mouth_face: | `zipper_mouth_face` | :neutral_face: | `neutral_face` | +| :expressionless: | `expressionless` | :no_mouth: | `no_mouth` | +| :smirk: | `smirk` | :unamused: | `unamused` | +| :roll_eyes: | `roll_eyes` | :grimacing: | `grimacing` | +| :lying_face: | `lying_face` | | | + +#### Face Sleepy + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :relieved: | `relieved` | :pensive: | `pensive` | +| :sleepy: | `sleepy` | :drooling_face: | `drooling_face` | +| :sleeping: | `sleeping` | | | + +#### Face Unwell + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :mask: | `mask` | :face_with_thermometer: | `face_with_thermometer` | +| :face_with_head_bandage: | `face_with_head_bandage` | :nauseated_face: | `nauseated_face` | +| :sneezing_face: | `sneezing_face` | :dizzy_face: | `dizzy_face` | + +#### Face Hat + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :cowboy_hat_face: | `cowboy_hat_face` | | | + +#### Face Glasses + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :sunglasses: | `sunglasses` | :nerd_face: | `nerd_face` | + +#### Face Concerned + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :confused: | `confused` | :worried: | `worried` | +| :slightly_frowning_face: | `slightly_frowning_face` | :frowning_face: | `frowning_face` | +| :open_mouth: | `open_mouth` | :hushed: | `hushed` | +| :astonished: | `astonished` | :flushed: | `flushed` | +| :frowning: | `frowning` | :anguished: | `anguished` | +| :fearful: | `fearful` | :cold_sweat: | `cold_sweat` | +| :disappointed_relieved: | `disappointed_relieved` | :cry: | `cry` | +| :sob: | `sob` | :scream: | `scream` | +| :confounded: | `confounded` | :persevere: | `persevere` | +| :disappointed: | `disappointed` | :sweat: | `sweat` | +| :weary: | `weary` | :tired_face: | `tired_face` | + +#### Face Negative + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :triumph: | `triumph` | :pout: | `pout`
`rage` | +| :angry: | `angry` | :smiling_imp: | `smiling_imp` | +| :imp: | `imp` | :skull: | `skull` | +| :skull_and_crossbones: | `skull_and_crossbones` | | | + +#### Face Costume + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :hankey: | `hankey`
`poop`
`shit` | :clown_face: | `clown_face` | +| :japanese_ogre: | `japanese_ogre` | :japanese_goblin: | `japanese_goblin` | +| :ghost: | `ghost` | :alien: | `alien` | +| :space_invader: | `space_invader` | :robot: | `robot` | + +#### Cat Face + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :smiley_cat: | `smiley_cat` | :smile_cat: | `smile_cat` | +| :joy_cat: | `joy_cat` | :heart_eyes_cat: | `heart_eyes_cat` | +| :smirk_cat: | `smirk_cat` | :kissing_cat: | `kissing_cat` | +| :scream_cat: | `scream_cat` | :crying_cat_face: | `crying_cat_face` | +| :pouting_cat: | `pouting_cat` | | | + +#### Monkey Face + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :see_no_evil: | `see_no_evil` | :hear_no_evil: | `hear_no_evil` | +| :speak_no_evil: | `speak_no_evil` | | | + +#### Emotion + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :kiss: | `kiss` | :love_letter: | `love_letter` | +| :cupid: | `cupid` | :gift_heart: | `gift_heart` | +| :sparkling_heart: | `sparkling_heart` | :heartpulse: | `heartpulse` | +| :heartbeat: | `heartbeat` | :revolving_hearts: | `revolving_hearts` | +| :two_hearts: | `two_hearts` | :heart_decoration: | `heart_decoration` | +| :heavy_heart_exclamation: | `heavy_heart_exclamation` | :broken_heart: | `broken_heart` | +| :heart: | `heart` | :yellow_heart: | `yellow_heart` | +| :green_heart: | `green_heart` | :blue_heart: | `blue_heart` | +| :purple_heart: | `purple_heart` | :black_heart: | `black_heart` | +| :100: | `100` | :anger: | `anger` | +| :boom: | `boom`
`collision` | :dizzy: | `dizzy` | +| :sweat_drops: | `sweat_drops` | :dash: | `dash` | +| :hole: | `hole` | :bomb: | `bomb` | +| :speech_balloon: | `speech_balloon` | :eye_speech_bubble: | `eye_speech_bubble` | +| :right_anger_bubble: | `right_anger_bubble` | :thought_balloon: | `thought_balloon` | +| :zzz: | `zzz` | | | + +### People & Body + +#### Hand Fingers Open + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :wave: | `wave` | :raised_back_of_hand: | `raised_back_of_hand` | +| :raised_hand_with_fingers_splayed: | `raised_hand_with_fingers_splayed` | :hand: | `hand`
`raised_hand` | +| :vulcan_salute: | `vulcan_salute` | | | + +#### Hand Fingers Partial + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :ok_hand: | `ok_hand` | :v: | `v` | +| :crossed_fingers: | `crossed_fingers` | :metal: | `metal` | +| :call_me_hand: | `call_me_hand` | | | + +#### Hand Single Finger + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :point_left: | `point_left` | :point_right: | `point_right` | +| :point_up_2: | `point_up_2` | :fu: | `fu`
`middle_finger` | +| :point_down: | `point_down` | :point_up: | `point_up` | + +#### Hand Fingers Closed + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :+1: | `:+1:`
`thumbsup` | :-1: | `:-1:`
`thumbsdown` | +| :fist: | `fist`
`fist_raised` | :facepunch: | `facepunch`
`fist_oncoming`
`punch` | +| :fist_left: | `fist_left` | :fist_right: | `fist_right` | + +#### Hands + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :clap: | `clap` | :raised_hands: | `raised_hands` | +| :open_hands: | `open_hands` | :handshake: | `handshake` | +| :pray: | `pray` | | | + +#### Hand Prop + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :writing_hand: | `writing_hand` | :nail_care: | `nail_care` | +| :selfie: | `selfie` | | | + +#### Body Parts + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :muscle: | `muscle` | :ear: | `ear` | +| :nose: | `nose` | :eyes: | `eyes` | +| :eye: | `eye` | :tongue: | `tongue` | +| :lips: | `lips` | | | + +#### Person + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :baby: | `baby` | :boy: | `boy` | +| :girl: | `girl` | :blonde_man: | `blonde_man`
`person_with_blond_hair` | +| :man: | `man` | :woman: | `woman` | +| :blonde_woman: | `blonde_woman` | :older_man: | `older_man` | +| :older_woman: | `older_woman` | | | + +#### Person Gesture + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :frowning_woman: | `frowning_woman`
`person_frowning` | :frowning_man: | `frowning_man` | +| :person_with_pouting_face: | `person_with_pouting_face`
`pouting_woman` | :pouting_man: | `pouting_man` | +| :ng_woman: | `ng_woman`
`no_good`
`no_good_woman` | :ng_man: | `ng_man`
`no_good_man` | +| :ok_woman: | `ok_woman` | :ok_man: | `ok_man` | +| :information_desk_person: | `information_desk_person`
`sassy_woman`
`tipping_hand_woman` | :sassy_man: | `sassy_man`
`tipping_hand_man` | +| :raising_hand: | `raising_hand`
`raising_hand_woman` | :raising_hand_man: | `raising_hand_man` | +| :bow: | `bow`
`bowing_man` | :bowing_woman: | `bowing_woman` | +| :man_facepalming: | `man_facepalming` | :woman_facepalming: | `woman_facepalming` | +| :man_shrugging: | `man_shrugging` | :woman_shrugging: | `woman_shrugging` | + +#### Person Role + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :man_health_worker: | `man_health_worker` | :woman_health_worker: | `woman_health_worker` | +| :man_student: | `man_student` | :woman_student: | `woman_student` | +| :man_teacher: | `man_teacher` | :woman_teacher: | `woman_teacher` | +| :man_judge: | `man_judge` | :woman_judge: | `woman_judge` | +| :man_farmer: | `man_farmer` | :woman_farmer: | `woman_farmer` | +| :man_cook: | `man_cook` | :woman_cook: | `woman_cook` | +| :man_mechanic: | `man_mechanic` | :woman_mechanic: | `woman_mechanic` | +| :man_factory_worker: | `man_factory_worker` | :woman_factory_worker: | `woman_factory_worker` | +| :man_office_worker: | `man_office_worker` | :woman_office_worker: | `woman_office_worker` | +| :man_scientist: | `man_scientist` | :woman_scientist: | `woman_scientist` | +| :man_technologist: | `man_technologist` | :woman_technologist: | `woman_technologist` | +| :man_singer: | `man_singer` | :woman_singer: | `woman_singer` | +| :man_artist: | `man_artist` | :woman_artist: | `woman_artist` | +| :man_pilot: | `man_pilot` | :woman_pilot: | `woman_pilot` | +| :man_astronaut: | `man_astronaut` | :woman_astronaut: | `woman_astronaut` | +| :man_firefighter: | `man_firefighter` | :woman_firefighter: | `woman_firefighter` | +| :cop: | `cop`
`policeman` | :policewoman: | `policewoman` | +| :detective: | `detective`
`male_detective` | :female_detective: | `female_detective` | +| :guardsman: | `guardsman` | :guardswoman: | `guardswoman` | +| :construction_worker: | `construction_worker`
`construction_worker_man` | :construction_worker_woman: | `construction_worker_woman` | +| :prince: | `prince` | :princess: | `princess` | +| :man_with_turban: | `man_with_turban` | :woman_with_turban: | `woman_with_turban` | +| :man_with_gua_pi_mao: | `man_with_gua_pi_mao` | :man_in_tuxedo: | `man_in_tuxedo` | +| :bride_with_veil: | `bride_with_veil` | :pregnant_woman: | `pregnant_woman` | + +#### Person Fantasy + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :angel: | `angel` | :santa: | `santa` | +| :mrs_claus: | `mrs_claus` | | | + +#### Person Activity + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :massage: | `massage`
`massage_woman` | :massage_man: | `massage_man` | +| :haircut: | `haircut`
`haircut_woman` | :haircut_man: | `haircut_man` | +| :walking: | `walking`
`walking_man` | :walking_woman: | `walking_woman` | +| :runner: | `runner`
`running`
`running_man` | :running_woman: | `running_woman` | +| :dancer: | `dancer` | :man_dancing: | `man_dancing` | +| :business_suit_levitating: | `business_suit_levitating` | :dancers: | `dancers`
`dancing_women` | +| :dancing_men: | `dancing_men` | | | + +#### Person Sport + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :person_fencing: | `person_fencing` | :horse_racing: | `horse_racing` | +| :skier: | `skier` | :snowboarder: | `snowboarder` | +| :golfing_man: | `golfing_man` | :golfing_woman: | `golfing_woman` | +| :surfer: | `surfer`
`surfing_man` | :surfing_woman: | `surfing_woman` | +| :rowboat: | `rowboat`
`rowing_man` | :rowing_woman: | `rowing_woman` | +| :swimmer: | `swimmer`
`swimming_man` | :swimming_woman: | `swimming_woman` | +| :basketball_man: | `basketball_man` | :basketball_woman: | `basketball_woman` | +| :weight_lifting_man: | `weight_lifting_man` | :weight_lifting_woman: | `weight_lifting_woman` | +| :bicyclist: | `bicyclist`
`biking_man` | :biking_woman: | `biking_woman` | +| :mountain_bicyclist: | `mountain_bicyclist`
`mountain_biking_man` | :mountain_biking_woman: | `mountain_biking_woman` | +| :man_cartwheeling: | `man_cartwheeling` | :woman_cartwheeling: | `woman_cartwheeling` | +| :men_wrestling: | `men_wrestling` | :women_wrestling: | `women_wrestling` | +| :man_playing_water_polo: | `man_playing_water_polo` | :woman_playing_water_polo: | `woman_playing_water_polo` | +| :man_playing_handball: | `man_playing_handball` | :woman_playing_handball: | `woman_playing_handball` | +| :man_juggling: | `man_juggling` | :woman_juggling: | `woman_juggling` | + +#### Person Resting + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :bath: | `bath` | :sleeping_bed: | `sleeping_bed` | + +#### Family + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :two_women_holding_hands: | `two_women_holding_hands` | :couple: | `couple` | +| :two_men_holding_hands: | `two_men_holding_hands` | :couplekiss_man_woman: | `couplekiss_man_woman` | +| :couplekiss_man_man: | `couplekiss_man_man` | :couplekiss_woman_woman: | `couplekiss_woman_woman` | +| :couple_with_heart: | `couple_with_heart`
`couple_with_heart_woman_man` | :couple_with_heart_man_man: | `couple_with_heart_man_man` | +| :couple_with_heart_woman_woman: | `couple_with_heart_woman_woman` | :family: | `family`
`family_man_woman_boy` | +| :family_man_woman_girl: | `family_man_woman_girl` | :family_man_woman_girl_boy: | `family_man_woman_girl_boy` | +| :family_man_woman_boy_boy: | `family_man_woman_boy_boy` | :family_man_woman_girl_girl: | `family_man_woman_girl_girl` | +| :family_man_man_boy: | `family_man_man_boy` | :family_man_man_girl: | `family_man_man_girl` | +| :family_man_man_girl_boy: | `family_man_man_girl_boy` | :family_man_man_boy_boy: | `family_man_man_boy_boy` | +| :family_man_man_girl_girl: | `family_man_man_girl_girl` | :family_woman_woman_boy: | `family_woman_woman_boy` | +| :family_woman_woman_girl: | `family_woman_woman_girl` | :family_woman_woman_girl_boy: | `family_woman_woman_girl_boy` | +| :family_woman_woman_boy_boy: | `family_woman_woman_boy_boy` | :family_woman_woman_girl_girl: | `family_woman_woman_girl_girl` | +| :family_man_boy: | `family_man_boy` | :family_man_boy_boy: | `family_man_boy_boy` | +| :family_man_girl: | `family_man_girl` | :family_man_girl_boy: | `family_man_girl_boy` | +| :family_man_girl_girl: | `family_man_girl_girl` | :family_woman_boy: | `family_woman_boy` | +| :family_woman_boy_boy: | `family_woman_boy_boy` | :family_woman_girl: | `family_woman_girl` | +| :family_woman_girl_boy: | `family_woman_girl_boy` | :family_woman_girl_girl: | `family_woman_girl_girl` | + +#### Person Symbol + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :speaking_head: | `speaking_head` | :bust_in_silhouette: | `bust_in_silhouette` | +| :busts_in_silhouette: | `busts_in_silhouette` | :footprints: | `footprints` | + +### Animals & Nature + +#### Animal Mammal + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :monkey_face: | `monkey_face` | :monkey: | `monkey` | +| :gorilla: | `gorilla` | :dog: | `dog` | +| :dog2: | `dog2` | :poodle: | `poodle` | +| :wolf: | `wolf` | :fox_face: | `fox_face` | +| :cat: | `cat` | :cat2: | `cat2` | +| :lion: | `lion` | :tiger: | `tiger` | +| :tiger2: | `tiger2` | :leopard: | `leopard` | +| :horse: | `horse` | :racehorse: | `racehorse` | +| :unicorn: | `unicorn` | :deer: | `deer` | +| :cow: | `cow` | :ox: | `ox` | +| :water_buffalo: | `water_buffalo` | :cow2: | `cow2` | +| :pig: | `pig` | :pig2: | `pig2` | +| :boar: | `boar` | :pig_nose: | `pig_nose` | +| :ram: | `ram` | :sheep: | `sheep` | +| :goat: | `goat` | :dromedary_camel: | `dromedary_camel` | +| :camel: | `camel` | :elephant: | `elephant` | +| :rhinoceros: | `rhinoceros` | :mouse: | `mouse` | +| :mouse2: | `mouse2` | :rat: | `rat` | +| :hamster: | `hamster` | :rabbit: | `rabbit` | +| :rabbit2: | `rabbit2` | :chipmunk: | `chipmunk` | +| :bat: | `bat` | :bear: | `bear` | +| :koala: | `koala` | :panda_face: | `panda_face` | +| :feet: | `feet`
`paw_prints` | | | + +#### Animal Bird + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :turkey: | `turkey` | :chicken: | `chicken` | +| :rooster: | `rooster` | :hatching_chick: | `hatching_chick` | +| :baby_chick: | `baby_chick` | :hatched_chick: | `hatched_chick` | +| :bird: | `bird` | :penguin: | `penguin` | +| :dove: | `dove` | :eagle: | `eagle` | +| :duck: | `duck` | :owl: | `owl` | + +#### Animal Amphibian + +| | icon | code | | +| - | :-: | - | - | +| :frog: | `frog` | + +#### Animal Reptile + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :crocodile: | `crocodile` | :turtle: | `turtle` | +| :lizard: | `lizard` | :snake: | `snake` | +| :dragon_face: | `dragon_face` | :dragon: | `dragon` | + +#### Animal Marine + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :whale: | `whale` | :whale2: | `whale2` | +| :dolphin: | `dolphin`
`flipper` | :fish: | `fish` | +| :tropical_fish: | `tropical_fish` | :blowfish: | `blowfish` | +| :shark: | `shark` | :octopus: | `octopus` | +| :shell: | `shell` | | | + +#### Animal Bug + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :snail: | `snail` | :butterfly: | `butterfly` | +| :bug: | `bug` | :ant: | `ant` | +| :bee: | `bee`
`honeybee` | :beetle: | `beetle` | +| :spider: | `spider` | :spider_web: | `spider_web` | +| :scorpion: | `scorpion` | | | + +#### Plant Flower + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :bouquet: | `bouquet` | :cherry_blossom: | `cherry_blossom` | +| :white_flower: | `white_flower` | :rosette: | `rosette` | +| :rose: | `rose` | :wilted_flower: | `wilted_flower` | +| :hibiscus: | `hibiscus` | :sunflower: | `sunflower` | +| :blossom: | `blossom` | :tulip: | `tulip` | + +#### Plant Other + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :seedling: | `seedling` | :evergreen_tree: | `evergreen_tree` | +| :deciduous_tree: | `deciduous_tree` | :palm_tree: | `palm_tree` | +| :cactus: | `cactus` | :ear_of_rice: | `ear_of_rice` | +| :herb: | `herb` | :shamrock: | `shamrock` | +| :four_leaf_clover: | `four_leaf_clover` | :maple_leaf: | `maple_leaf` | +| :fallen_leaf: | `fallen_leaf` | :leaves: | `leaves` | + +### Food & Drink + +#### Food Fruit + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :grapes: | `grapes` | :melon: | `melon` | +| :watermelon: | `watermelon` | :mandarin: | `mandarin`
`orange`
`tangerine` | +| :lemon: | `lemon` | :banana: | `banana` | +| :pineapple: | `pineapple` | :apple: | `apple` | +| :green_apple: | `green_apple` | :pear: | `pear` | +| :peach: | `peach` | :cherries: | `cherries` | +| :strawberry: | `strawberry` | :kiwi_fruit: | `kiwi_fruit` | +| :tomato: | `tomato` | | | + +#### Food Vegetable + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :avocado: | `avocado` | :eggplant: | `eggplant` | +| :potato: | `potato` | :carrot: | `carrot` | +| :corn: | `corn` | :hot_pepper: | `hot_pepper` | +| :cucumber: | `cucumber` | :mushroom: | `mushroom` | +| :peanuts: | `peanuts` | :chestnut: | `chestnut` | + +#### Food Prepared + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :bread: | `bread` | :croissant: | `croissant` | +| :baguette_bread: | `baguette_bread` | :pancakes: | `pancakes` | +| :cheese: | `cheese` | :meat_on_bone: | `meat_on_bone` | +| :poultry_leg: | `poultry_leg` | :bacon: | `bacon` | +| :hamburger: | `hamburger` | :fries: | `fries` | +| :pizza: | `pizza` | :hotdog: | `hotdog` | +| :taco: | `taco` | :burrito: | `burrito` | +| :stuffed_flatbread: | `stuffed_flatbread` | :egg: | `egg` | +| :fried_egg: | `fried_egg` | :shallow_pan_of_food: | `shallow_pan_of_food` | +| :stew: | `stew` | :green_salad: | `green_salad` | +| :popcorn: | `popcorn` | | | + +#### Food Asian + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :bento: | `bento` | :rice_cracker: | `rice_cracker` | +| :rice_ball: | `rice_ball` | :rice: | `rice` | +| :curry: | `curry` | :ramen: | `ramen` | +| :spaghetti: | `spaghetti` | :sweet_potato: | `sweet_potato` | +| :oden: | `oden` | :sushi: | `sushi` | +| :fried_shrimp: | `fried_shrimp` | :fish_cake: | `fish_cake` | +| :dango: | `dango` | | | + +#### Food Marine + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :crab: | `crab` | :shrimp: | `shrimp` | +| :squid: | `squid` | | | + +#### Food Sweet + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :icecream: | `icecream` | :shaved_ice: | `shaved_ice` | +| :ice_cream: | `ice_cream` | :doughnut: | `doughnut` | +| :cookie: | `cookie` | :birthday: | `birthday` | +| :cake: | `cake` | :chocolate_bar: | `chocolate_bar` | +| :candy: | `candy` | :lollipop: | `lollipop` | +| :custard: | `custard` | :honey_pot: | `honey_pot` | + +#### Drink + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :baby_bottle: | `baby_bottle` | :milk_glass: | `milk_glass` | +| :coffee: | `coffee` | :tea: | `tea` | +| :sake: | `sake` | :champagne: | `champagne` | +| :wine_glass: | `wine_glass` | :cocktail: | `cocktail` | +| :tropical_drink: | `tropical_drink` | :beer: | `beer` | +| :beers: | `beers` | :clinking_glasses: | `clinking_glasses` | +| :tumbler_glass: | `tumbler_glass` | | | + +#### Dishware + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :plate_with_cutlery: | `plate_with_cutlery` | :fork_and_knife: | `fork_and_knife` | +| :spoon: | `spoon` | :hocho: | `hocho`
`knife` | +| :amphora: | `amphora` | | | + +### Travel & Places + +#### Place Map + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :earth_africa: | `earth_africa` | :earth_americas: | `earth_americas` | +| :earth_asia: | `earth_asia` | :globe_with_meridians: | `globe_with_meridians` | +| :world_map: | `world_map` | :japan: | `japan` | + +#### Place Geographic + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :mountain_snow: | `mountain_snow` | :mountain: | `mountain` | +| :volcano: | `volcano` | :mount_fuji: | `mount_fuji` | +| :camping: | `camping` | :beach_umbrella: | `beach_umbrella` | +| :desert: | `desert` | :desert_island: | `desert_island` | +| :national_park: | `national_park` | | | + +#### Place Building + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :stadium: | `stadium` | :classical_building: | `classical_building` | +| :building_construction: | `building_construction` | :houses: | `houses` | +| :derelict_house: | `derelict_house` | :house: | `house` | +| :house_with_garden: | `house_with_garden` | :office: | `office` | +| :post_office: | `post_office` | :european_post_office: | `european_post_office` | +| :hospital: | `hospital` | :bank: | `bank` | +| :hotel: | `hotel` | :love_hotel: | `love_hotel` | +| :convenience_store: | `convenience_store` | :school: | `school` | +| :department_store: | `department_store` | :factory: | `factory` | +| :japanese_castle: | `japanese_castle` | :european_castle: | `european_castle` | +| :wedding: | `wedding` | :tokyo_tower: | `tokyo_tower` | +| :statue_of_liberty: | `statue_of_liberty` | | | + +#### Place Religious + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :church: | `church` | :mosque: | `mosque` | +| :synagogue: | `synagogue` | :shinto_shrine: | `shinto_shrine` | +| :kaaba: | `kaaba` | | | + +#### Place Other + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :fountain: | `fountain` | :tent: | `tent` | +| :foggy: | `foggy` | :night_with_stars: | `night_with_stars` | +| :cityscape: | `cityscape` | :sunrise_over_mountains: | `sunrise_over_mountains` | +| :sunrise: | `sunrise` | :city_sunset: | `city_sunset` | +| :city_sunrise: | `city_sunrise` | :bridge_at_night: | `bridge_at_night` | +| :hotsprings: | `hotsprings` | :carousel_horse: | `carousel_horse` | +| :ferris_wheel: | `ferris_wheel` | :roller_coaster: | `roller_coaster` | +| :barber: | `barber` | :circus_tent: | `circus_tent` | + +#### Transport Ground + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :steam_locomotive: | `steam_locomotive` | :railway_car: | `railway_car` | +| :bullettrain_side: | `bullettrain_side` | :bullettrain_front: | `bullettrain_front` | +| :train2: | `train2` | :metro: | `metro` | +| :light_rail: | `light_rail` | :station: | `station` | +| :tram: | `tram` | :monorail: | `monorail` | +| :mountain_railway: | `mountain_railway` | :train: | `train` | +| :bus: | `bus` | :oncoming_bus: | `oncoming_bus` | +| :trolleybus: | `trolleybus` | :minibus: | `minibus` | +| :ambulance: | `ambulance` | :fire_engine: | `fire_engine` | +| :police_car: | `police_car` | :oncoming_police_car: | `oncoming_police_car` | +| :taxi: | `taxi` | :oncoming_taxi: | `oncoming_taxi` | +| :car: | `car`
`red_car` | :oncoming_automobile: | `oncoming_automobile` | +| :blue_car: | `blue_car` | :truck: | `truck` | +| :articulated_lorry: | `articulated_lorry` | :tractor: | `tractor` | +| :racing_car: | `racing_car` | :motorcycle: | `motorcycle` | +| :motor_scooter: | `motor_scooter` | :bike: | `bike` | +| :kick_scooter: | `kick_scooter` | :busstop: | `busstop` | +| :motorway: | `motorway` | :railway_track: | `railway_track` | +| :oil_drum: | `oil_drum` | :fuelpump: | `fuelpump` | +| :rotating_light: | `rotating_light` | :traffic_light: | `traffic_light` | +| :vertical_traffic_light: | `vertical_traffic_light` | :stop_sign: | `stop_sign` | +| :construction: | `construction` | | | + +#### Transport Water + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :anchor: | `anchor` | :boat: | `boat`
`sailboat` | +| :canoe: | `canoe` | :speedboat: | `speedboat` | +| :passenger_ship: | `passenger_ship` | :ferry: | `ferry` | +| :motor_boat: | `motor_boat` | :ship: | `ship` | + +#### Transport Air + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :airplane: | `airplane` | :small_airplane: | `small_airplane` | +| :flight_departure: | `flight_departure` | :flight_arrival: | `flight_arrival` | +| :seat: | `seat` | :helicopter: | `helicopter` | +| :suspension_railway: | `suspension_railway` | :mountain_cableway: | `mountain_cableway` | +| :aerial_tramway: | `aerial_tramway` | :artificial_satellite: | `artificial_satellite` | +| :rocket: | `rocket` | | | + +#### Hotel + +| | icon | code | | +| - | :-: | - | - | +| :bellhop_bell: | `bellhop_bell` | + +#### Time + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :hourglass: | `hourglass` | :hourglass_flowing_sand: | `hourglass_flowing_sand` | +| :watch: | `watch` | :alarm_clock: | `alarm_clock` | +| :stopwatch: | `stopwatch` | :timer_clock: | `timer_clock` | +| :mantelpiece_clock: | `mantelpiece_clock` | :clock12: | `clock12` | +| :clock1230: | `clock1230` | :clock1: | `clock1` | +| :clock130: | `clock130` | :clock2: | `clock2` | +| :clock230: | `clock230` | :clock3: | `clock3` | +| :clock330: | `clock330` | :clock4: | `clock4` | +| :clock430: | `clock430` | :clock5: | `clock5` | +| :clock530: | `clock530` | :clock6: | `clock6` | +| :clock630: | `clock630` | :clock7: | `clock7` | +| :clock730: | `clock730` | :clock8: | `clock8` | +| :clock830: | `clock830` | :clock9: | `clock9` | +| :clock930: | `clock930` | :clock10: | `clock10` | +| :clock1030: | `clock1030` | :clock11: | `clock11` | +| :clock1130: | `clock1130` | | | + +#### Sky & Weather + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :new_moon: | `new_moon` | :waxing_crescent_moon: | `waxing_crescent_moon` | +| :first_quarter_moon: | `first_quarter_moon` | :moon: | `moon`
`waxing_gibbous_moon` | +| :full_moon: | `full_moon` | :waning_gibbous_moon: | `waning_gibbous_moon` | +| :last_quarter_moon: | `last_quarter_moon` | :waning_crescent_moon: | `waning_crescent_moon` | +| :crescent_moon: | `crescent_moon` | :new_moon_with_face: | `new_moon_with_face` | +| :first_quarter_moon_with_face: | `first_quarter_moon_with_face` | :last_quarter_moon_with_face: | `last_quarter_moon_with_face` | +| :thermometer: | `thermometer` | :sunny: | `sunny` | +| :full_moon_with_face: | `full_moon_with_face` | :sun_with_face: | `sun_with_face` | +| :star: | `star` | :star2: | `star2` | +| :stars: | `stars` | :milky_way: | `milky_way` | +| :cloud: | `cloud` | :partly_sunny: | `partly_sunny` | +| :cloud_with_lightning_and_rain: | `cloud_with_lightning_and_rain` | :sun_behind_small_cloud: | `sun_behind_small_cloud` | +| :sun_behind_large_cloud: | `sun_behind_large_cloud` | :sun_behind_rain_cloud: | `sun_behind_rain_cloud` | +| :cloud_with_rain: | `cloud_with_rain` | :cloud_with_snow: | `cloud_with_snow` | +| :cloud_with_lightning: | `cloud_with_lightning` | :tornado: | `tornado` | +| :fog: | `fog` | :wind_face: | `wind_face` | +| :cyclone: | `cyclone` | :rainbow: | `rainbow` | +| :closed_umbrella: | `closed_umbrella` | :open_umbrella: | `open_umbrella` | +| :umbrella: | `umbrella` | :parasol_on_ground: | `parasol_on_ground` | +| :zap: | `zap` | :snowflake: | `snowflake` | +| :snowman_with_snow: | `snowman_with_snow` | :snowman: | `snowman` | +| :comet: | `comet` | :fire: | `fire` | +| :droplet: | `droplet` | :ocean: | `ocean` | + +### Activities + +#### Event + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :jack_o_lantern: | `jack_o_lantern` | :christmas_tree: | `christmas_tree` | +| :fireworks: | `fireworks` | :sparkler: | `sparkler` | +| :sparkles: | `sparkles` | :balloon: | `balloon` | +| :tada: | `tada` | :confetti_ball: | `confetti_ball` | +| :tanabata_tree: | `tanabata_tree` | :bamboo: | `bamboo` | +| :dolls: | `dolls` | :flags: | `flags` | +| :wind_chime: | `wind_chime` | :rice_scene: | `rice_scene` | +| :ribbon: | `ribbon` | :gift: | `gift` | +| :reminder_ribbon: | `reminder_ribbon` | :tickets: | `tickets` | +| :ticket: | `ticket` | | | + +#### Award Medal + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :medal_military: | `medal_military` | :trophy: | `trophy` | +| :medal_sports: | `medal_sports` | :1st_place_medal: | `1st_place_medal` | +| :2nd_place_medal: | `2nd_place_medal` | :3rd_place_medal: | `3rd_place_medal` | + +#### Sport + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :soccer: | `soccer` | :baseball: | `baseball` | +| :basketball: | `basketball` | :volleyball: | `volleyball` | +| :football: | `football` | :rugby_football: | `rugby_football` | +| :tennis: | `tennis` | :bowling: | `bowling` | +| :cricket: | `cricket` | :field_hockey: | `field_hockey` | +| :ice_hockey: | `ice_hockey` | :ping_pong: | `ping_pong` | +| :badminton: | `badminton` | :boxing_glove: | `boxing_glove` | +| :martial_arts_uniform: | `martial_arts_uniform` | :goal_net: | `goal_net` | +| :golf: | `golf` | :ice_skate: | `ice_skate` | +| :fishing_pole_and_fish: | `fishing_pole_and_fish` | :running_shirt_with_sash: | `running_shirt_with_sash` | +| :ski: | `ski` | | | + +#### Game + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :dart: | `dart` | :8ball: | `8ball` | +| :crystal_ball: | `crystal_ball` | :video_game: | `video_game` | +| :joystick: | `joystick` | :slot_machine: | `slot_machine` | +| :game_die: | `game_die` | :spades: | `spades` | +| :hearts: | `hearts` | :diamonds: | `diamonds` | +| :clubs: | `clubs` | :black_joker: | `black_joker` | +| :mahjong: | `mahjong` | :flower_playing_cards: | `flower_playing_cards` | + +#### Arts & Crafts + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :performing_arts: | `performing_arts` | :framed_picture: | `framed_picture` | +| :art: | `art` | | | + +### Objects + +#### Clothing + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :eyeglasses: | `eyeglasses` | :dark_sunglasses: | `dark_sunglasses` | +| :necktie: | `necktie` | :shirt: | `shirt`
`tshirt` | +| :jeans: | `jeans` | :dress: | `dress` | +| :kimono: | `kimono` | :bikini: | `bikini` | +| :womans_clothes: | `womans_clothes` | :purse: | `purse` | +| :handbag: | `handbag` | :pouch: | `pouch` | +| :shopping: | `shopping` | :school_satchel: | `school_satchel` | +| :mans_shoe: | `mans_shoe`
`shoe` | :athletic_shoe: | `athletic_shoe` | +| :high_heel: | `high_heel` | :sandal: | `sandal` | +| :boot: | `boot` | :crown: | `crown` | +| :womans_hat: | `womans_hat` | :tophat: | `tophat` | +| :mortar_board: | `mortar_board` | :rescue_worker_helmet: | `rescue_worker_helmet` | +| :prayer_beads: | `prayer_beads` | :lipstick: | `lipstick` | +| :ring: | `ring` | :gem: | `gem` | + +#### Sound + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :mute: | `mute` | :speaker: | `speaker` | +| :sound: | `sound` | :loud_sound: | `loud_sound` | +| :loudspeaker: | `loudspeaker` | :mega: | `mega` | +| :postal_horn: | `postal_horn` | :bell: | `bell` | +| :no_bell: | `no_bell` | | | + +#### Music + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :musical_score: | `musical_score` | :musical_note: | `musical_note` | +| :notes: | `notes` | :studio_microphone: | `studio_microphone` | +| :level_slider: | `level_slider` | :control_knobs: | `control_knobs` | +| :microphone: | `microphone` | :headphones: | `headphones` | +| :radio: | `radio` | | | + +#### Musical Instrument + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :saxophone: | `saxophone` | :guitar: | `guitar` | +| :musical_keyboard: | `musical_keyboard` | :trumpet: | `trumpet` | +| :violin: | `violin` | :drum: | `drum` | + +#### Phone + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :iphone: | `iphone` | :calling: | `calling` | +| :phone: | `phone`
`telephone` | :telephone_receiver: | `telephone_receiver` | +| :pager: | `pager` | :fax: | `fax` | + +#### Computer + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :battery: | `battery` | :electric_plug: | `electric_plug` | +| :computer: | `computer` | :desktop_computer: | `desktop_computer` | +| :printer: | `printer` | :keyboard: | `keyboard` | +| :computer_mouse: | `computer_mouse` | :trackball: | `trackball` | +| :minidisc: | `minidisc` | :floppy_disk: | `floppy_disk` | +| :cd: | `cd` | :dvd: | `dvd` | + +#### Light & Video + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :movie_camera: | `movie_camera` | :film_strip: | `film_strip` | +| :film_projector: | `film_projector` | :clapper: | `clapper` | +| :tv: | `tv` | :camera: | `camera` | +| :camera_flash: | `camera_flash` | :video_camera: | `video_camera` | +| :vhs: | `vhs` | :mag: | `mag` | +| :mag_right: | `mag_right` | :candle: | `candle` | +| :bulb: | `bulb` | :flashlight: | `flashlight` | +| :izakaya_lantern: | `izakaya_lantern`
`lantern` | | | + +#### Book Paper + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :notebook_with_decorative_cover: | `notebook_with_decorative_cover` | :closed_book: | `closed_book` | +| :book: | `book`
`open_book` | :green_book: | `green_book` | +| :blue_book: | `blue_book` | :orange_book: | `orange_book` | +| :books: | `books` | :notebook: | `notebook` | +| :ledger: | `ledger` | :page_with_curl: | `page_with_curl` | +| :scroll: | `scroll` | :page_facing_up: | `page_facing_up` | +| :newspaper: | `newspaper` | :newspaper_roll: | `newspaper_roll` | +| :bookmark_tabs: | `bookmark_tabs` | :bookmark: | `bookmark` | +| :label: | `label` | | | + +#### Money + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :moneybag: | `moneybag` | :yen: | `yen` | +| :dollar: | `dollar` | :euro: | `euro` | +| :pound: | `pound` | :money_with_wings: | `money_with_wings` | +| :credit_card: | `credit_card` | :chart: | `chart` | + +#### Mail + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :email: | `email`
`envelope` | :e-mail: | `:e-mail:` | +| :incoming_envelope: | `incoming_envelope` | :envelope_with_arrow: | `envelope_with_arrow` | +| :outbox_tray: | `outbox_tray` | :inbox_tray: | `inbox_tray` | +| :package: | `package` | :mailbox: | `mailbox` | +| :mailbox_closed: | `mailbox_closed` | :mailbox_with_mail: | `mailbox_with_mail` | +| :mailbox_with_no_mail: | `mailbox_with_no_mail` | :postbox: | `postbox` | +| :ballot_box: | `ballot_box` | | | + +#### Writing + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :pencil2: | `pencil2` | :black_nib: | `black_nib` | +| :fountain_pen: | `fountain_pen` | :pen: | `pen` | +| :paintbrush: | `paintbrush` | :crayon: | `crayon` | +| :memo: | `memo`
`pencil` | | | + +#### Office + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :briefcase: | `briefcase` | :file_folder: | `file_folder` | +| :open_file_folder: | `open_file_folder` | :card_index_dividers: | `card_index_dividers` | +| :date: | `date` | :calendar: | `calendar` | +| :spiral_notepad: | `spiral_notepad` | :spiral_calendar: | `spiral_calendar` | +| :card_index: | `card_index` | :chart_with_upwards_trend: | `chart_with_upwards_trend` | +| :chart_with_downwards_trend: | `chart_with_downwards_trend` | :bar_chart: | `bar_chart` | +| :clipboard: | `clipboard` | :pushpin: | `pushpin` | +| :round_pushpin: | `round_pushpin` | :paperclip: | `paperclip` | +| :paperclips: | `paperclips` | :straight_ruler: | `straight_ruler` | +| :triangular_ruler: | `triangular_ruler` | :scissors: | `scissors` | +| :card_file_box: | `card_file_box` | :file_cabinet: | `file_cabinet` | +| :wastebasket: | `wastebasket` | | | + +#### Lock + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :lock: | `lock` | :unlock: | `unlock` | +| :lock_with_ink_pen: | `lock_with_ink_pen` | :closed_lock_with_key: | `closed_lock_with_key` | +| :key: | `key` | :old_key: | `old_key` | + +#### Tool + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :hammer: | `hammer` | :pick: | `pick` | +| :hammer_and_pick: | `hammer_and_pick` | :hammer_and_wrench: | `hammer_and_wrench` | +| :dagger: | `dagger` | :crossed_swords: | `crossed_swords` | +| :gun: | `gun` | :bow_and_arrow: | `bow_and_arrow` | +| :shield: | `shield` | :wrench: | `wrench` | +| :nut_and_bolt: | `nut_and_bolt` | :gear: | `gear` | +| :clamp: | `clamp` | :balance_scale: | `balance_scale` | +| :link: | `link` | :chains: | `chains` | + +#### Science + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :alembic: | `alembic` | :microscope: | `microscope` | +| :telescope: | `telescope` | :satellite: | `satellite` | + +#### Medical + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :syringe: | `syringe` | :pill: | `pill` | + +#### Household + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :door: | `door` | :bed: | `bed` | +| :couch_and_lamp: | `couch_and_lamp` | :toilet: | `toilet` | +| :shower: | `shower` | :bathtub: | `bathtub` | +| :shopping_cart: | `shopping_cart` | | | + +#### Other Object + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :smoking: | `smoking` | :coffin: | `coffin` | +| :funeral_urn: | `funeral_urn` | :moyai: | `moyai` | + +### Symbols + +#### Transport Sign + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :atm: | `atm` | :put_litter_in_its_place: | `put_litter_in_its_place` | +| :potable_water: | `potable_water` | :wheelchair: | `wheelchair` | +| :mens: | `mens` | :womens: | `womens` | +| :restroom: | `restroom` | :baby_symbol: | `baby_symbol` | +| :wc: | `wc` | :passport_control: | `passport_control` | +| :customs: | `customs` | :baggage_claim: | `baggage_claim` | +| :left_luggage: | `left_luggage` | | | + +#### Warning + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :warning: | `warning` | :children_crossing: | `children_crossing` | +| :no_entry: | `no_entry` | :no_entry_sign: | `no_entry_sign` | +| :no_bicycles: | `no_bicycles` | :no_smoking: | `no_smoking` | +| :do_not_litter: | `do_not_litter` | :non-potable_water: | `:non-potable_water:` | +| :no_pedestrians: | `no_pedestrians` | :no_mobile_phones: | `no_mobile_phones` | +| :underage: | `underage` | :radioactive: | `radioactive` | +| :biohazard: | `biohazard` | | | + +#### Arrow + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :arrow_up: | `arrow_up` | :arrow_upper_right: | `arrow_upper_right` | +| :arrow_right: | `arrow_right` | :arrow_lower_right: | `arrow_lower_right` | +| :arrow_down: | `arrow_down` | :arrow_lower_left: | `arrow_lower_left` | +| :arrow_left: | `arrow_left` | :arrow_upper_left: | `arrow_upper_left` | +| :arrow_up_down: | `arrow_up_down` | :left_right_arrow: | `left_right_arrow` | +| :leftwards_arrow_with_hook: | `leftwards_arrow_with_hook` | :arrow_right_hook: | `arrow_right_hook` | +| :arrow_heading_up: | `arrow_heading_up` | :arrow_heading_down: | `arrow_heading_down` | +| :arrows_clockwise: | `arrows_clockwise` | :arrows_counterclockwise: | `arrows_counterclockwise` | +| :back: | `back` | :end: | `end` | +| :on: | `on` | :soon: | `soon` | +| :top: | `top` | | | + +#### Religion + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :place_of_worship: | `place_of_worship` | :atom_symbol: | `atom_symbol` | +| :om: | `om` | :star_of_david: | `star_of_david` | +| :wheel_of_dharma: | `wheel_of_dharma` | :yin_yang: | `yin_yang` | +| :latin_cross: | `latin_cross` | :orthodox_cross: | `orthodox_cross` | +| :star_and_crescent: | `star_and_crescent` | :peace_symbol: | `peace_symbol` | +| :menorah: | `menorah` | :six_pointed_star: | `six_pointed_star` | + +#### Zodiac + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :aries: | `aries` | :taurus: | `taurus` | +| :gemini: | `gemini` | :cancer: | `cancer` | +| :leo: | `leo` | :virgo: | `virgo` | +| :libra: | `libra` | :scorpius: | `scorpius` | +| :sagittarius: | `sagittarius` | :capricorn: | `capricorn` | +| :aquarius: | `aquarius` | :pisces: | `pisces` | +| :ophiuchus: | `ophiuchus` | | | + +#### Av Symbol + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :twisted_rightwards_arrows: | `twisted_rightwards_arrows` | :repeat: | `repeat` | +| :repeat_one: | `repeat_one` | :arrow_forward: | `arrow_forward` | +| :fast_forward: | `fast_forward` | :next_track_button: | `next_track_button` | +| :play_or_pause_button: | `play_or_pause_button` | :arrow_backward: | `arrow_backward` | +| :rewind: | `rewind` | :previous_track_button: | `previous_track_button` | +| :arrow_up_small: | `arrow_up_small` | :arrow_double_up: | `arrow_double_up` | +| :arrow_down_small: | `arrow_down_small` | :arrow_double_down: | `arrow_double_down` | +| :pause_button: | `pause_button` | :stop_button: | `stop_button` | +| :record_button: | `record_button` | :cinema: | `cinema` | +| :low_brightness: | `low_brightness` | :high_brightness: | `high_brightness` | +| :signal_strength: | `signal_strength` | :vibration_mode: | `vibration_mode` | +| :mobile_phone_off: | `mobile_phone_off` | | | + +#### Math + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :heavy_multiplication_x: | `heavy_multiplication_x` | :heavy_plus_sign: | `heavy_plus_sign` | +| :heavy_minus_sign: | `heavy_minus_sign` | :heavy_division_sign: | `heavy_division_sign` | + +#### Punctuation + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :bangbang: | `bangbang` | :interrobang: | `interrobang` | +| :question: | `question` | :grey_question: | `grey_question` | +| :grey_exclamation: | `grey_exclamation` | :exclamation: | `exclamation`
`heavy_exclamation_mark` | +| :wavy_dash: | `wavy_dash` | | | + +#### Currency + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :currency_exchange: | `currency_exchange` | :heavy_dollar_sign: | `heavy_dollar_sign` | + +#### Keycap + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :hash: | `hash` | :asterisk: | `asterisk` | +| :zero: | `zero` | :one: | `one` | +| :two: | `two` | :three: | `three` | +| :four: | `four` | :five: | `five` | +| :six: | `six` | :seven: | `seven` | +| :eight: | `eight` | :nine: | `nine` | +| :keycap_ten: | `keycap_ten` | | | + +#### Alphabet + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :capital_abcd: | `capital_abcd` | :abcd: | `abcd` | +| :1234: | `1234` | :symbols: | `symbols` | +| :abc: | `abc` | :a: | `a` | +| :ab: | `ab` | :b: | `b` | +| :cl: | `cl` | :cool: | `cool` | +| :free: | `free` | :information_source: | `information_source` | +| :id: | `id` | :m: | `m` | +| :new: | `new` | :ng: | `ng` | +| :o2: | `o2` | :ok: | `ok` | +| :parking: | `parking` | :sos: | `sos` | +| :up: | `up` | :vs: | `vs` | +| :koko: | `koko` | :sa: | `sa` | +| :u6708: | `u6708` | :u6709: | `u6709` | +| :u6307: | `u6307` | :ideograph_advantage: | `ideograph_advantage` | +| :u5272: | `u5272` | :u7121: | `u7121` | +| :u7981: | `u7981` | :accept: | `accept` | +| :u7533: | `u7533` | :u5408: | `u5408` | +| :u7a7a: | `u7a7a` | :congratulations: | `congratulations` | +| :secret: | `secret` | :u55b6: | `u55b6` | +| :u6e80: | `u6e80` | | | + +#### Geometric + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :red_circle: | `red_circle` | :large_blue_circle: | `large_blue_circle` | +| :black_circle: | `black_circle` | :white_circle: | `white_circle` | +| :black_large_square: | `black_large_square` | :white_large_square: | `white_large_square` | +| :black_medium_square: | `black_medium_square` | :white_medium_square: | `white_medium_square` | +| :black_medium_small_square: | `black_medium_small_square` | :white_medium_small_square: | `white_medium_small_square` | +| :black_small_square: | `black_small_square` | :white_small_square: | `white_small_square` | +| :large_orange_diamond: | `large_orange_diamond` | :large_blue_diamond: | `large_blue_diamond` | +| :small_orange_diamond: | `small_orange_diamond` | :small_blue_diamond: | `small_blue_diamond` | +| :small_red_triangle: | `small_red_triangle` | :small_red_triangle_down: | `small_red_triangle_down` | +| :diamond_shape_with_a_dot_inside: | `diamond_shape_with_a_dot_inside` | :radio_button: | `radio_button` | +| :white_square_button: | `white_square_button` | :black_square_button: | `black_square_button` | + +#### Other Symbol + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :recycle: | `recycle` | :fleur_de_lis: | `fleur_de_lis` | +| :trident: | `trident` | :name_badge: | `name_badge` | +| :beginner: | `beginner` | :o: | `o` | +| :white_check_mark: | `white_check_mark` | :ballot_box_with_check: | `ballot_box_with_check` | +| :heavy_check_mark: | `heavy_check_mark` | :x: | `x` | +| :negative_squared_cross_mark: | `negative_squared_cross_mark` | :curly_loop: | `curly_loop` | +| :loop: | `loop` | :part_alternation_mark: | `part_alternation_mark` | +| :eight_spoked_asterisk: | `eight_spoked_asterisk` | :eight_pointed_black_star: | `eight_pointed_black_star` | +| :sparkle: | `sparkle` | :copyright: | `copyright` | +| :registered: | `registered` | :tm: | `tm` | + +### Flags + +#### Common Flags + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :checkered_flag: | `checkered_flag` | :triangular_flag_on_post: | `triangular_flag_on_post` | +| :crossed_flags: | `crossed_flags` | :black_flag: | `black_flag` | +| :white_flag: | `white_flag` | :rainbow_flag: | `rainbow_flag` | + +#### Country and Region Flags + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :andorra: | `andorra` | :united_arab_emirates: | `united_arab_emirates` | +| :afghanistan: | `afghanistan` | :antigua_barbuda: | `antigua_barbuda` | +| :anguilla: | `anguilla` | :albania: | `albania` | +| :armenia: | `armenia` | :angola: | `angola` | +| :antarctica: | `antarctica` | :argentina: | `argentina` | +| :american_samoa: | `american_samoa` | :austria: | `austria` | +| :australia: | `australia` | :aruba: | `aruba` | +| :aland_islands: | `aland_islands` | :azerbaijan: | `azerbaijan` | +| :bosnia_herzegovina: | `bosnia_herzegovina` | :barbados: | `barbados` | +| :bangladesh: | `bangladesh` | :belgium: | `belgium` | +| :burkina_faso: | `burkina_faso` | :bulgaria: | `bulgaria` | +| :bahrain: | `bahrain` | :burundi: | `burundi` | +| :benin: | `benin` | :st_barthelemy: | `st_barthelemy` | +| :bermuda: | `bermuda` | :brunei: | `brunei` | +| :bolivia: | `bolivia` | :caribbean_netherlands: | `caribbean_netherlands` | +| :brazil: | `brazil` | :bahamas: | `bahamas` | +| :bhutan: | `bhutan` | :botswana: | `botswana` | +| :belarus: | `belarus` | :belize: | `belize` | +| :canada: | `canada` | :cocos_islands: | `cocos_islands` | +| :congo_kinshasa: | `congo_kinshasa` | :central_african_republic: | `central_african_republic` | +| :congo_brazzaville: | `congo_brazzaville` | :switzerland: | `switzerland` | +| :cote_divoire: | `cote_divoire` | :cook_islands: | `cook_islands` | +| :chile: | `chile` | :cameroon: | `cameroon` | +| :cn: | `cn` | :colombia: | `colombia` | +| :costa_rica: | `costa_rica` | :cuba: | `cuba` | +| :cape_verde: | `cape_verde` | :curacao: | `curacao` | +| :christmas_island: | `christmas_island` | :cyprus: | `cyprus` | +| :czech_republic: | `czech_republic` | :de: | `de` | +| :djibouti: | `djibouti` | :denmark: | `denmark` | +| :dominica: | `dominica` | :dominican_republic: | `dominican_republic` | +| :algeria: | `algeria` | :ecuador: | `ecuador` | +| :estonia: | `estonia` | :egypt: | `egypt` | +| :western_sahara: | `western_sahara` | :eritrea: | `eritrea` | +| :es: | `es` | :ethiopia: | `ethiopia` | +| :eu: | `eu`
`european_union` | :finland: | `finland` | +| :fiji: | `fiji` | :falkland_islands: | `falkland_islands` | +| :micronesia: | `micronesia` | :faroe_islands: | `faroe_islands` | +| :fr: | `fr` | :gabon: | `gabon` | +| :gb: | `gb`
`uk` | :grenada: | `grenada` | +| :georgia: | `georgia` | :french_guiana: | `french_guiana` | +| :guernsey: | `guernsey` | :ghana: | `ghana` | +| :gibraltar: | `gibraltar` | :greenland: | `greenland` | +| :gambia: | `gambia` | :guinea: | `guinea` | +| :guadeloupe: | `guadeloupe` | :equatorial_guinea: | `equatorial_guinea` | +| :greece: | `greece` | :south_georgia_south_sandwich_islands: | `south_georgia_south_sandwich_islands` | +| :guatemala: | `guatemala` | :guam: | `guam` | +| :guinea_bissau: | `guinea_bissau` | :guyana: | `guyana` | +| :hong_kong: | `hong_kong` | :honduras: | `honduras` | +| :croatia: | `croatia` | :haiti: | `haiti` | +| :hungary: | `hungary` | :canary_islands: | `canary_islands` | +| :indonesia: | `indonesia` | :ireland: | `ireland` | +| :israel: | `israel` | :isle_of_man: | `isle_of_man` | +| :india: | `india` | :british_indian_ocean_territory: | `british_indian_ocean_territory` | +| :iraq: | `iraq` | :iran: | `iran` | +| :iceland: | `iceland` | :it: | `it` | +| :jersey: | `jersey` | :jamaica: | `jamaica` | +| :jordan: | `jordan` | :jp: | `jp` | +| :kenya: | `kenya` | :kyrgyzstan: | `kyrgyzstan` | +| :cambodia: | `cambodia` | :kiribati: | `kiribati` | +| :comoros: | `comoros` | :st_kitts_nevis: | `st_kitts_nevis` | +| :north_korea: | `north_korea` | :kr: | `kr` | +| :kuwait: | `kuwait` | :cayman_islands: | `cayman_islands` | +| :kazakhstan: | `kazakhstan` | :laos: | `laos` | +| :lebanon: | `lebanon` | :st_lucia: | `st_lucia` | +| :liechtenstein: | `liechtenstein` | :sri_lanka: | `sri_lanka` | +| :liberia: | `liberia` | :lesotho: | `lesotho` | +| :lithuania: | `lithuania` | :luxembourg: | `luxembourg` | +| :latvia: | `latvia` | :libya: | `libya` | +| :morocco: | `morocco` | :monaco: | `monaco` | +| :moldova: | `moldova` | :montenegro: | `montenegro` | +| :madagascar: | `madagascar` | :marshall_islands: | `marshall_islands` | +| :macedonia: | `macedonia` | :mali: | `mali` | +| :myanmar: | `myanmar` | :mongolia: | `mongolia` | +| :macau: | `macau` | :northern_mariana_islands: | `northern_mariana_islands` | +| :martinique: | `martinique` | :mauritania: | `mauritania` | +| :montserrat: | `montserrat` | :malta: | `malta` | +| :mauritius: | `mauritius` | :maldives: | `maldives` | +| :malawi: | `malawi` | :mexico: | `mexico` | +| :malaysia: | `malaysia` | :mozambique: | `mozambique` | +| :namibia: | `namibia` | :new_caledonia: | `new_caledonia` | +| :niger: | `niger` | :norfolk_island: | `norfolk_island` | +| :nigeria: | `nigeria` | :nicaragua: | `nicaragua` | +| :netherlands: | `netherlands` | :norway: | `norway` | +| :nepal: | `nepal` | :nauru: | `nauru` | +| :niue: | `niue` | :new_zealand: | `new_zealand` | +| :oman: | `oman` | :panama: | `panama` | +| :peru: | `peru` | :french_polynesia: | `french_polynesia` | +| :papua_new_guinea: | `papua_new_guinea` | :philippines: | `philippines` | +| :pakistan: | `pakistan` | :poland: | `poland` | +| :st_pierre_miquelon: | `st_pierre_miquelon` | :pitcairn_islands: | `pitcairn_islands` | +| :puerto_rico: | `puerto_rico` | :palestinian_territories: | `palestinian_territories` | +| :portugal: | `portugal` | :palau: | `palau` | +| :paraguay: | `paraguay` | :qatar: | `qatar` | +| :reunion: | `reunion` | :romania: | `romania` | +| :serbia: | `serbia` | :ru: | `ru` | +| :rwanda: | `rwanda` | :saudi_arabia: | `saudi_arabia` | +| :solomon_islands: | `solomon_islands` | :seychelles: | `seychelles` | +| :sudan: | `sudan` | :sweden: | `sweden` | +| :singapore: | `singapore` | :st_helena: | `st_helena` | +| :slovenia: | `slovenia` | :slovakia: | `slovakia` | +| :sierra_leone: | `sierra_leone` | :san_marino: | `san_marino` | +| :senegal: | `senegal` | :somalia: | `somalia` | +| :suriname: | `suriname` | :south_sudan: | `south_sudan` | +| :sao_tome_principe: | `sao_tome_principe` | :el_salvador: | `el_salvador` | +| :sint_maarten: | `sint_maarten` | :syria: | `syria` | +| :swaziland: | `swaziland` | :turks_caicos_islands: | `turks_caicos_islands` | +| :chad: | `chad` | :french_southern_territories: | `french_southern_territories` | +| :togo: | `togo` | :thailand: | `thailand` | +| :tajikistan: | `tajikistan` | :tokelau: | `tokelau` | +| :timor_leste: | `timor_leste` | :turkmenistan: | `turkmenistan` | +| :tunisia: | `tunisia` | :tonga: | `tonga` | +| :tr: | `tr` | :trinidad_tobago: | `trinidad_tobago` | +| :tuvalu: | `tuvalu` | :taiwan: | `taiwan` | +| :tanzania: | `tanzania` | :ukraine: | `ukraine` | +| :uganda: | `uganda` | :us: | `us` | +| :uruguay: | `uruguay` | :uzbekistan: | `uzbekistan` | +| :vatican_city: | `vatican_city` | :st_vincent_grenadines: | `st_vincent_grenadines` | +| :venezuela: | `venezuela` | :british_virgin_islands: | `british_virgin_islands` | +| :us_virgin_islands: | `us_virgin_islands` | :vietnam: | `vietnam` | +| :vanuatu: | `vanuatu` | :wallis_futuna: | `wallis_futuna` | +| :samoa: | `samoa` | :kosovo: | `kosovo` | +| :yemen: | `yemen` | :mayotte: | `mayotte` | +| :south_africa: | `south_africa` | :zambia: | `zambia` | +| :zimbabwe: | `zimbabwe` | | | + +### GitHub Custom Emoji + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :atom: | `atom` | :basecamp: | `basecamp` | +| :basecampy: | `basecampy` | :bowtie: | `bowtie` | +| :electron: | `electron` | :feelsgood: | `feelsgood` | +| :finnadie: | `finnadie` | :goberserk: | `goberserk` | +| :godmode: | `godmode` | :hurtrealbad: | `hurtrealbad` | +| :neckbeard: | `neckbeard` | :octocat: | `octocat` | +| :rage1: | `rage1` | :rage2: | `rage2` | +| :rage3: | `rage3` | :rage4: | `rage4` | +| :shipit: | `shipit`
`squirrel` | :suspect: | `suspect` | +| :trollface: | `trollface` | | | -{{< css.inline >}} -{{< /css.inline >}} diff --git a/exampleSite/content/posts/emoji-support.fr.md b/exampleSite/content/posts/emoji-support.fr.md new file mode 100644 index 0000000..6a931cf --- /dev/null +++ b/exampleSite/content/posts/emoji-support.fr.md @@ -0,0 +1,1320 @@ +--- +weight: 5 +title: "Emoji Support" +date: 2019-10-01T17:55:28+08:00 +lastmod: 2019-10-01T17:55:28+08:00 +draft: false +author: "Dillon" +authorLink: "https://dillonzq.com" +description: "Guide d'utilisation des emoji dans Hugo et LoveIt." +license: "" + +tags: ["emoji"] +categories: ["markdown"] +hiddenFromHomePage: false + +featuredImage: "/images/emoji-support/featured-image.jpg" +featuredImagePreview: "" + +toc: true +autoCollapseToc: true +math: false +lightgallery: true +linkToMarkdown: true +share: + enable: true +comment: true +--- + +Emoji peut être activé dans un projet Hugo de plusieurs façons. + + + +{{< admonition warning >}} +Sorry, this article has not been completely translated into **French**. +Welcome to take the time to propose a translation by [making a PR](https://github.com/dillonzq/LoveIt/pulls) to the theme! +{{< /admonition >}} + +The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes). + +To enable emoji globally, set `enableEmoji` to `true` in your site’s [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files. + +These begin and end with a **colon** and include the **code** of an emoji: + +```markdown +Gone camping! {?:}tent: Be back soon. + +That is so funny! {?:}joy: +``` + +The rendered output looks like this: + +Gone camping! :tent: Be back soon. + +That is so funny! :joy: + +## Emoji Cheat Sheet + +The emoji cheat sheet is a useful reference for emoji shorthand codes. + +### Smileys & Emotion + +#### Face Smiling + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :grinning: | `grinning` | :smiley: | `smiley` | +| :smile: | `smile` | :grin: | `grin` | +| :laughing: | `laughing`
`satisfied` | :sweat_smile: | `sweat_smile` | +| :rofl: | `rofl` | :joy: | `joy` | +| :slightly_smiling_face: | `slightly_smiling_face` | :upside_down_face: | `upside_down_face` | +| :wink: | `wink` | :blush: | `blush` | +| :innocent: | `innocent` | | | + +#### Face Affection + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :heart_eyes: | `heart_eyes` | :kissing_heart: | `kissing_heart` | +| :kissing: | `kissing` | :relaxed: | `relaxed` | +| :kissing_closed_eyes: | `kissing_closed_eyes` | :kissing_smiling_eyes: | `kissing_smiling_eyes` | + +#### Face Tongue + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :yum: | `yum` | :stuck_out_tongue: | `stuck_out_tongue` | +| :stuck_out_tongue_winking_eye: | `stuck_out_tongue_winking_eye` | :stuck_out_tongue_closed_eyes: | `stuck_out_tongue_closed_eyes` | +| :money_mouth_face: | `money_mouth_face` | | | + +#### Face Hand + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :hugs: | `hugs` | :thinking: | `thinking` | + +#### Face Neutral Skeptical + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :zipper_mouth_face: | `zipper_mouth_face` | :neutral_face: | `neutral_face` | +| :expressionless: | `expressionless` | :no_mouth: | `no_mouth` | +| :smirk: | `smirk` | :unamused: | `unamused` | +| :roll_eyes: | `roll_eyes` | :grimacing: | `grimacing` | +| :lying_face: | `lying_face` | | | + +#### Face Sleepy + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :relieved: | `relieved` | :pensive: | `pensive` | +| :sleepy: | `sleepy` | :drooling_face: | `drooling_face` | +| :sleeping: | `sleeping` | | | + +#### Face Unwell + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :mask: | `mask` | :face_with_thermometer: | `face_with_thermometer` | +| :face_with_head_bandage: | `face_with_head_bandage` | :nauseated_face: | `nauseated_face` | +| :sneezing_face: | `sneezing_face` | :dizzy_face: | `dizzy_face` | + +#### Face Hat + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :cowboy_hat_face: | `cowboy_hat_face` | | | + +#### Face Glasses + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :sunglasses: | `sunglasses` | :nerd_face: | `nerd_face` | + +#### Face Concerned + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :confused: | `confused` | :worried: | `worried` | +| :slightly_frowning_face: | `slightly_frowning_face` | :frowning_face: | `frowning_face` | +| :open_mouth: | `open_mouth` | :hushed: | `hushed` | +| :astonished: | `astonished` | :flushed: | `flushed` | +| :frowning: | `frowning` | :anguished: | `anguished` | +| :fearful: | `fearful` | :cold_sweat: | `cold_sweat` | +| :disappointed_relieved: | `disappointed_relieved` | :cry: | `cry` | +| :sob: | `sob` | :scream: | `scream` | +| :confounded: | `confounded` | :persevere: | `persevere` | +| :disappointed: | `disappointed` | :sweat: | `sweat` | +| :weary: | `weary` | :tired_face: | `tired_face` | + +#### Face Negative + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :triumph: | `triumph` | :pout: | `pout`
`rage` | +| :angry: | `angry` | :smiling_imp: | `smiling_imp` | +| :imp: | `imp` | :skull: | `skull` | +| :skull_and_crossbones: | `skull_and_crossbones` | | | + +#### Face Costume + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :hankey: | `hankey`
`poop`
`shit` | :clown_face: | `clown_face` | +| :japanese_ogre: | `japanese_ogre` | :japanese_goblin: | `japanese_goblin` | +| :ghost: | `ghost` | :alien: | `alien` | +| :space_invader: | `space_invader` | :robot: | `robot` | + +#### Cat Face + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :smiley_cat: | `smiley_cat` | :smile_cat: | `smile_cat` | +| :joy_cat: | `joy_cat` | :heart_eyes_cat: | `heart_eyes_cat` | +| :smirk_cat: | `smirk_cat` | :kissing_cat: | `kissing_cat` | +| :scream_cat: | `scream_cat` | :crying_cat_face: | `crying_cat_face` | +| :pouting_cat: | `pouting_cat` | | | + +#### Monkey Face + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :see_no_evil: | `see_no_evil` | :hear_no_evil: | `hear_no_evil` | +| :speak_no_evil: | `speak_no_evil` | | | + +#### Emotion + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :kiss: | `kiss` | :love_letter: | `love_letter` | +| :cupid: | `cupid` | :gift_heart: | `gift_heart` | +| :sparkling_heart: | `sparkling_heart` | :heartpulse: | `heartpulse` | +| :heartbeat: | `heartbeat` | :revolving_hearts: | `revolving_hearts` | +| :two_hearts: | `two_hearts` | :heart_decoration: | `heart_decoration` | +| :heavy_heart_exclamation: | `heavy_heart_exclamation` | :broken_heart: | `broken_heart` | +| :heart: | `heart` | :yellow_heart: | `yellow_heart` | +| :green_heart: | `green_heart` | :blue_heart: | `blue_heart` | +| :purple_heart: | `purple_heart` | :black_heart: | `black_heart` | +| :100: | `100` | :anger: | `anger` | +| :boom: | `boom`
`collision` | :dizzy: | `dizzy` | +| :sweat_drops: | `sweat_drops` | :dash: | `dash` | +| :hole: | `hole` | :bomb: | `bomb` | +| :speech_balloon: | `speech_balloon` | :eye_speech_bubble: | `eye_speech_bubble` | +| :right_anger_bubble: | `right_anger_bubble` | :thought_balloon: | `thought_balloon` | +| :zzz: | `zzz` | | | + +### People & Body + +#### Hand Fingers Open + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :wave: | `wave` | :raised_back_of_hand: | `raised_back_of_hand` | +| :raised_hand_with_fingers_splayed: | `raised_hand_with_fingers_splayed` | :hand: | `hand`
`raised_hand` | +| :vulcan_salute: | `vulcan_salute` | | | + +#### Hand Fingers Partial + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :ok_hand: | `ok_hand` | :v: | `v` | +| :crossed_fingers: | `crossed_fingers` | :metal: | `metal` | +| :call_me_hand: | `call_me_hand` | | | + +#### Hand Single Finger + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :point_left: | `point_left` | :point_right: | `point_right` | +| :point_up_2: | `point_up_2` | :fu: | `fu`
`middle_finger` | +| :point_down: | `point_down` | :point_up: | `point_up` | + +#### Hand Fingers Closed + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :+1: | `:+1:`
`thumbsup` | :-1: | `:-1:`
`thumbsdown` | +| :fist: | `fist`
`fist_raised` | :facepunch: | `facepunch`
`fist_oncoming`
`punch` | +| :fist_left: | `fist_left` | :fist_right: | `fist_right` | + +#### Hands + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :clap: | `clap` | :raised_hands: | `raised_hands` | +| :open_hands: | `open_hands` | :handshake: | `handshake` | +| :pray: | `pray` | | | + +#### Hand Prop + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :writing_hand: | `writing_hand` | :nail_care: | `nail_care` | +| :selfie: | `selfie` | | | + +#### Body Parts + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :muscle: | `muscle` | :ear: | `ear` | +| :nose: | `nose` | :eyes: | `eyes` | +| :eye: | `eye` | :tongue: | `tongue` | +| :lips: | `lips` | | | + +#### Person + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :baby: | `baby` | :boy: | `boy` | +| :girl: | `girl` | :blonde_man: | `blonde_man`
`person_with_blond_hair` | +| :man: | `man` | :woman: | `woman` | +| :blonde_woman: | `blonde_woman` | :older_man: | `older_man` | +| :older_woman: | `older_woman` | | | + +#### Person Gesture + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :frowning_woman: | `frowning_woman`
`person_frowning` | :frowning_man: | `frowning_man` | +| :person_with_pouting_face: | `person_with_pouting_face`
`pouting_woman` | :pouting_man: | `pouting_man` | +| :ng_woman: | `ng_woman`
`no_good`
`no_good_woman` | :ng_man: | `ng_man`
`no_good_man` | +| :ok_woman: | `ok_woman` | :ok_man: | `ok_man` | +| :information_desk_person: | `information_desk_person`
`sassy_woman`
`tipping_hand_woman` | :sassy_man: | `sassy_man`
`tipping_hand_man` | +| :raising_hand: | `raising_hand`
`raising_hand_woman` | :raising_hand_man: | `raising_hand_man` | +| :bow: | `bow`
`bowing_man` | :bowing_woman: | `bowing_woman` | +| :man_facepalming: | `man_facepalming` | :woman_facepalming: | `woman_facepalming` | +| :man_shrugging: | `man_shrugging` | :woman_shrugging: | `woman_shrugging` | + +#### Person Role + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :man_health_worker: | `man_health_worker` | :woman_health_worker: | `woman_health_worker` | +| :man_student: | `man_student` | :woman_student: | `woman_student` | +| :man_teacher: | `man_teacher` | :woman_teacher: | `woman_teacher` | +| :man_judge: | `man_judge` | :woman_judge: | `woman_judge` | +| :man_farmer: | `man_farmer` | :woman_farmer: | `woman_farmer` | +| :man_cook: | `man_cook` | :woman_cook: | `woman_cook` | +| :man_mechanic: | `man_mechanic` | :woman_mechanic: | `woman_mechanic` | +| :man_factory_worker: | `man_factory_worker` | :woman_factory_worker: | `woman_factory_worker` | +| :man_office_worker: | `man_office_worker` | :woman_office_worker: | `woman_office_worker` | +| :man_scientist: | `man_scientist` | :woman_scientist: | `woman_scientist` | +| :man_technologist: | `man_technologist` | :woman_technologist: | `woman_technologist` | +| :man_singer: | `man_singer` | :woman_singer: | `woman_singer` | +| :man_artist: | `man_artist` | :woman_artist: | `woman_artist` | +| :man_pilot: | `man_pilot` | :woman_pilot: | `woman_pilot` | +| :man_astronaut: | `man_astronaut` | :woman_astronaut: | `woman_astronaut` | +| :man_firefighter: | `man_firefighter` | :woman_firefighter: | `woman_firefighter` | +| :cop: | `cop`
`policeman` | :policewoman: | `policewoman` | +| :detective: | `detective`
`male_detective` | :female_detective: | `female_detective` | +| :guardsman: | `guardsman` | :guardswoman: | `guardswoman` | +| :construction_worker: | `construction_worker`
`construction_worker_man` | :construction_worker_woman: | `construction_worker_woman` | +| :prince: | `prince` | :princess: | `princess` | +| :man_with_turban: | `man_with_turban` | :woman_with_turban: | `woman_with_turban` | +| :man_with_gua_pi_mao: | `man_with_gua_pi_mao` | :man_in_tuxedo: | `man_in_tuxedo` | +| :bride_with_veil: | `bride_with_veil` | :pregnant_woman: | `pregnant_woman` | + +#### Person Fantasy + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :angel: | `angel` | :santa: | `santa` | +| :mrs_claus: | `mrs_claus` | | | + +#### Person Activity + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :massage: | `massage`
`massage_woman` | :massage_man: | `massage_man` | +| :haircut: | `haircut`
`haircut_woman` | :haircut_man: | `haircut_man` | +| :walking: | `walking`
`walking_man` | :walking_woman: | `walking_woman` | +| :runner: | `runner`
`running`
`running_man` | :running_woman: | `running_woman` | +| :dancer: | `dancer` | :man_dancing: | `man_dancing` | +| :business_suit_levitating: | `business_suit_levitating` | :dancers: | `dancers`
`dancing_women` | +| :dancing_men: | `dancing_men` | | | + +#### Person Sport + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :person_fencing: | `person_fencing` | :horse_racing: | `horse_racing` | +| :skier: | `skier` | :snowboarder: | `snowboarder` | +| :golfing_man: | `golfing_man` | :golfing_woman: | `golfing_woman` | +| :surfer: | `surfer`
`surfing_man` | :surfing_woman: | `surfing_woman` | +| :rowboat: | `rowboat`
`rowing_man` | :rowing_woman: | `rowing_woman` | +| :swimmer: | `swimmer`
`swimming_man` | :swimming_woman: | `swimming_woman` | +| :basketball_man: | `basketball_man` | :basketball_woman: | `basketball_woman` | +| :weight_lifting_man: | `weight_lifting_man` | :weight_lifting_woman: | `weight_lifting_woman` | +| :bicyclist: | `bicyclist`
`biking_man` | :biking_woman: | `biking_woman` | +| :mountain_bicyclist: | `mountain_bicyclist`
`mountain_biking_man` | :mountain_biking_woman: | `mountain_biking_woman` | +| :man_cartwheeling: | `man_cartwheeling` | :woman_cartwheeling: | `woman_cartwheeling` | +| :men_wrestling: | `men_wrestling` | :women_wrestling: | `women_wrestling` | +| :man_playing_water_polo: | `man_playing_water_polo` | :woman_playing_water_polo: | `woman_playing_water_polo` | +| :man_playing_handball: | `man_playing_handball` | :woman_playing_handball: | `woman_playing_handball` | +| :man_juggling: | `man_juggling` | :woman_juggling: | `woman_juggling` | + +#### Person Resting + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :bath: | `bath` | :sleeping_bed: | `sleeping_bed` | + +#### Family + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :two_women_holding_hands: | `two_women_holding_hands` | :couple: | `couple` | +| :two_men_holding_hands: | `two_men_holding_hands` | :couplekiss_man_woman: | `couplekiss_man_woman` | +| :couplekiss_man_man: | `couplekiss_man_man` | :couplekiss_woman_woman: | `couplekiss_woman_woman` | +| :couple_with_heart: | `couple_with_heart`
`couple_with_heart_woman_man` | :couple_with_heart_man_man: | `couple_with_heart_man_man` | +| :couple_with_heart_woman_woman: | `couple_with_heart_woman_woman` | :family: | `family`
`family_man_woman_boy` | +| :family_man_woman_girl: | `family_man_woman_girl` | :family_man_woman_girl_boy: | `family_man_woman_girl_boy` | +| :family_man_woman_boy_boy: | `family_man_woman_boy_boy` | :family_man_woman_girl_girl: | `family_man_woman_girl_girl` | +| :family_man_man_boy: | `family_man_man_boy` | :family_man_man_girl: | `family_man_man_girl` | +| :family_man_man_girl_boy: | `family_man_man_girl_boy` | :family_man_man_boy_boy: | `family_man_man_boy_boy` | +| :family_man_man_girl_girl: | `family_man_man_girl_girl` | :family_woman_woman_boy: | `family_woman_woman_boy` | +| :family_woman_woman_girl: | `family_woman_woman_girl` | :family_woman_woman_girl_boy: | `family_woman_woman_girl_boy` | +| :family_woman_woman_boy_boy: | `family_woman_woman_boy_boy` | :family_woman_woman_girl_girl: | `family_woman_woman_girl_girl` | +| :family_man_boy: | `family_man_boy` | :family_man_boy_boy: | `family_man_boy_boy` | +| :family_man_girl: | `family_man_girl` | :family_man_girl_boy: | `family_man_girl_boy` | +| :family_man_girl_girl: | `family_man_girl_girl` | :family_woman_boy: | `family_woman_boy` | +| :family_woman_boy_boy: | `family_woman_boy_boy` | :family_woman_girl: | `family_woman_girl` | +| :family_woman_girl_boy: | `family_woman_girl_boy` | :family_woman_girl_girl: | `family_woman_girl_girl` | + +#### Person Symbol + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :speaking_head: | `speaking_head` | :bust_in_silhouette: | `bust_in_silhouette` | +| :busts_in_silhouette: | `busts_in_silhouette` | :footprints: | `footprints` | + +### Animals & Nature + +#### Animal Mammal + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :monkey_face: | `monkey_face` | :monkey: | `monkey` | +| :gorilla: | `gorilla` | :dog: | `dog` | +| :dog2: | `dog2` | :poodle: | `poodle` | +| :wolf: | `wolf` | :fox_face: | `fox_face` | +| :cat: | `cat` | :cat2: | `cat2` | +| :lion: | `lion` | :tiger: | `tiger` | +| :tiger2: | `tiger2` | :leopard: | `leopard` | +| :horse: | `horse` | :racehorse: | `racehorse` | +| :unicorn: | `unicorn` | :deer: | `deer` | +| :cow: | `cow` | :ox: | `ox` | +| :water_buffalo: | `water_buffalo` | :cow2: | `cow2` | +| :pig: | `pig` | :pig2: | `pig2` | +| :boar: | `boar` | :pig_nose: | `pig_nose` | +| :ram: | `ram` | :sheep: | `sheep` | +| :goat: | `goat` | :dromedary_camel: | `dromedary_camel` | +| :camel: | `camel` | :elephant: | `elephant` | +| :rhinoceros: | `rhinoceros` | :mouse: | `mouse` | +| :mouse2: | `mouse2` | :rat: | `rat` | +| :hamster: | `hamster` | :rabbit: | `rabbit` | +| :rabbit2: | `rabbit2` | :chipmunk: | `chipmunk` | +| :bat: | `bat` | :bear: | `bear` | +| :koala: | `koala` | :panda_face: | `panda_face` | +| :feet: | `feet`
`paw_prints` | | | + +#### Animal Bird + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :turkey: | `turkey` | :chicken: | `chicken` | +| :rooster: | `rooster` | :hatching_chick: | `hatching_chick` | +| :baby_chick: | `baby_chick` | :hatched_chick: | `hatched_chick` | +| :bird: | `bird` | :penguin: | `penguin` | +| :dove: | `dove` | :eagle: | `eagle` | +| :duck: | `duck` | :owl: | `owl` | + +#### Animal Amphibian + +| | icon | code | | +| - | :-: | - | - | +| :frog: | `frog` | + +#### Animal Reptile + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :crocodile: | `crocodile` | :turtle: | `turtle` | +| :lizard: | `lizard` | :snake: | `snake` | +| :dragon_face: | `dragon_face` | :dragon: | `dragon` | + +#### Animal Marine + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :whale: | `whale` | :whale2: | `whale2` | +| :dolphin: | `dolphin`
`flipper` | :fish: | `fish` | +| :tropical_fish: | `tropical_fish` | :blowfish: | `blowfish` | +| :shark: | `shark` | :octopus: | `octopus` | +| :shell: | `shell` | | | + +#### Animal Bug + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :snail: | `snail` | :butterfly: | `butterfly` | +| :bug: | `bug` | :ant: | `ant` | +| :bee: | `bee`
`honeybee` | :beetle: | `beetle` | +| :spider: | `spider` | :spider_web: | `spider_web` | +| :scorpion: | `scorpion` | | | + +#### Plant Flower + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :bouquet: | `bouquet` | :cherry_blossom: | `cherry_blossom` | +| :white_flower: | `white_flower` | :rosette: | `rosette` | +| :rose: | `rose` | :wilted_flower: | `wilted_flower` | +| :hibiscus: | `hibiscus` | :sunflower: | `sunflower` | +| :blossom: | `blossom` | :tulip: | `tulip` | + +#### Plant Other + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :seedling: | `seedling` | :evergreen_tree: | `evergreen_tree` | +| :deciduous_tree: | `deciduous_tree` | :palm_tree: | `palm_tree` | +| :cactus: | `cactus` | :ear_of_rice: | `ear_of_rice` | +| :herb: | `herb` | :shamrock: | `shamrock` | +| :four_leaf_clover: | `four_leaf_clover` | :maple_leaf: | `maple_leaf` | +| :fallen_leaf: | `fallen_leaf` | :leaves: | `leaves` | + +### Food & Drink + +#### Food Fruit + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :grapes: | `grapes` | :melon: | `melon` | +| :watermelon: | `watermelon` | :mandarin: | `mandarin`
`orange`
`tangerine` | +| :lemon: | `lemon` | :banana: | `banana` | +| :pineapple: | `pineapple` | :apple: | `apple` | +| :green_apple: | `green_apple` | :pear: | `pear` | +| :peach: | `peach` | :cherries: | `cherries` | +| :strawberry: | `strawberry` | :kiwi_fruit: | `kiwi_fruit` | +| :tomato: | `tomato` | | | + +#### Food Vegetable + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :avocado: | `avocado` | :eggplant: | `eggplant` | +| :potato: | `potato` | :carrot: | `carrot` | +| :corn: | `corn` | :hot_pepper: | `hot_pepper` | +| :cucumber: | `cucumber` | :mushroom: | `mushroom` | +| :peanuts: | `peanuts` | :chestnut: | `chestnut` | + +#### Food Prepared + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :bread: | `bread` | :croissant: | `croissant` | +| :baguette_bread: | `baguette_bread` | :pancakes: | `pancakes` | +| :cheese: | `cheese` | :meat_on_bone: | `meat_on_bone` | +| :poultry_leg: | `poultry_leg` | :bacon: | `bacon` | +| :hamburger: | `hamburger` | :fries: | `fries` | +| :pizza: | `pizza` | :hotdog: | `hotdog` | +| :taco: | `taco` | :burrito: | `burrito` | +| :stuffed_flatbread: | `stuffed_flatbread` | :egg: | `egg` | +| :fried_egg: | `fried_egg` | :shallow_pan_of_food: | `shallow_pan_of_food` | +| :stew: | `stew` | :green_salad: | `green_salad` | +| :popcorn: | `popcorn` | | | + +#### Food Asian + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :bento: | `bento` | :rice_cracker: | `rice_cracker` | +| :rice_ball: | `rice_ball` | :rice: | `rice` | +| :curry: | `curry` | :ramen: | `ramen` | +| :spaghetti: | `spaghetti` | :sweet_potato: | `sweet_potato` | +| :oden: | `oden` | :sushi: | `sushi` | +| :fried_shrimp: | `fried_shrimp` | :fish_cake: | `fish_cake` | +| :dango: | `dango` | | | + +#### Food Marine + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :crab: | `crab` | :shrimp: | `shrimp` | +| :squid: | `squid` | | | + +#### Food Sweet + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :icecream: | `icecream` | :shaved_ice: | `shaved_ice` | +| :ice_cream: | `ice_cream` | :doughnut: | `doughnut` | +| :cookie: | `cookie` | :birthday: | `birthday` | +| :cake: | `cake` | :chocolate_bar: | `chocolate_bar` | +| :candy: | `candy` | :lollipop: | `lollipop` | +| :custard: | `custard` | :honey_pot: | `honey_pot` | + +#### Drink + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :baby_bottle: | `baby_bottle` | :milk_glass: | `milk_glass` | +| :coffee: | `coffee` | :tea: | `tea` | +| :sake: | `sake` | :champagne: | `champagne` | +| :wine_glass: | `wine_glass` | :cocktail: | `cocktail` | +| :tropical_drink: | `tropical_drink` | :beer: | `beer` | +| :beers: | `beers` | :clinking_glasses: | `clinking_glasses` | +| :tumbler_glass: | `tumbler_glass` | | | + +#### Dishware + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :plate_with_cutlery: | `plate_with_cutlery` | :fork_and_knife: | `fork_and_knife` | +| :spoon: | `spoon` | :hocho: | `hocho`
`knife` | +| :amphora: | `amphora` | | | + +### Travel & Places + +#### Place Map + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :earth_africa: | `earth_africa` | :earth_americas: | `earth_americas` | +| :earth_asia: | `earth_asia` | :globe_with_meridians: | `globe_with_meridians` | +| :world_map: | `world_map` | :japan: | `japan` | + +#### Place Geographic + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :mountain_snow: | `mountain_snow` | :mountain: | `mountain` | +| :volcano: | `volcano` | :mount_fuji: | `mount_fuji` | +| :camping: | `camping` | :beach_umbrella: | `beach_umbrella` | +| :desert: | `desert` | :desert_island: | `desert_island` | +| :national_park: | `national_park` | | | + +#### Place Building + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :stadium: | `stadium` | :classical_building: | `classical_building` | +| :building_construction: | `building_construction` | :houses: | `houses` | +| :derelict_house: | `derelict_house` | :house: | `house` | +| :house_with_garden: | `house_with_garden` | :office: | `office` | +| :post_office: | `post_office` | :european_post_office: | `european_post_office` | +| :hospital: | `hospital` | :bank: | `bank` | +| :hotel: | `hotel` | :love_hotel: | `love_hotel` | +| :convenience_store: | `convenience_store` | :school: | `school` | +| :department_store: | `department_store` | :factory: | `factory` | +| :japanese_castle: | `japanese_castle` | :european_castle: | `european_castle` | +| :wedding: | `wedding` | :tokyo_tower: | `tokyo_tower` | +| :statue_of_liberty: | `statue_of_liberty` | | | + +#### Place Religious + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :church: | `church` | :mosque: | `mosque` | +| :synagogue: | `synagogue` | :shinto_shrine: | `shinto_shrine` | +| :kaaba: | `kaaba` | | | + +#### Place Other + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :fountain: | `fountain` | :tent: | `tent` | +| :foggy: | `foggy` | :night_with_stars: | `night_with_stars` | +| :cityscape: | `cityscape` | :sunrise_over_mountains: | `sunrise_over_mountains` | +| :sunrise: | `sunrise` | :city_sunset: | `city_sunset` | +| :city_sunrise: | `city_sunrise` | :bridge_at_night: | `bridge_at_night` | +| :hotsprings: | `hotsprings` | :carousel_horse: | `carousel_horse` | +| :ferris_wheel: | `ferris_wheel` | :roller_coaster: | `roller_coaster` | +| :barber: | `barber` | :circus_tent: | `circus_tent` | + +#### Transport Ground + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :steam_locomotive: | `steam_locomotive` | :railway_car: | `railway_car` | +| :bullettrain_side: | `bullettrain_side` | :bullettrain_front: | `bullettrain_front` | +| :train2: | `train2` | :metro: | `metro` | +| :light_rail: | `light_rail` | :station: | `station` | +| :tram: | `tram` | :monorail: | `monorail` | +| :mountain_railway: | `mountain_railway` | :train: | `train` | +| :bus: | `bus` | :oncoming_bus: | `oncoming_bus` | +| :trolleybus: | `trolleybus` | :minibus: | `minibus` | +| :ambulance: | `ambulance` | :fire_engine: | `fire_engine` | +| :police_car: | `police_car` | :oncoming_police_car: | `oncoming_police_car` | +| :taxi: | `taxi` | :oncoming_taxi: | `oncoming_taxi` | +| :car: | `car`
`red_car` | :oncoming_automobile: | `oncoming_automobile` | +| :blue_car: | `blue_car` | :truck: | `truck` | +| :articulated_lorry: | `articulated_lorry` | :tractor: | `tractor` | +| :racing_car: | `racing_car` | :motorcycle: | `motorcycle` | +| :motor_scooter: | `motor_scooter` | :bike: | `bike` | +| :kick_scooter: | `kick_scooter` | :busstop: | `busstop` | +| :motorway: | `motorway` | :railway_track: | `railway_track` | +| :oil_drum: | `oil_drum` | :fuelpump: | `fuelpump` | +| :rotating_light: | `rotating_light` | :traffic_light: | `traffic_light` | +| :vertical_traffic_light: | `vertical_traffic_light` | :stop_sign: | `stop_sign` | +| :construction: | `construction` | | | + +#### Transport Water + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :anchor: | `anchor` | :boat: | `boat`
`sailboat` | +| :canoe: | `canoe` | :speedboat: | `speedboat` | +| :passenger_ship: | `passenger_ship` | :ferry: | `ferry` | +| :motor_boat: | `motor_boat` | :ship: | `ship` | + +#### Transport Air + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :airplane: | `airplane` | :small_airplane: | `small_airplane` | +| :flight_departure: | `flight_departure` | :flight_arrival: | `flight_arrival` | +| :seat: | `seat` | :helicopter: | `helicopter` | +| :suspension_railway: | `suspension_railway` | :mountain_cableway: | `mountain_cableway` | +| :aerial_tramway: | `aerial_tramway` | :artificial_satellite: | `artificial_satellite` | +| :rocket: | `rocket` | | | + +#### Hotel + +| | icon | code | | +| - | :-: | - | - | +| :bellhop_bell: | `bellhop_bell` | + +#### Time + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :hourglass: | `hourglass` | :hourglass_flowing_sand: | `hourglass_flowing_sand` | +| :watch: | `watch` | :alarm_clock: | `alarm_clock` | +| :stopwatch: | `stopwatch` | :timer_clock: | `timer_clock` | +| :mantelpiece_clock: | `mantelpiece_clock` | :clock12: | `clock12` | +| :clock1230: | `clock1230` | :clock1: | `clock1` | +| :clock130: | `clock130` | :clock2: | `clock2` | +| :clock230: | `clock230` | :clock3: | `clock3` | +| :clock330: | `clock330` | :clock4: | `clock4` | +| :clock430: | `clock430` | :clock5: | `clock5` | +| :clock530: | `clock530` | :clock6: | `clock6` | +| :clock630: | `clock630` | :clock7: | `clock7` | +| :clock730: | `clock730` | :clock8: | `clock8` | +| :clock830: | `clock830` | :clock9: | `clock9` | +| :clock930: | `clock930` | :clock10: | `clock10` | +| :clock1030: | `clock1030` | :clock11: | `clock11` | +| :clock1130: | `clock1130` | | | + +#### Sky & Weather + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :new_moon: | `new_moon` | :waxing_crescent_moon: | `waxing_crescent_moon` | +| :first_quarter_moon: | `first_quarter_moon` | :moon: | `moon`
`waxing_gibbous_moon` | +| :full_moon: | `full_moon` | :waning_gibbous_moon: | `waning_gibbous_moon` | +| :last_quarter_moon: | `last_quarter_moon` | :waning_crescent_moon: | `waning_crescent_moon` | +| :crescent_moon: | `crescent_moon` | :new_moon_with_face: | `new_moon_with_face` | +| :first_quarter_moon_with_face: | `first_quarter_moon_with_face` | :last_quarter_moon_with_face: | `last_quarter_moon_with_face` | +| :thermometer: | `thermometer` | :sunny: | `sunny` | +| :full_moon_with_face: | `full_moon_with_face` | :sun_with_face: | `sun_with_face` | +| :star: | `star` | :star2: | `star2` | +| :stars: | `stars` | :milky_way: | `milky_way` | +| :cloud: | `cloud` | :partly_sunny: | `partly_sunny` | +| :cloud_with_lightning_and_rain: | `cloud_with_lightning_and_rain` | :sun_behind_small_cloud: | `sun_behind_small_cloud` | +| :sun_behind_large_cloud: | `sun_behind_large_cloud` | :sun_behind_rain_cloud: | `sun_behind_rain_cloud` | +| :cloud_with_rain: | `cloud_with_rain` | :cloud_with_snow: | `cloud_with_snow` | +| :cloud_with_lightning: | `cloud_with_lightning` | :tornado: | `tornado` | +| :fog: | `fog` | :wind_face: | `wind_face` | +| :cyclone: | `cyclone` | :rainbow: | `rainbow` | +| :closed_umbrella: | `closed_umbrella` | :open_umbrella: | `open_umbrella` | +| :umbrella: | `umbrella` | :parasol_on_ground: | `parasol_on_ground` | +| :zap: | `zap` | :snowflake: | `snowflake` | +| :snowman_with_snow: | `snowman_with_snow` | :snowman: | `snowman` | +| :comet: | `comet` | :fire: | `fire` | +| :droplet: | `droplet` | :ocean: | `ocean` | + +### Activities + +#### Event + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :jack_o_lantern: | `jack_o_lantern` | :christmas_tree: | `christmas_tree` | +| :fireworks: | `fireworks` | :sparkler: | `sparkler` | +| :sparkles: | `sparkles` | :balloon: | `balloon` | +| :tada: | `tada` | :confetti_ball: | `confetti_ball` | +| :tanabata_tree: | `tanabata_tree` | :bamboo: | `bamboo` | +| :dolls: | `dolls` | :flags: | `flags` | +| :wind_chime: | `wind_chime` | :rice_scene: | `rice_scene` | +| :ribbon: | `ribbon` | :gift: | `gift` | +| :reminder_ribbon: | `reminder_ribbon` | :tickets: | `tickets` | +| :ticket: | `ticket` | | | + +#### Award Medal + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :medal_military: | `medal_military` | :trophy: | `trophy` | +| :medal_sports: | `medal_sports` | :1st_place_medal: | `1st_place_medal` | +| :2nd_place_medal: | `2nd_place_medal` | :3rd_place_medal: | `3rd_place_medal` | + +#### Sport + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :soccer: | `soccer` | :baseball: | `baseball` | +| :basketball: | `basketball` | :volleyball: | `volleyball` | +| :football: | `football` | :rugby_football: | `rugby_football` | +| :tennis: | `tennis` | :bowling: | `bowling` | +| :cricket: | `cricket` | :field_hockey: | `field_hockey` | +| :ice_hockey: | `ice_hockey` | :ping_pong: | `ping_pong` | +| :badminton: | `badminton` | :boxing_glove: | `boxing_glove` | +| :martial_arts_uniform: | `martial_arts_uniform` | :goal_net: | `goal_net` | +| :golf: | `golf` | :ice_skate: | `ice_skate` | +| :fishing_pole_and_fish: | `fishing_pole_and_fish` | :running_shirt_with_sash: | `running_shirt_with_sash` | +| :ski: | `ski` | | | + +#### Game + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :dart: | `dart` | :8ball: | `8ball` | +| :crystal_ball: | `crystal_ball` | :video_game: | `video_game` | +| :joystick: | `joystick` | :slot_machine: | `slot_machine` | +| :game_die: | `game_die` | :spades: | `spades` | +| :hearts: | `hearts` | :diamonds: | `diamonds` | +| :clubs: | `clubs` | :black_joker: | `black_joker` | +| :mahjong: | `mahjong` | :flower_playing_cards: | `flower_playing_cards` | + +#### Arts & Crafts + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :performing_arts: | `performing_arts` | :framed_picture: | `framed_picture` | +| :art: | `art` | | | + +### Objects + +#### Clothing + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :eyeglasses: | `eyeglasses` | :dark_sunglasses: | `dark_sunglasses` | +| :necktie: | `necktie` | :shirt: | `shirt`
`tshirt` | +| :jeans: | `jeans` | :dress: | `dress` | +| :kimono: | `kimono` | :bikini: | `bikini` | +| :womans_clothes: | `womans_clothes` | :purse: | `purse` | +| :handbag: | `handbag` | :pouch: | `pouch` | +| :shopping: | `shopping` | :school_satchel: | `school_satchel` | +| :mans_shoe: | `mans_shoe`
`shoe` | :athletic_shoe: | `athletic_shoe` | +| :high_heel: | `high_heel` | :sandal: | `sandal` | +| :boot: | `boot` | :crown: | `crown` | +| :womans_hat: | `womans_hat` | :tophat: | `tophat` | +| :mortar_board: | `mortar_board` | :rescue_worker_helmet: | `rescue_worker_helmet` | +| :prayer_beads: | `prayer_beads` | :lipstick: | `lipstick` | +| :ring: | `ring` | :gem: | `gem` | + +#### Sound + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :mute: | `mute` | :speaker: | `speaker` | +| :sound: | `sound` | :loud_sound: | `loud_sound` | +| :loudspeaker: | `loudspeaker` | :mega: | `mega` | +| :postal_horn: | `postal_horn` | :bell: | `bell` | +| :no_bell: | `no_bell` | | | + +#### Music + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :musical_score: | `musical_score` | :musical_note: | `musical_note` | +| :notes: | `notes` | :studio_microphone: | `studio_microphone` | +| :level_slider: | `level_slider` | :control_knobs: | `control_knobs` | +| :microphone: | `microphone` | :headphones: | `headphones` | +| :radio: | `radio` | | | + +#### Musical Instrument + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :saxophone: | `saxophone` | :guitar: | `guitar` | +| :musical_keyboard: | `musical_keyboard` | :trumpet: | `trumpet` | +| :violin: | `violin` | :drum: | `drum` | + +#### Phone + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :iphone: | `iphone` | :calling: | `calling` | +| :phone: | `phone`
`telephone` | :telephone_receiver: | `telephone_receiver` | +| :pager: | `pager` | :fax: | `fax` | + +#### Computer + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :battery: | `battery` | :electric_plug: | `electric_plug` | +| :computer: | `computer` | :desktop_computer: | `desktop_computer` | +| :printer: | `printer` | :keyboard: | `keyboard` | +| :computer_mouse: | `computer_mouse` | :trackball: | `trackball` | +| :minidisc: | `minidisc` | :floppy_disk: | `floppy_disk` | +| :cd: | `cd` | :dvd: | `dvd` | + +#### Light & Video + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :movie_camera: | `movie_camera` | :film_strip: | `film_strip` | +| :film_projector: | `film_projector` | :clapper: | `clapper` | +| :tv: | `tv` | :camera: | `camera` | +| :camera_flash: | `camera_flash` | :video_camera: | `video_camera` | +| :vhs: | `vhs` | :mag: | `mag` | +| :mag_right: | `mag_right` | :candle: | `candle` | +| :bulb: | `bulb` | :flashlight: | `flashlight` | +| :izakaya_lantern: | `izakaya_lantern`
`lantern` | | | + +#### Book Paper + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :notebook_with_decorative_cover: | `notebook_with_decorative_cover` | :closed_book: | `closed_book` | +| :book: | `book`
`open_book` | :green_book: | `green_book` | +| :blue_book: | `blue_book` | :orange_book: | `orange_book` | +| :books: | `books` | :notebook: | `notebook` | +| :ledger: | `ledger` | :page_with_curl: | `page_with_curl` | +| :scroll: | `scroll` | :page_facing_up: | `page_facing_up` | +| :newspaper: | `newspaper` | :newspaper_roll: | `newspaper_roll` | +| :bookmark_tabs: | `bookmark_tabs` | :bookmark: | `bookmark` | +| :label: | `label` | | | + +#### Money + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :moneybag: | `moneybag` | :yen: | `yen` | +| :dollar: | `dollar` | :euro: | `euro` | +| :pound: | `pound` | :money_with_wings: | `money_with_wings` | +| :credit_card: | `credit_card` | :chart: | `chart` | + +#### Mail + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :email: | `email`
`envelope` | :e-mail: | `:e-mail:` | +| :incoming_envelope: | `incoming_envelope` | :envelope_with_arrow: | `envelope_with_arrow` | +| :outbox_tray: | `outbox_tray` | :inbox_tray: | `inbox_tray` | +| :package: | `package` | :mailbox: | `mailbox` | +| :mailbox_closed: | `mailbox_closed` | :mailbox_with_mail: | `mailbox_with_mail` | +| :mailbox_with_no_mail: | `mailbox_with_no_mail` | :postbox: | `postbox` | +| :ballot_box: | `ballot_box` | | | + +#### Writing + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :pencil2: | `pencil2` | :black_nib: | `black_nib` | +| :fountain_pen: | `fountain_pen` | :pen: | `pen` | +| :paintbrush: | `paintbrush` | :crayon: | `crayon` | +| :memo: | `memo`
`pencil` | | | + +#### Office + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :briefcase: | `briefcase` | :file_folder: | `file_folder` | +| :open_file_folder: | `open_file_folder` | :card_index_dividers: | `card_index_dividers` | +| :date: | `date` | :calendar: | `calendar` | +| :spiral_notepad: | `spiral_notepad` | :spiral_calendar: | `spiral_calendar` | +| :card_index: | `card_index` | :chart_with_upwards_trend: | `chart_with_upwards_trend` | +| :chart_with_downwards_trend: | `chart_with_downwards_trend` | :bar_chart: | `bar_chart` | +| :clipboard: | `clipboard` | :pushpin: | `pushpin` | +| :round_pushpin: | `round_pushpin` | :paperclip: | `paperclip` | +| :paperclips: | `paperclips` | :straight_ruler: | `straight_ruler` | +| :triangular_ruler: | `triangular_ruler` | :scissors: | `scissors` | +| :card_file_box: | `card_file_box` | :file_cabinet: | `file_cabinet` | +| :wastebasket: | `wastebasket` | | | + +#### Lock + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :lock: | `lock` | :unlock: | `unlock` | +| :lock_with_ink_pen: | `lock_with_ink_pen` | :closed_lock_with_key: | `closed_lock_with_key` | +| :key: | `key` | :old_key: | `old_key` | + +#### Tool + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :hammer: | `hammer` | :pick: | `pick` | +| :hammer_and_pick: | `hammer_and_pick` | :hammer_and_wrench: | `hammer_and_wrench` | +| :dagger: | `dagger` | :crossed_swords: | `crossed_swords` | +| :gun: | `gun` | :bow_and_arrow: | `bow_and_arrow` | +| :shield: | `shield` | :wrench: | `wrench` | +| :nut_and_bolt: | `nut_and_bolt` | :gear: | `gear` | +| :clamp: | `clamp` | :balance_scale: | `balance_scale` | +| :link: | `link` | :chains: | `chains` | + +#### Science + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :alembic: | `alembic` | :microscope: | `microscope` | +| :telescope: | `telescope` | :satellite: | `satellite` | + +#### Medical + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :syringe: | `syringe` | :pill: | `pill` | + +#### Household + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :door: | `door` | :bed: | `bed` | +| :couch_and_lamp: | `couch_and_lamp` | :toilet: | `toilet` | +| :shower: | `shower` | :bathtub: | `bathtub` | +| :shopping_cart: | `shopping_cart` | | | + +#### Other Object + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :smoking: | `smoking` | :coffin: | `coffin` | +| :funeral_urn: | `funeral_urn` | :moyai: | `moyai` | + +### Symbols + +#### Transport Sign + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :atm: | `atm` | :put_litter_in_its_place: | `put_litter_in_its_place` | +| :potable_water: | `potable_water` | :wheelchair: | `wheelchair` | +| :mens: | `mens` | :womens: | `womens` | +| :restroom: | `restroom` | :baby_symbol: | `baby_symbol` | +| :wc: | `wc` | :passport_control: | `passport_control` | +| :customs: | `customs` | :baggage_claim: | `baggage_claim` | +| :left_luggage: | `left_luggage` | | | + +#### Warning + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :warning: | `warning` | :children_crossing: | `children_crossing` | +| :no_entry: | `no_entry` | :no_entry_sign: | `no_entry_sign` | +| :no_bicycles: | `no_bicycles` | :no_smoking: | `no_smoking` | +| :do_not_litter: | `do_not_litter` | :non-potable_water: | `:non-potable_water:` | +| :no_pedestrians: | `no_pedestrians` | :no_mobile_phones: | `no_mobile_phones` | +| :underage: | `underage` | :radioactive: | `radioactive` | +| :biohazard: | `biohazard` | | | + +#### Arrow + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :arrow_up: | `arrow_up` | :arrow_upper_right: | `arrow_upper_right` | +| :arrow_right: | `arrow_right` | :arrow_lower_right: | `arrow_lower_right` | +| :arrow_down: | `arrow_down` | :arrow_lower_left: | `arrow_lower_left` | +| :arrow_left: | `arrow_left` | :arrow_upper_left: | `arrow_upper_left` | +| :arrow_up_down: | `arrow_up_down` | :left_right_arrow: | `left_right_arrow` | +| :leftwards_arrow_with_hook: | `leftwards_arrow_with_hook` | :arrow_right_hook: | `arrow_right_hook` | +| :arrow_heading_up: | `arrow_heading_up` | :arrow_heading_down: | `arrow_heading_down` | +| :arrows_clockwise: | `arrows_clockwise` | :arrows_counterclockwise: | `arrows_counterclockwise` | +| :back: | `back` | :end: | `end` | +| :on: | `on` | :soon: | `soon` | +| :top: | `top` | | | + +#### Religion + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :place_of_worship: | `place_of_worship` | :atom_symbol: | `atom_symbol` | +| :om: | `om` | :star_of_david: | `star_of_david` | +| :wheel_of_dharma: | `wheel_of_dharma` | :yin_yang: | `yin_yang` | +| :latin_cross: | `latin_cross` | :orthodox_cross: | `orthodox_cross` | +| :star_and_crescent: | `star_and_crescent` | :peace_symbol: | `peace_symbol` | +| :menorah: | `menorah` | :six_pointed_star: | `six_pointed_star` | + +#### Zodiac + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :aries: | `aries` | :taurus: | `taurus` | +| :gemini: | `gemini` | :cancer: | `cancer` | +| :leo: | `leo` | :virgo: | `virgo` | +| :libra: | `libra` | :scorpius: | `scorpius` | +| :sagittarius: | `sagittarius` | :capricorn: | `capricorn` | +| :aquarius: | `aquarius` | :pisces: | `pisces` | +| :ophiuchus: | `ophiuchus` | | | + +#### Av Symbol + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :twisted_rightwards_arrows: | `twisted_rightwards_arrows` | :repeat: | `repeat` | +| :repeat_one: | `repeat_one` | :arrow_forward: | `arrow_forward` | +| :fast_forward: | `fast_forward` | :next_track_button: | `next_track_button` | +| :play_or_pause_button: | `play_or_pause_button` | :arrow_backward: | `arrow_backward` | +| :rewind: | `rewind` | :previous_track_button: | `previous_track_button` | +| :arrow_up_small: | `arrow_up_small` | :arrow_double_up: | `arrow_double_up` | +| :arrow_down_small: | `arrow_down_small` | :arrow_double_down: | `arrow_double_down` | +| :pause_button: | `pause_button` | :stop_button: | `stop_button` | +| :record_button: | `record_button` | :cinema: | `cinema` | +| :low_brightness: | `low_brightness` | :high_brightness: | `high_brightness` | +| :signal_strength: | `signal_strength` | :vibration_mode: | `vibration_mode` | +| :mobile_phone_off: | `mobile_phone_off` | | | + +#### Math + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :heavy_multiplication_x: | `heavy_multiplication_x` | :heavy_plus_sign: | `heavy_plus_sign` | +| :heavy_minus_sign: | `heavy_minus_sign` | :heavy_division_sign: | `heavy_division_sign` | + +#### Punctuation + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :bangbang: | `bangbang` | :interrobang: | `interrobang` | +| :question: | `question` | :grey_question: | `grey_question` | +| :grey_exclamation: | `grey_exclamation` | :exclamation: | `exclamation`
`heavy_exclamation_mark` | +| :wavy_dash: | `wavy_dash` | | | + +#### Currency + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :currency_exchange: | `currency_exchange` | :heavy_dollar_sign: | `heavy_dollar_sign` | + +#### Keycap + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :hash: | `hash` | :asterisk: | `asterisk` | +| :zero: | `zero` | :one: | `one` | +| :two: | `two` | :three: | `three` | +| :four: | `four` | :five: | `five` | +| :six: | `six` | :seven: | `seven` | +| :eight: | `eight` | :nine: | `nine` | +| :keycap_ten: | `keycap_ten` | | | + +#### Alphabet + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :capital_abcd: | `capital_abcd` | :abcd: | `abcd` | +| :1234: | `1234` | :symbols: | `symbols` | +| :abc: | `abc` | :a: | `a` | +| :ab: | `ab` | :b: | `b` | +| :cl: | `cl` | :cool: | `cool` | +| :free: | `free` | :information_source: | `information_source` | +| :id: | `id` | :m: | `m` | +| :new: | `new` | :ng: | `ng` | +| :o2: | `o2` | :ok: | `ok` | +| :parking: | `parking` | :sos: | `sos` | +| :up: | `up` | :vs: | `vs` | +| :koko: | `koko` | :sa: | `sa` | +| :u6708: | `u6708` | :u6709: | `u6709` | +| :u6307: | `u6307` | :ideograph_advantage: | `ideograph_advantage` | +| :u5272: | `u5272` | :u7121: | `u7121` | +| :u7981: | `u7981` | :accept: | `accept` | +| :u7533: | `u7533` | :u5408: | `u5408` | +| :u7a7a: | `u7a7a` | :congratulations: | `congratulations` | +| :secret: | `secret` | :u55b6: | `u55b6` | +| :u6e80: | `u6e80` | | | + +#### Geometric + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :red_circle: | `red_circle` | :large_blue_circle: | `large_blue_circle` | +| :black_circle: | `black_circle` | :white_circle: | `white_circle` | +| :black_large_square: | `black_large_square` | :white_large_square: | `white_large_square` | +| :black_medium_square: | `black_medium_square` | :white_medium_square: | `white_medium_square` | +| :black_medium_small_square: | `black_medium_small_square` | :white_medium_small_square: | `white_medium_small_square` | +| :black_small_square: | `black_small_square` | :white_small_square: | `white_small_square` | +| :large_orange_diamond: | `large_orange_diamond` | :large_blue_diamond: | `large_blue_diamond` | +| :small_orange_diamond: | `small_orange_diamond` | :small_blue_diamond: | `small_blue_diamond` | +| :small_red_triangle: | `small_red_triangle` | :small_red_triangle_down: | `small_red_triangle_down` | +| :diamond_shape_with_a_dot_inside: | `diamond_shape_with_a_dot_inside` | :radio_button: | `radio_button` | +| :white_square_button: | `white_square_button` | :black_square_button: | `black_square_button` | + +#### Other Symbol + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :recycle: | `recycle` | :fleur_de_lis: | `fleur_de_lis` | +| :trident: | `trident` | :name_badge: | `name_badge` | +| :beginner: | `beginner` | :o: | `o` | +| :white_check_mark: | `white_check_mark` | :ballot_box_with_check: | `ballot_box_with_check` | +| :heavy_check_mark: | `heavy_check_mark` | :x: | `x` | +| :negative_squared_cross_mark: | `negative_squared_cross_mark` | :curly_loop: | `curly_loop` | +| :loop: | `loop` | :part_alternation_mark: | `part_alternation_mark` | +| :eight_spoked_asterisk: | `eight_spoked_asterisk` | :eight_pointed_black_star: | `eight_pointed_black_star` | +| :sparkle: | `sparkle` | :copyright: | `copyright` | +| :registered: | `registered` | :tm: | `tm` | + +### Flags + +#### Common Flags + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :checkered_flag: | `checkered_flag` | :triangular_flag_on_post: | `triangular_flag_on_post` | +| :crossed_flags: | `crossed_flags` | :black_flag: | `black_flag` | +| :white_flag: | `white_flag` | :rainbow_flag: | `rainbow_flag` | + +#### Country and Region Flags + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :andorra: | `andorra` | :united_arab_emirates: | `united_arab_emirates` | +| :afghanistan: | `afghanistan` | :antigua_barbuda: | `antigua_barbuda` | +| :anguilla: | `anguilla` | :albania: | `albania` | +| :armenia: | `armenia` | :angola: | `angola` | +| :antarctica: | `antarctica` | :argentina: | `argentina` | +| :american_samoa: | `american_samoa` | :austria: | `austria` | +| :australia: | `australia` | :aruba: | `aruba` | +| :aland_islands: | `aland_islands` | :azerbaijan: | `azerbaijan` | +| :bosnia_herzegovina: | `bosnia_herzegovina` | :barbados: | `barbados` | +| :bangladesh: | `bangladesh` | :belgium: | `belgium` | +| :burkina_faso: | `burkina_faso` | :bulgaria: | `bulgaria` | +| :bahrain: | `bahrain` | :burundi: | `burundi` | +| :benin: | `benin` | :st_barthelemy: | `st_barthelemy` | +| :bermuda: | `bermuda` | :brunei: | `brunei` | +| :bolivia: | `bolivia` | :caribbean_netherlands: | `caribbean_netherlands` | +| :brazil: | `brazil` | :bahamas: | `bahamas` | +| :bhutan: | `bhutan` | :botswana: | `botswana` | +| :belarus: | `belarus` | :belize: | `belize` | +| :canada: | `canada` | :cocos_islands: | `cocos_islands` | +| :congo_kinshasa: | `congo_kinshasa` | :central_african_republic: | `central_african_republic` | +| :congo_brazzaville: | `congo_brazzaville` | :switzerland: | `switzerland` | +| :cote_divoire: | `cote_divoire` | :cook_islands: | `cook_islands` | +| :chile: | `chile` | :cameroon: | `cameroon` | +| :cn: | `cn` | :colombia: | `colombia` | +| :costa_rica: | `costa_rica` | :cuba: | `cuba` | +| :cape_verde: | `cape_verde` | :curacao: | `curacao` | +| :christmas_island: | `christmas_island` | :cyprus: | `cyprus` | +| :czech_republic: | `czech_republic` | :de: | `de` | +| :djibouti: | `djibouti` | :denmark: | `denmark` | +| :dominica: | `dominica` | :dominican_republic: | `dominican_republic` | +| :algeria: | `algeria` | :ecuador: | `ecuador` | +| :estonia: | `estonia` | :egypt: | `egypt` | +| :western_sahara: | `western_sahara` | :eritrea: | `eritrea` | +| :es: | `es` | :ethiopia: | `ethiopia` | +| :eu: | `eu`
`european_union` | :finland: | `finland` | +| :fiji: | `fiji` | :falkland_islands: | `falkland_islands` | +| :micronesia: | `micronesia` | :faroe_islands: | `faroe_islands` | +| :fr: | `fr` | :gabon: | `gabon` | +| :gb: | `gb`
`uk` | :grenada: | `grenada` | +| :georgia: | `georgia` | :french_guiana: | `french_guiana` | +| :guernsey: | `guernsey` | :ghana: | `ghana` | +| :gibraltar: | `gibraltar` | :greenland: | `greenland` | +| :gambia: | `gambia` | :guinea: | `guinea` | +| :guadeloupe: | `guadeloupe` | :equatorial_guinea: | `equatorial_guinea` | +| :greece: | `greece` | :south_georgia_south_sandwich_islands: | `south_georgia_south_sandwich_islands` | +| :guatemala: | `guatemala` | :guam: | `guam` | +| :guinea_bissau: | `guinea_bissau` | :guyana: | `guyana` | +| :hong_kong: | `hong_kong` | :honduras: | `honduras` | +| :croatia: | `croatia` | :haiti: | `haiti` | +| :hungary: | `hungary` | :canary_islands: | `canary_islands` | +| :indonesia: | `indonesia` | :ireland: | `ireland` | +| :israel: | `israel` | :isle_of_man: | `isle_of_man` | +| :india: | `india` | :british_indian_ocean_territory: | `british_indian_ocean_territory` | +| :iraq: | `iraq` | :iran: | `iran` | +| :iceland: | `iceland` | :it: | `it` | +| :jersey: | `jersey` | :jamaica: | `jamaica` | +| :jordan: | `jordan` | :jp: | `jp` | +| :kenya: | `kenya` | :kyrgyzstan: | `kyrgyzstan` | +| :cambodia: | `cambodia` | :kiribati: | `kiribati` | +| :comoros: | `comoros` | :st_kitts_nevis: | `st_kitts_nevis` | +| :north_korea: | `north_korea` | :kr: | `kr` | +| :kuwait: | `kuwait` | :cayman_islands: | `cayman_islands` | +| :kazakhstan: | `kazakhstan` | :laos: | `laos` | +| :lebanon: | `lebanon` | :st_lucia: | `st_lucia` | +| :liechtenstein: | `liechtenstein` | :sri_lanka: | `sri_lanka` | +| :liberia: | `liberia` | :lesotho: | `lesotho` | +| :lithuania: | `lithuania` | :luxembourg: | `luxembourg` | +| :latvia: | `latvia` | :libya: | `libya` | +| :morocco: | `morocco` | :monaco: | `monaco` | +| :moldova: | `moldova` | :montenegro: | `montenegro` | +| :madagascar: | `madagascar` | :marshall_islands: | `marshall_islands` | +| :macedonia: | `macedonia` | :mali: | `mali` | +| :myanmar: | `myanmar` | :mongolia: | `mongolia` | +| :macau: | `macau` | :northern_mariana_islands: | `northern_mariana_islands` | +| :martinique: | `martinique` | :mauritania: | `mauritania` | +| :montserrat: | `montserrat` | :malta: | `malta` | +| :mauritius: | `mauritius` | :maldives: | `maldives` | +| :malawi: | `malawi` | :mexico: | `mexico` | +| :malaysia: | `malaysia` | :mozambique: | `mozambique` | +| :namibia: | `namibia` | :new_caledonia: | `new_caledonia` | +| :niger: | `niger` | :norfolk_island: | `norfolk_island` | +| :nigeria: | `nigeria` | :nicaragua: | `nicaragua` | +| :netherlands: | `netherlands` | :norway: | `norway` | +| :nepal: | `nepal` | :nauru: | `nauru` | +| :niue: | `niue` | :new_zealand: | `new_zealand` | +| :oman: | `oman` | :panama: | `panama` | +| :peru: | `peru` | :french_polynesia: | `french_polynesia` | +| :papua_new_guinea: | `papua_new_guinea` | :philippines: | `philippines` | +| :pakistan: | `pakistan` | :poland: | `poland` | +| :st_pierre_miquelon: | `st_pierre_miquelon` | :pitcairn_islands: | `pitcairn_islands` | +| :puerto_rico: | `puerto_rico` | :palestinian_territories: | `palestinian_territories` | +| :portugal: | `portugal` | :palau: | `palau` | +| :paraguay: | `paraguay` | :qatar: | `qatar` | +| :reunion: | `reunion` | :romania: | `romania` | +| :serbia: | `serbia` | :ru: | `ru` | +| :rwanda: | `rwanda` | :saudi_arabia: | `saudi_arabia` | +| :solomon_islands: | `solomon_islands` | :seychelles: | `seychelles` | +| :sudan: | `sudan` | :sweden: | `sweden` | +| :singapore: | `singapore` | :st_helena: | `st_helena` | +| :slovenia: | `slovenia` | :slovakia: | `slovakia` | +| :sierra_leone: | `sierra_leone` | :san_marino: | `san_marino` | +| :senegal: | `senegal` | :somalia: | `somalia` | +| :suriname: | `suriname` | :south_sudan: | `south_sudan` | +| :sao_tome_principe: | `sao_tome_principe` | :el_salvador: | `el_salvador` | +| :sint_maarten: | `sint_maarten` | :syria: | `syria` | +| :swaziland: | `swaziland` | :turks_caicos_islands: | `turks_caicos_islands` | +| :chad: | `chad` | :french_southern_territories: | `french_southern_territories` | +| :togo: | `togo` | :thailand: | `thailand` | +| :tajikistan: | `tajikistan` | :tokelau: | `tokelau` | +| :timor_leste: | `timor_leste` | :turkmenistan: | `turkmenistan` | +| :tunisia: | `tunisia` | :tonga: | `tonga` | +| :tr: | `tr` | :trinidad_tobago: | `trinidad_tobago` | +| :tuvalu: | `tuvalu` | :taiwan: | `taiwan` | +| :tanzania: | `tanzania` | :ukraine: | `ukraine` | +| :uganda: | `uganda` | :us: | `us` | +| :uruguay: | `uruguay` | :uzbekistan: | `uzbekistan` | +| :vatican_city: | `vatican_city` | :st_vincent_grenadines: | `st_vincent_grenadines` | +| :venezuela: | `venezuela` | :british_virgin_islands: | `british_virgin_islands` | +| :us_virgin_islands: | `us_virgin_islands` | :vietnam: | `vietnam` | +| :vanuatu: | `vanuatu` | :wallis_futuna: | `wallis_futuna` | +| :samoa: | `samoa` | :kosovo: | `kosovo` | +| :yemen: | `yemen` | :mayotte: | `mayotte` | +| :south_africa: | `south_africa` | :zambia: | `zambia` | +| :zimbabwe: | `zimbabwe` | | | + +### GitHub Custom Emoji + +| icon | code | icon | code | +| :-: | - | :-: | - | +| :atom: | `atom` | :basecamp: | `basecamp` | +| :basecampy: | `basecampy` | :bowtie: | `bowtie` | +| :electron: | `electron` | :feelsgood: | `feelsgood` | +| :finnadie: | `finnadie` | :goberserk: | `goberserk` | +| :godmode: | `godmode` | :hurtrealbad: | `hurtrealbad` | +| :neckbeard: | `neckbeard` | :octocat: | `octocat` | +| :rage1: | `rage1` | :rage2: | `rage2` | +| :rage3: | `rage3` | :rage4: | `rage4` | +| :shipit: | `shipit`
`squirrel` | :suspect: | `suspect` | +| :trollface: | `trollface` | | | + + diff --git a/exampleSite/content/posts/emoji-support.zh-cn.md b/exampleSite/content/posts/emoji-support.zh-cn.md new file mode 100644 index 0000000..dc1c48b --- /dev/null +++ b/exampleSite/content/posts/emoji-support.zh-cn.md @@ -0,0 +1,1316 @@ +--- +weight: 5 +title: "Emoji 支持" +date: 2019-10-01T17:55:28+08:00 +lastmod: 2019-10-01T17:55:28+08:00 +draft: false +author: "Dillon" +authorLink: "https://dillonzq.com" +description: "Hugo 和 LoveIt 中的 Emoji 的用法指南." +license: "" + +tags: ["emoji"] +categories: ["markdown"] +hiddenFromHomePage: false + +featuredImage: "/images/emoji-support/featured-image.jpg" +featuredImagePreview: "" + +toc: true +autoCollapseToc: true +math: false +lightgallery: true +linkToMarkdown: true +share: + enable: true +comment: true +--- + +Emoji 可以通过多种方式在 Hugo 项目中启用. + + + +[`emojify`](https://gohugo.io/functions/emojify/) 方法可以直接在模板中调用, 或者使用 [内联 Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes). + +要全局使用 emoji, 需要在你的网站 [配置](https://gohugo.io/getting-started/configuration/) 中设置 `enableEmoji` 为 `true`, +然后你就可以直接在文章中输入 emoji 的代码. + +它们以**冒号**开头和结尾，并且包含 emoji 的 **代码**: + +```markdown +去露营啦! {?:}tent: 很快就回来. + +真开心! {?:}joy: +``` + +呈现的输出效果如下: + +去露营啦! :tent: 很快就回来. + +真开心! :joy: + +## Emoji 符号清单 + +Emoji 符号清单是 emoji 代码的非常有用的参考. + +### 表情与情感 + +#### 笑脸表情 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :grinning: | `grinning` | :smiley: | `smiley` | +| :smile: | `smile` | :grin: | `grin` | +| :laughing: | `laughing`
`satisfied` | :sweat_smile: | `sweat_smile` | +| :rofl: | `rofl` | :joy: | `joy` | +| :slightly_smiling_face: | `slightly_smiling_face` | :upside_down_face: | `upside_down_face` | +| :wink: | `wink` | :blush: | `blush` | +| :innocent: | `innocent` | | | + +#### 爱意表情 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :heart_eyes: | `heart_eyes` | :kissing_heart: | `kissing_heart` | +| :kissing: | `kissing` | :relaxed: | `relaxed` | +| :kissing_closed_eyes: | `kissing_closed_eyes` | :kissing_smiling_eyes: | `kissing_smiling_eyes` | + +#### 吐舌头表情 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :yum: | `yum` | :stuck_out_tongue: | `stuck_out_tongue` | +| :stuck_out_tongue_winking_eye: | `stuck_out_tongue_winking_eye` | :stuck_out_tongue_closed_eyes: | `stuck_out_tongue_closed_eyes` | +| :money_mouth_face: | `money_mouth_face` | | | + +#### 带手的表情 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :hugs: | `hugs` | :thinking: | `thinking` | + +#### 中性表情 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :zipper_mouth_face: | `zipper_mouth_face` | :neutral_face: | `neutral_face` | +| :expressionless: | `expressionless` | :no_mouth: | `no_mouth` | +| :smirk: | `smirk` | :unamused: | `unamused` | +| :roll_eyes: | `roll_eyes` | :grimacing: | `grimacing` | +| :lying_face: | `lying_face` | | | + +#### 困倦的表情 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :relieved: | `relieved` | :pensive: | `pensive` | +| :sleepy: | `sleepy` | :drooling_face: | `drooling_face` | +| :sleeping: | `sleeping` | | | + +#### 不适的表情 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :mask: | `mask` | :face_with_thermometer: | `face_with_thermometer` | +| :face_with_head_bandage: | `face_with_head_bandage` | :nauseated_face: | `nauseated_face` | +| :sneezing_face: | `sneezing_face` | :dizzy_face: | `dizzy_face` | + +#### 戴帽子的表情 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :cowboy_hat_face: | `cowboy_hat_face` | | | + +#### 戴眼镜的表情 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :sunglasses: | `sunglasses` | :nerd_face: | `nerd_face` | + +#### 担心的表情 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :confused: | `confused` | :worried: | `worried` | +| :slightly_frowning_face: | `slightly_frowning_face` | :frowning_face: | `frowning_face` | +| :open_mouth: | `open_mouth` | :hushed: | `hushed` | +| :astonished: | `astonished` | :flushed: | `flushed` | +| :frowning: | `frowning` | :anguished: | `anguished` | +| :fearful: | `fearful` | :cold_sweat: | `cold_sweat` | +| :disappointed_relieved: | `disappointed_relieved` | :cry: | `cry` | +| :sob: | `sob` | :scream: | `scream` | +| :confounded: | `confounded` | :persevere: | `persevere` | +| :disappointed: | `disappointed` | :sweat: | `sweat` | +| :weary: | `weary` | :tired_face: | `tired_face` | + +#### 否定的表情 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :triumph: | `triumph` | :pout: | `pout`
`rage` | +| :angry: | `angry` | :smiling_imp: | `smiling_imp` | +| :imp: | `imp` | :skull: | `skull` | +| :skull_and_crossbones: | `skull_and_crossbones` | | | + +#### 特殊打扮的表情 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :hankey: | `hankey`
`poop`
`shit` | :clown_face: | `clown_face` | +| :japanese_ogre: | `japanese_ogre` | :japanese_goblin: | `japanese_goblin` | +| :ghost: | `ghost` | :alien: | `alien` | +| :space_invader: | `space_invader` | :robot: | `robot` | + +#### 猫脸表情 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :smiley_cat: | `smiley_cat` | :smile_cat: | `smile_cat` | +| :joy_cat: | `joy_cat` | :heart_eyes_cat: | `heart_eyes_cat` | +| :smirk_cat: | `smirk_cat` | :kissing_cat: | `kissing_cat` | +| :scream_cat: | `scream_cat` | :crying_cat_face: | `crying_cat_face` | +| :pouting_cat: | `pouting_cat` | | | + +#### 猴脸表情 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :see_no_evil: | `see_no_evil` | :hear_no_evil: | `hear_no_evil` | +| :speak_no_evil: | `speak_no_evil` | | | + +#### 情感 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :kiss: | `kiss` | :love_letter: | `love_letter` | +| :cupid: | `cupid` | :gift_heart: | `gift_heart` | +| :sparkling_heart: | `sparkling_heart` | :heartpulse: | `heartpulse` | +| :heartbeat: | `heartbeat` | :revolving_hearts: | `revolving_hearts` | +| :two_hearts: | `two_hearts` | :heart_decoration: | `heart_decoration` | +| :heavy_heart_exclamation: | `heavy_heart_exclamation` | :broken_heart: | `broken_heart` | +| :heart: | `heart` | :yellow_heart: | `yellow_heart` | +| :green_heart: | `green_heart` | :blue_heart: | `blue_heart` | +| :purple_heart: | `purple_heart` | :black_heart: | `black_heart` | +| :100: | `100` | :anger: | `anger` | +| :boom: | `boom`
`collision` | :dizzy: | `dizzy` | +| :sweat_drops: | `sweat_drops` | :dash: | `dash` | +| :hole: | `hole` | :bomb: | `bomb` | +| :speech_balloon: | `speech_balloon` | :eye_speech_bubble: | `eye_speech_bubble` | +| :right_anger_bubble: | `right_anger_bubble` | :thought_balloon: | `thought_balloon` | +| :zzz: | `zzz` | | | + +### 人与身体 + +#### 张开手掌的手势 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :wave: | `wave` | :raised_back_of_hand: | `raised_back_of_hand` | +| :raised_hand_with_fingers_splayed: | `raised_hand_with_fingers_splayed` | :hand: | `hand`
`raised_hand` | +| :vulcan_salute: | `vulcan_salute` | | | + +#### 部分手指的手势 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :ok_hand: | `ok_hand` | :v: | `v` | +| :crossed_fingers: | `crossed_fingers` | :metal: | `metal` | +| :call_me_hand: | `call_me_hand` | | | + +#### 一根手指的手势 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :point_left: | `point_left` | :point_right: | `point_right` | +| :point_up_2: | `point_up_2` | :fu: | `fu`
`middle_finger` | +| :point_down: | `point_down` | :point_up: | `point_up` | + +#### 握紧的手势 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :+1: | `:+1:`
`thumbsup` | :-1: | `:-1:`
`thumbsdown` | +| :fist: | `fist`
`fist_raised` | :facepunch: | `facepunch`
`fist_oncoming`
`punch` | +| :fist_left: | `fist_left` | :fist_right: | `fist_right` | + +#### 两只手 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :clap: | `clap` | :raised_hands: | `raised_hands` | +| :open_hands: | `open_hands` | :handshake: | `handshake` | +| :pray: | `pray` | | | + +#### 握住东西的手势 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :writing_hand: | `writing_hand` | :nail_care: | `nail_care` | +| :selfie: | `selfie` | | | + +#### 身体部位 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :muscle: | `muscle` | :ear: | `ear` | +| :nose: | `nose` | :eyes: | `eyes` | +| :eye: | `eye` | :tongue: | `tongue` | +| :lips: | `lips` | | | + +#### 人 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :baby: | `baby` | :boy: | `boy` | +| :girl: | `girl` | :blonde_man: | `blonde_man`
`person_with_blond_hair` | +| :man: | `man` | :woman: | `woman` | +| :blonde_woman: | `blonde_woman` | :older_man: | `older_man` | +| :older_woman: | `older_woman` | | | + +#### 身体动作 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :frowning_woman: | `frowning_woman`
`person_frowning` | :frowning_man: | `frowning_man` | +| :person_with_pouting_face: | `person_with_pouting_face`
`pouting_woman` | :pouting_man: | `pouting_man` | +| :ng_woman: | `ng_woman`
`no_good`
`no_good_woman` | :ng_man: | `ng_man`
`no_good_man` | +| :ok_woman: | `ok_woman` | :ok_man: | `ok_man` | +| :information_desk_person: | `information_desk_person`
`sassy_woman`
`tipping_hand_woman` | :sassy_man: | `sassy_man`
`tipping_hand_man` | +| :raising_hand: | `raising_hand`
`raising_hand_woman` | :raising_hand_man: | `raising_hand_man` | +| :bow: | `bow`
`bowing_man` | :bowing_woman: | `bowing_woman` | +| :man_facepalming: | `man_facepalming` | :woman_facepalming: | `woman_facepalming` | +| :man_shrugging: | `man_shrugging` | :woman_shrugging: | `woman_shrugging` | + +#### 人物角色 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :man_health_worker: | `man_health_worker` | :woman_health_worker: | `woman_health_worker` | +| :man_student: | `man_student` | :woman_student: | `woman_student` | +| :man_teacher: | `man_teacher` | :woman_teacher: | `woman_teacher` | +| :man_judge: | `man_judge` | :woman_judge: | `woman_judge` | +| :man_farmer: | `man_farmer` | :woman_farmer: | `woman_farmer` | +| :man_cook: | `man_cook` | :woman_cook: | `woman_cook` | +| :man_mechanic: | `man_mechanic` | :woman_mechanic: | `woman_mechanic` | +| :man_factory_worker: | `man_factory_worker` | :woman_factory_worker: | `woman_factory_worker` | +| :man_office_worker: | `man_office_worker` | :woman_office_worker: | `woman_office_worker` | +| :man_scientist: | `man_scientist` | :woman_scientist: | `woman_scientist` | +| :man_technologist: | `man_technologist` | :woman_technologist: | `woman_technologist` | +| :man_singer: | `man_singer` | :woman_singer: | `woman_singer` | +| :man_artist: | `man_artist` | :woman_artist: | `woman_artist` | +| :man_pilot: | `man_pilot` | :woman_pilot: | `woman_pilot` | +| :man_astronaut: | `man_astronaut` | :woman_astronaut: | `woman_astronaut` | +| :man_firefighter: | `man_firefighter` | :woman_firefighter: | `woman_firefighter` | +| :cop: | `cop`
`policeman` | :policewoman: | `policewoman` | +| :detective: | `detective`
`male_detective` | :female_detective: | `female_detective` | +| :guardsman: | `guardsman` | :guardswoman: | `guardswoman` | +| :construction_worker: | `construction_worker`
`construction_worker_man` | :construction_worker_woman: | `construction_worker_woman` | +| :prince: | `prince` | :princess: | `princess` | +| :man_with_turban: | `man_with_turban` | :woman_with_turban: | `woman_with_turban` | +| :man_with_gua_pi_mao: | `man_with_gua_pi_mao` | :man_in_tuxedo: | `man_in_tuxedo` | +| :bride_with_veil: | `bride_with_veil` | :pregnant_woman: | `pregnant_woman` | + +#### 幻想的人物 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :angel: | `angel` | :santa: | `santa` | +| :mrs_claus: | `mrs_claus` | | | + +#### 人物活动 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :massage: | `massage`
`massage_woman` | :massage_man: | `massage_man` | +| :haircut: | `haircut`
`haircut_woman` | :haircut_man: | `haircut_man` | +| :walking: | `walking`
`walking_man` | :walking_woman: | `walking_woman` | +| :runner: | `runner`
`running`
`running_man` | :running_woman: | `running_woman` | +| :dancer: | `dancer` | :man_dancing: | `man_dancing` | +| :business_suit_levitating: | `business_suit_levitating` | :dancers: | `dancers`
`dancing_women` | +| :dancing_men: | `dancing_men` | | | + +#### 体育 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :person_fencing: | `person_fencing` | :horse_racing: | `horse_racing` | +| :skier: | `skier` | :snowboarder: | `snowboarder` | +| :golfing_man: | `golfing_man` | :golfing_woman: | `golfing_woman` | +| :surfer: | `surfer`
`surfing_man` | :surfing_woman: | `surfing_woman` | +| :rowboat: | `rowboat`
`rowing_man` | :rowing_woman: | `rowing_woman` | +| :swimmer: | `swimmer`
`swimming_man` | :swimming_woman: | `swimming_woman` | +| :basketball_man: | `basketball_man` | :basketball_woman: | `basketball_woman` | +| :weight_lifting_man: | `weight_lifting_man` | :weight_lifting_woman: | `weight_lifting_woman` | +| :bicyclist: | `bicyclist`
`biking_man` | :biking_woman: | `biking_woman` | +| :mountain_bicyclist: | `mountain_bicyclist`
`mountain_biking_man` | :mountain_biking_woman: | `mountain_biking_woman` | +| :man_cartwheeling: | `man_cartwheeling` | :woman_cartwheeling: | `woman_cartwheeling` | +| :men_wrestling: | `men_wrestling` | :women_wrestling: | `women_wrestling` | +| :man_playing_water_polo: | `man_playing_water_polo` | :woman_playing_water_polo: | `woman_playing_water_polo` | +| :man_playing_handball: | `man_playing_handball` | :woman_playing_handball: | `woman_playing_handball` | +| :man_juggling: | `man_juggling` | :woman_juggling: | `woman_juggling` | + +#### 休息 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :bath: | `bath` | :sleeping_bed: | `sleeping_bed` | + +#### 家庭 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :two_women_holding_hands: | `two_women_holding_hands` | :couple: | `couple` | +| :two_men_holding_hands: | `two_men_holding_hands` | :couplekiss_man_woman: | `couplekiss_man_woman` | +| :couplekiss_man_man: | `couplekiss_man_man` | :couplekiss_woman_woman: | `couplekiss_woman_woman` | +| :couple_with_heart: | `couple_with_heart`
`couple_with_heart_woman_man` | :couple_with_heart_man_man: | `couple_with_heart_man_man` | +| :couple_with_heart_woman_woman: | `couple_with_heart_woman_woman` | :family: | `family`
`family_man_woman_boy` | +| :family_man_woman_girl: | `family_man_woman_girl` | :family_man_woman_girl_boy: | `family_man_woman_girl_boy` | +| :family_man_woman_boy_boy: | `family_man_woman_boy_boy` | :family_man_woman_girl_girl: | `family_man_woman_girl_girl` | +| :family_man_man_boy: | `family_man_man_boy` | :family_man_man_girl: | `family_man_man_girl` | +| :family_man_man_girl_boy: | `family_man_man_girl_boy` | :family_man_man_boy_boy: | `family_man_man_boy_boy` | +| :family_man_man_girl_girl: | `family_man_man_girl_girl` | :family_woman_woman_boy: | `family_woman_woman_boy` | +| :family_woman_woman_girl: | `family_woman_woman_girl` | :family_woman_woman_girl_boy: | `family_woman_woman_girl_boy` | +| :family_woman_woman_boy_boy: | `family_woman_woman_boy_boy` | :family_woman_woman_girl_girl: | `family_woman_woman_girl_girl` | +| :family_man_boy: | `family_man_boy` | :family_man_boy_boy: | `family_man_boy_boy` | +| :family_man_girl: | `family_man_girl` | :family_man_girl_boy: | `family_man_girl_boy` | +| :family_man_girl_girl: | `family_man_girl_girl` | :family_woman_boy: | `family_woman_boy` | +| :family_woman_boy_boy: | `family_woman_boy_boy` | :family_woman_girl: | `family_woman_girl` | +| :family_woman_girl_boy: | `family_woman_girl_boy` | :family_woman_girl_girl: | `family_woman_girl_girl` | + +#### 人物符号 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :speaking_head: | `speaking_head` | :bust_in_silhouette: | `bust_in_silhouette` | +| :busts_in_silhouette: | `busts_in_silhouette` | :footprints: | `footprints` | + +### 动物与自然 + +#### 哺乳动物 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :monkey_face: | `monkey_face` | :monkey: | `monkey` | +| :gorilla: | `gorilla` | :dog: | `dog` | +| :dog2: | `dog2` | :poodle: | `poodle` | +| :wolf: | `wolf` | :fox_face: | `fox_face` | +| :cat: | `cat` | :cat2: | `cat2` | +| :lion: | `lion` | :tiger: | `tiger` | +| :tiger2: | `tiger2` | :leopard: | `leopard` | +| :horse: | `horse` | :racehorse: | `racehorse` | +| :unicorn: | `unicorn` | :deer: | `deer` | +| :cow: | `cow` | :ox: | `ox` | +| :water_buffalo: | `water_buffalo` | :cow2: | `cow2` | +| :pig: | `pig` | :pig2: | `pig2` | +| :boar: | `boar` | :pig_nose: | `pig_nose` | +| :ram: | `ram` | :sheep: | `sheep` | +| :goat: | `goat` | :dromedary_camel: | `dromedary_camel` | +| :camel: | `camel` | :elephant: | `elephant` | +| :rhinoceros: | `rhinoceros` | :mouse: | `mouse` | +| :mouse2: | `mouse2` | :rat: | `rat` | +| :hamster: | `hamster` | :rabbit: | `rabbit` | +| :rabbit2: | `rabbit2` | :chipmunk: | `chipmunk` | +| :bat: | `bat` | :bear: | `bear` | +| :koala: | `koala` | :panda_face: | `panda_face` | +| :feet: | `feet`
`paw_prints` | | | + +#### 鸟类 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :turkey: | `turkey` | :chicken: | `chicken` | +| :rooster: | `rooster` | :hatching_chick: | `hatching_chick` | +| :baby_chick: | `baby_chick` | :hatched_chick: | `hatched_chick` | +| :bird: | `bird` | :penguin: | `penguin` | +| :dove: | `dove` | :eagle: | `eagle` | +| :duck: | `duck` | :owl: | `owl` | + +#### 两栖动物 + +| | icon | code | | +| - | :-: | - | - | +| :frog: | `frog` | + +#### 爬虫类 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :crocodile: | `crocodile` | :turtle: | `turtle` | +| :lizard: | `lizard` | :snake: | `snake` | +| :dragon_face: | `dragon_face` | :dragon: | `dragon` | + +#### 海洋动物 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :whale: | `whale` | :whale2: | `whale2` | +| :dolphin: | `dolphin`
`flipper` | :fish: | `fish` | +| :tropical_fish: | `tropical_fish` | :blowfish: | `blowfish` | +| :shark: | `shark` | :octopus: | `octopus` | +| :shell: | `shell` | | | + +#### 虫类 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :snail: | `snail` | :butterfly: | `butterfly` | +| :bug: | `bug` | :ant: | `ant` | +| :bee: | `bee`
`honeybee` | :beetle: | `beetle` | +| :spider: | `spider` | :spider_web: | `spider_web` | +| :scorpion: | `scorpion` | | | + +#### 花类植物 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :bouquet: | `bouquet` | :cherry_blossom: | `cherry_blossom` | +| :white_flower: | `white_flower` | :rosette: | `rosette` | +| :rose: | `rose` | :wilted_flower: | `wilted_flower` | +| :hibiscus: | `hibiscus` | :sunflower: | `sunflower` | +| :blossom: | `blossom` | :tulip: | `tulip` | + +#### 其它植物 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :seedling: | `seedling` | :evergreen_tree: | `evergreen_tree` | +| :deciduous_tree: | `deciduous_tree` | :palm_tree: | `palm_tree` | +| :cactus: | `cactus` | :ear_of_rice: | `ear_of_rice` | +| :herb: | `herb` | :shamrock: | `shamrock` | +| :four_leaf_clover: | `four_leaf_clover` | :maple_leaf: | `maple_leaf` | +| :fallen_leaf: | `fallen_leaf` | :leaves: | `leaves` | + +### 食物与饮料 + +#### 水果 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :grapes: | `grapes` | :melon: | `melon` | +| :watermelon: | `watermelon` | :mandarin: | `mandarin`
`orange`
`tangerine` | +| :lemon: | `lemon` | :banana: | `banana` | +| :pineapple: | `pineapple` | :apple: | `apple` | +| :green_apple: | `green_apple` | :pear: | `pear` | +| :peach: | `peach` | :cherries: | `cherries` | +| :strawberry: | `strawberry` | :kiwi_fruit: | `kiwi_fruit` | +| :tomato: | `tomato` | | | + +#### 蔬菜 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :avocado: | `avocado` | :eggplant: | `eggplant` | +| :potato: | `potato` | :carrot: | `carrot` | +| :corn: | `corn` | :hot_pepper: | `hot_pepper` | +| :cucumber: | `cucumber` | :mushroom: | `mushroom` | +| :peanuts: | `peanuts` | :chestnut: | `chestnut` | + +#### 快餐 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :bread: | `bread` | :croissant: | `croissant` | +| :baguette_bread: | `baguette_bread` | :pancakes: | `pancakes` | +| :cheese: | `cheese` | :meat_on_bone: | `meat_on_bone` | +| :poultry_leg: | `poultry_leg` | :bacon: | `bacon` | +| :hamburger: | `hamburger` | :fries: | `fries` | +| :pizza: | `pizza` | :hotdog: | `hotdog` | +| :taco: | `taco` | :burrito: | `burrito` | +| :stuffed_flatbread: | `stuffed_flatbread` | :egg: | `egg` | +| :fried_egg: | `fried_egg` | :shallow_pan_of_food: | `shallow_pan_of_food` | +| :stew: | `stew` | :green_salad: | `green_salad` | +| :popcorn: | `popcorn` | | | + +#### 亚洲食物 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :bento: | `bento` | :rice_cracker: | `rice_cracker` | +| :rice_ball: | `rice_ball` | :rice: | `rice` | +| :curry: | `curry` | :ramen: | `ramen` | +| :spaghetti: | `spaghetti` | :sweet_potato: | `sweet_potato` | +| :oden: | `oden` | :sushi: | `sushi` | +| :fried_shrimp: | `fried_shrimp` | :fish_cake: | `fish_cake` | +| :dango: | `dango` | | | + +#### 海鲜 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :crab: | `crab` | :shrimp: | `shrimp` | +| :squid: | `squid` | | | + +#### 甜点 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :icecream: | `icecream` | :shaved_ice: | `shaved_ice` | +| :ice_cream: | `ice_cream` | :doughnut: | `doughnut` | +| :cookie: | `cookie` | :birthday: | `birthday` | +| :cake: | `cake` | :chocolate_bar: | `chocolate_bar` | +| :candy: | `candy` | :lollipop: | `lollipop` | +| :custard: | `custard` | :honey_pot: | `honey_pot` | + +#### 饮料 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :baby_bottle: | `baby_bottle` | :milk_glass: | `milk_glass` | +| :coffee: | `coffee` | :tea: | `tea` | +| :sake: | `sake` | :champagne: | `champagne` | +| :wine_glass: | `wine_glass` | :cocktail: | `cocktail` | +| :tropical_drink: | `tropical_drink` | :beer: | `beer` | +| :beers: | `beers` | :clinking_glasses: | `clinking_glasses` | +| :tumbler_glass: | `tumbler_glass` | | | + +#### 餐具 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :plate_with_cutlery: | `plate_with_cutlery` | :fork_and_knife: | `fork_and_knife` | +| :spoon: | `spoon` | :hocho: | `hocho`
`knife` | +| :amphora: | `amphora` | | | + +### 旅游与地理 + +#### 地图 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :earth_africa: | `earth_africa` | :earth_americas: | `earth_americas` | +| :earth_asia: | `earth_asia` | :globe_with_meridians: | `globe_with_meridians` | +| :world_map: | `world_map` | :japan: | `japan` | + +#### 地理现象 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :mountain_snow: | `mountain_snow` | :mountain: | `mountain` | +| :volcano: | `volcano` | :mount_fuji: | `mount_fuji` | +| :camping: | `camping` | :beach_umbrella: | `beach_umbrella` | +| :desert: | `desert` | :desert_island: | `desert_island` | +| :national_park: | `national_park` | | | + +#### 建筑物 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :stadium: | `stadium` | :classical_building: | `classical_building` | +| :building_construction: | `building_construction` | :houses: | `houses` | +| :derelict_house: | `derelict_house` | :house: | `house` | +| :house_with_garden: | `house_with_garden` | :office: | `office` | +| :post_office: | `post_office` | :european_post_office: | `european_post_office` | +| :hospital: | `hospital` | :bank: | `bank` | +| :hotel: | `hotel` | :love_hotel: | `love_hotel` | +| :convenience_store: | `convenience_store` | :school: | `school` | +| :department_store: | `department_store` | :factory: | `factory` | +| :japanese_castle: | `japanese_castle` | :european_castle: | `european_castle` | +| :wedding: | `wedding` | :tokyo_tower: | `tokyo_tower` | +| :statue_of_liberty: | `statue_of_liberty` | | | + +#### 宗教建筑 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :church: | `church` | :mosque: | `mosque` | +| :synagogue: | `synagogue` | :shinto_shrine: | `shinto_shrine` | +| :kaaba: | `kaaba` | | | + +#### 其它地点 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :fountain: | `fountain` | :tent: | `tent` | +| :foggy: | `foggy` | :night_with_stars: | `night_with_stars` | +| :cityscape: | `cityscape` | :sunrise_over_mountains: | `sunrise_over_mountains` | +| :sunrise: | `sunrise` | :city_sunset: | `city_sunset` | +| :city_sunrise: | `city_sunrise` | :bridge_at_night: | `bridge_at_night` | +| :hotsprings: | `hotsprings` | :carousel_horse: | `carousel_horse` | +| :ferris_wheel: | `ferris_wheel` | :roller_coaster: | `roller_coaster` | +| :barber: | `barber` | :circus_tent: | `circus_tent` | + +#### 陆路运输 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :steam_locomotive: | `steam_locomotive` | :railway_car: | `railway_car` | +| :bullettrain_side: | `bullettrain_side` | :bullettrain_front: | `bullettrain_front` | +| :train2: | `train2` | :metro: | `metro` | +| :light_rail: | `light_rail` | :station: | `station` | +| :tram: | `tram` | :monorail: | `monorail` | +| :mountain_railway: | `mountain_railway` | :train: | `train` | +| :bus: | `bus` | :oncoming_bus: | `oncoming_bus` | +| :trolleybus: | `trolleybus` | :minibus: | `minibus` | +| :ambulance: | `ambulance` | :fire_engine: | `fire_engine` | +| :police_car: | `police_car` | :oncoming_police_car: | `oncoming_police_car` | +| :taxi: | `taxi` | :oncoming_taxi: | `oncoming_taxi` | +| :car: | `car`
`red_car` | :oncoming_automobile: | `oncoming_automobile` | +| :blue_car: | `blue_car` | :truck: | `truck` | +| :articulated_lorry: | `articulated_lorry` | :tractor: | `tractor` | +| :racing_car: | `racing_car` | :motorcycle: | `motorcycle` | +| :motor_scooter: | `motor_scooter` | :bike: | `bike` | +| :kick_scooter: | `kick_scooter` | :busstop: | `busstop` | +| :motorway: | `motorway` | :railway_track: | `railway_track` | +| :oil_drum: | `oil_drum` | :fuelpump: | `fuelpump` | +| :rotating_light: | `rotating_light` | :traffic_light: | `traffic_light` | +| :vertical_traffic_light: | `vertical_traffic_light` | :stop_sign: | `stop_sign` | +| :construction: | `construction` | | | + +#### 水路运输 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :anchor: | `anchor` | :boat: | `boat`
`sailboat` | +| :canoe: | `canoe` | :speedboat: | `speedboat` | +| :passenger_ship: | `passenger_ship` | :ferry: | `ferry` | +| :motor_boat: | `motor_boat` | :ship: | `ship` | + +#### 空中运输 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :airplane: | `airplane` | :small_airplane: | `small_airplane` | +| :flight_departure: | `flight_departure` | :flight_arrival: | `flight_arrival` | +| :seat: | `seat` | :helicopter: | `helicopter` | +| :suspension_railway: | `suspension_railway` | :mountain_cableway: | `mountain_cableway` | +| :aerial_tramway: | `aerial_tramway` | :artificial_satellite: | `artificial_satellite` | +| :rocket: | `rocket` | | | + +#### 旅馆 + +| | icon | code | | +| - | :-: | - | - | +| :bellhop_bell: | `bellhop_bell` | + +#### 时间 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :hourglass: | `hourglass` | :hourglass_flowing_sand: | `hourglass_flowing_sand` | +| :watch: | `watch` | :alarm_clock: | `alarm_clock` | +| :stopwatch: | `stopwatch` | :timer_clock: | `timer_clock` | +| :mantelpiece_clock: | `mantelpiece_clock` | :clock12: | `clock12` | +| :clock1230: | `clock1230` | :clock1: | `clock1` | +| :clock130: | `clock130` | :clock2: | `clock2` | +| :clock230: | `clock230` | :clock3: | `clock3` | +| :clock330: | `clock330` | :clock4: | `clock4` | +| :clock430: | `clock430` | :clock5: | `clock5` | +| :clock530: | `clock530` | :clock6: | `clock6` | +| :clock630: | `clock630` | :clock7: | `clock7` | +| :clock730: | `clock730` | :clock8: | `clock8` | +| :clock830: | `clock830` | :clock9: | `clock9` | +| :clock930: | `clock930` | :clock10: | `clock10` | +| :clock1030: | `clock1030` | :clock11: | `clock11` | +| :clock1130: | `clock1130` | | | + +#### 天空与天气 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :new_moon: | `new_moon` | :waxing_crescent_moon: | `waxing_crescent_moon` | +| :first_quarter_moon: | `first_quarter_moon` | :moon: | `moon`
`waxing_gibbous_moon` | +| :full_moon: | `full_moon` | :waning_gibbous_moon: | `waning_gibbous_moon` | +| :last_quarter_moon: | `last_quarter_moon` | :waning_crescent_moon: | `waning_crescent_moon` | +| :crescent_moon: | `crescent_moon` | :new_moon_with_face: | `new_moon_with_face` | +| :first_quarter_moon_with_face: | `first_quarter_moon_with_face` | :last_quarter_moon_with_face: | `last_quarter_moon_with_face` | +| :thermometer: | `thermometer` | :sunny: | `sunny` | +| :full_moon_with_face: | `full_moon_with_face` | :sun_with_face: | `sun_with_face` | +| :star: | `star` | :star2: | `star2` | +| :stars: | `stars` | :milky_way: | `milky_way` | +| :cloud: | `cloud` | :partly_sunny: | `partly_sunny` | +| :cloud_with_lightning_and_rain: | `cloud_with_lightning_and_rain` | :sun_behind_small_cloud: | `sun_behind_small_cloud` | +| :sun_behind_large_cloud: | `sun_behind_large_cloud` | :sun_behind_rain_cloud: | `sun_behind_rain_cloud` | +| :cloud_with_rain: | `cloud_with_rain` | :cloud_with_snow: | `cloud_with_snow` | +| :cloud_with_lightning: | `cloud_with_lightning` | :tornado: | `tornado` | +| :fog: | `fog` | :wind_face: | `wind_face` | +| :cyclone: | `cyclone` | :rainbow: | `rainbow` | +| :closed_umbrella: | `closed_umbrella` | :open_umbrella: | `open_umbrella` | +| :umbrella: | `umbrella` | :parasol_on_ground: | `parasol_on_ground` | +| :zap: | `zap` | :snowflake: | `snowflake` | +| :snowman_with_snow: | `snowman_with_snow` | :snowman: | `snowman` | +| :comet: | `comet` | :fire: | `fire` | +| :droplet: | `droplet` | :ocean: | `ocean` | + +### 活动 + +#### 事件 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :jack_o_lantern: | `jack_o_lantern` | :christmas_tree: | `christmas_tree` | +| :fireworks: | `fireworks` | :sparkler: | `sparkler` | +| :sparkles: | `sparkles` | :balloon: | `balloon` | +| :tada: | `tada` | :confetti_ball: | `confetti_ball` | +| :tanabata_tree: | `tanabata_tree` | :bamboo: | `bamboo` | +| :dolls: | `dolls` | :flags: | `flags` | +| :wind_chime: | `wind_chime` | :rice_scene: | `rice_scene` | +| :ribbon: | `ribbon` | :gift: | `gift` | +| :reminder_ribbon: | `reminder_ribbon` | :tickets: | `tickets` | +| :ticket: | `ticket` | | | + +#### 奖杯与奖牌 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :medal_military: | `medal_military` | :trophy: | `trophy` | +| :medal_sports: | `medal_sports` | :1st_place_medal: | `1st_place_medal` | +| :2nd_place_medal: | `2nd_place_medal` | :3rd_place_medal: | `3rd_place_medal` | + +#### 体育运动 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :soccer: | `soccer` | :baseball: | `baseball` | +| :basketball: | `basketball` | :volleyball: | `volleyball` | +| :football: | `football` | :rugby_football: | `rugby_football` | +| :tennis: | `tennis` | :bowling: | `bowling` | +| :cricket: | `cricket` | :field_hockey: | `field_hockey` | +| :ice_hockey: | `ice_hockey` | :ping_pong: | `ping_pong` | +| :badminton: | `badminton` | :boxing_glove: | `boxing_glove` | +| :martial_arts_uniform: | `martial_arts_uniform` | :goal_net: | `goal_net` | +| :golf: | `golf` | :ice_skate: | `ice_skate` | +| :fishing_pole_and_fish: | `fishing_pole_and_fish` | :running_shirt_with_sash: | `running_shirt_with_sash` | +| :ski: | `ski` | | | + +#### 游戏 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :dart: | `dart` | :8ball: | `8ball` | +| :crystal_ball: | `crystal_ball` | :video_game: | `video_game` | +| :joystick: | `joystick` | :slot_machine: | `slot_machine` | +| :game_die: | `game_die` | :spades: | `spades` | +| :hearts: | `hearts` | :diamonds: | `diamonds` | +| :clubs: | `clubs` | :black_joker: | `black_joker` | +| :mahjong: | `mahjong` | :flower_playing_cards: | `flower_playing_cards` | + +#### 艺术与工艺 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :performing_arts: | `performing_arts` | :framed_picture: | `framed_picture` | +| :art: | `art` | | | + +### 物品 + +#### 服装 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :eyeglasses: | `eyeglasses` | :dark_sunglasses: | `dark_sunglasses` | +| :necktie: | `necktie` | :shirt: | `shirt`
`tshirt` | +| :jeans: | `jeans` | :dress: | `dress` | +| :kimono: | `kimono` | :bikini: | `bikini` | +| :womans_clothes: | `womans_clothes` | :purse: | `purse` | +| :handbag: | `handbag` | :pouch: | `pouch` | +| :shopping: | `shopping` | :school_satchel: | `school_satchel` | +| :mans_shoe: | `mans_shoe`
`shoe` | :athletic_shoe: | `athletic_shoe` | +| :high_heel: | `high_heel` | :sandal: | `sandal` | +| :boot: | `boot` | :crown: | `crown` | +| :womans_hat: | `womans_hat` | :tophat: | `tophat` | +| :mortar_board: | `mortar_board` | :rescue_worker_helmet: | `rescue_worker_helmet` | +| :prayer_beads: | `prayer_beads` | :lipstick: | `lipstick` | +| :ring: | `ring` | :gem: | `gem` | + +#### 声音 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :mute: | `mute` | :speaker: | `speaker` | +| :sound: | `sound` | :loud_sound: | `loud_sound` | +| :loudspeaker: | `loudspeaker` | :mega: | `mega` | +| :postal_horn: | `postal_horn` | :bell: | `bell` | +| :no_bell: | `no_bell` | | | + +#### 音乐 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :musical_score: | `musical_score` | :musical_note: | `musical_note` | +| :notes: | `notes` | :studio_microphone: | `studio_microphone` | +| :level_slider: | `level_slider` | :control_knobs: | `control_knobs` | +| :microphone: | `microphone` | :headphones: | `headphones` | +| :radio: | `radio` | | | + +#### 乐器 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :saxophone: | `saxophone` | :guitar: | `guitar` | +| :musical_keyboard: | `musical_keyboard` | :trumpet: | `trumpet` | +| :violin: | `violin` | :drum: | `drum` | + +#### 电话 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :iphone: | `iphone` | :calling: | `calling` | +| :phone: | `phone`
`telephone` | :telephone_receiver: | `telephone_receiver` | +| :pager: | `pager` | :fax: | `fax` | + +#### 电脑 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :battery: | `battery` | :electric_plug: | `electric_plug` | +| :computer: | `computer` | :desktop_computer: | `desktop_computer` | +| :printer: | `printer` | :keyboard: | `keyboard` | +| :computer_mouse: | `computer_mouse` | :trackball: | `trackball` | +| :minidisc: | `minidisc` | :floppy_disk: | `floppy_disk` | +| :cd: | `cd` | :dvd: | `dvd` | + +#### 灯光与影像 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :movie_camera: | `movie_camera` | :film_strip: | `film_strip` | +| :film_projector: | `film_projector` | :clapper: | `clapper` | +| :tv: | `tv` | :camera: | `camera` | +| :camera_flash: | `camera_flash` | :video_camera: | `video_camera` | +| :vhs: | `vhs` | :mag: | `mag` | +| :mag_right: | `mag_right` | :candle: | `candle` | +| :bulb: | `bulb` | :flashlight: | `flashlight` | +| :izakaya_lantern: | `izakaya_lantern`
`lantern` | | | + +#### 书与纸张 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :notebook_with_decorative_cover: | `notebook_with_decorative_cover` | :closed_book: | `closed_book` | +| :book: | `book`
`open_book` | :green_book: | `green_book` | +| :blue_book: | `blue_book` | :orange_book: | `orange_book` | +| :books: | `books` | :notebook: | `notebook` | +| :ledger: | `ledger` | :page_with_curl: | `page_with_curl` | +| :scroll: | `scroll` | :page_facing_up: | `page_facing_up` | +| :newspaper: | `newspaper` | :newspaper_roll: | `newspaper_roll` | +| :bookmark_tabs: | `bookmark_tabs` | :bookmark: | `bookmark` | +| :label: | `label` | | | + +#### 钱 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :moneybag: | `moneybag` | :yen: | `yen` | +| :dollar: | `dollar` | :euro: | `euro` | +| :pound: | `pound` | :money_with_wings: | `money_with_wings` | +| :credit_card: | `credit_card` | :chart: | `chart` | + +#### 邮件 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :email: | `email`
`envelope` | :e-mail: | `:e-mail:` | +| :incoming_envelope: | `incoming_envelope` | :envelope_with_arrow: | `envelope_with_arrow` | +| :outbox_tray: | `outbox_tray` | :inbox_tray: | `inbox_tray` | +| :package: | `package` | :mailbox: | `mailbox` | +| :mailbox_closed: | `mailbox_closed` | :mailbox_with_mail: | `mailbox_with_mail` | +| :mailbox_with_no_mail: | `mailbox_with_no_mail` | :postbox: | `postbox` | +| :ballot_box: | `ballot_box` | | | + +#### 书写 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :pencil2: | `pencil2` | :black_nib: | `black_nib` | +| :fountain_pen: | `fountain_pen` | :pen: | `pen` | +| :paintbrush: | `paintbrush` | :crayon: | `crayon` | +| :memo: | `memo`
`pencil` | | | + +#### 办公 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :briefcase: | `briefcase` | :file_folder: | `file_folder` | +| :open_file_folder: | `open_file_folder` | :card_index_dividers: | `card_index_dividers` | +| :date: | `date` | :calendar: | `calendar` | +| :spiral_notepad: | `spiral_notepad` | :spiral_calendar: | `spiral_calendar` | +| :card_index: | `card_index` | :chart_with_upwards_trend: | `chart_with_upwards_trend` | +| :chart_with_downwards_trend: | `chart_with_downwards_trend` | :bar_chart: | `bar_chart` | +| :clipboard: | `clipboard` | :pushpin: | `pushpin` | +| :round_pushpin: | `round_pushpin` | :paperclip: | `paperclip` | +| :paperclips: | `paperclips` | :straight_ruler: | `straight_ruler` | +| :triangular_ruler: | `triangular_ruler` | :scissors: | `scissors` | +| :card_file_box: | `card_file_box` | :file_cabinet: | `file_cabinet` | +| :wastebasket: | `wastebasket` | | | + +#### 锁 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :lock: | `lock` | :unlock: | `unlock` | +| :lock_with_ink_pen: | `lock_with_ink_pen` | :closed_lock_with_key: | `closed_lock_with_key` | +| :key: | `key` | :old_key: | `old_key` | + +#### 工具 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :hammer: | `hammer` | :pick: | `pick` | +| :hammer_and_pick: | `hammer_and_pick` | :hammer_and_wrench: | `hammer_and_wrench` | +| :dagger: | `dagger` | :crossed_swords: | `crossed_swords` | +| :gun: | `gun` | :bow_and_arrow: | `bow_and_arrow` | +| :shield: | `shield` | :wrench: | `wrench` | +| :nut_and_bolt: | `nut_and_bolt` | :gear: | `gear` | +| :clamp: | `clamp` | :balance_scale: | `balance_scale` | +| :link: | `link` | :chains: | `chains` | + +#### 科学 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :alembic: | `alembic` | :microscope: | `microscope` | +| :telescope: | `telescope` | :satellite: | `satellite` | + +#### 医疗 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :syringe: | `syringe` | :pill: | `pill` | + +#### 生活用品 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :door: | `door` | :bed: | `bed` | +| :couch_and_lamp: | `couch_and_lamp` | :toilet: | `toilet` | +| :shower: | `shower` | :bathtub: | `bathtub` | +| :shopping_cart: | `shopping_cart` | | | + +#### 其它物品 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :smoking: | `smoking` | :coffin: | `coffin` | +| :funeral_urn: | `funeral_urn` | :moyai: | `moyai` | + +### 符号 + +#### 交通标识 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :atm: | `atm` | :put_litter_in_its_place: | `put_litter_in_its_place` | +| :potable_water: | `potable_water` | :wheelchair: | `wheelchair` | +| :mens: | `mens` | :womens: | `womens` | +| :restroom: | `restroom` | :baby_symbol: | `baby_symbol` | +| :wc: | `wc` | :passport_control: | `passport_control` | +| :customs: | `customs` | :baggage_claim: | `baggage_claim` | +| :left_luggage: | `left_luggage` | | | + +#### 警告 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :warning: | `warning` | :children_crossing: | `children_crossing` | +| :no_entry: | `no_entry` | :no_entry_sign: | `no_entry_sign` | +| :no_bicycles: | `no_bicycles` | :no_smoking: | `no_smoking` | +| :do_not_litter: | `do_not_litter` | :non-potable_water: | `:non-potable_water:` | +| :no_pedestrians: | `no_pedestrians` | :no_mobile_phones: | `no_mobile_phones` | +| :underage: | `underage` | :radioactive: | `radioactive` | +| :biohazard: | `biohazard` | | | + +#### 箭头 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :arrow_up: | `arrow_up` | :arrow_upper_right: | `arrow_upper_right` | +| :arrow_right: | `arrow_right` | :arrow_lower_right: | `arrow_lower_right` | +| :arrow_down: | `arrow_down` | :arrow_lower_left: | `arrow_lower_left` | +| :arrow_left: | `arrow_left` | :arrow_upper_left: | `arrow_upper_left` | +| :arrow_up_down: | `arrow_up_down` | :left_right_arrow: | `left_right_arrow` | +| :leftwards_arrow_with_hook: | `leftwards_arrow_with_hook` | :arrow_right_hook: | `arrow_right_hook` | +| :arrow_heading_up: | `arrow_heading_up` | :arrow_heading_down: | `arrow_heading_down` | +| :arrows_clockwise: | `arrows_clockwise` | :arrows_counterclockwise: | `arrows_counterclockwise` | +| :back: | `back` | :end: | `end` | +| :on: | `on` | :soon: | `soon` | +| :top: | `top` | | | + +#### 宗教 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :place_of_worship: | `place_of_worship` | :atom_symbol: | `atom_symbol` | +| :om: | `om` | :star_of_david: | `star_of_david` | +| :wheel_of_dharma: | `wheel_of_dharma` | :yin_yang: | `yin_yang` | +| :latin_cross: | `latin_cross` | :orthodox_cross: | `orthodox_cross` | +| :star_and_crescent: | `star_and_crescent` | :peace_symbol: | `peace_symbol` | +| :menorah: | `menorah` | :six_pointed_star: | `six_pointed_star` | + +#### 生肖 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :aries: | `aries` | :taurus: | `taurus` | +| :gemini: | `gemini` | :cancer: | `cancer` | +| :leo: | `leo` | :virgo: | `virgo` | +| :libra: | `libra` | :scorpius: | `scorpius` | +| :sagittarius: | `sagittarius` | :capricorn: | `capricorn` | +| :aquarius: | `aquarius` | :pisces: | `pisces` | +| :ophiuchus: | `ophiuchus` | | | + +#### 影像符号 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :twisted_rightwards_arrows: | `twisted_rightwards_arrows` | :repeat: | `repeat` | +| :repeat_one: | `repeat_one` | :arrow_forward: | `arrow_forward` | +| :fast_forward: | `fast_forward` | :next_track_button: | `next_track_button` | +| :play_or_pause_button: | `play_or_pause_button` | :arrow_backward: | `arrow_backward` | +| :rewind: | `rewind` | :previous_track_button: | `previous_track_button` | +| :arrow_up_small: | `arrow_up_small` | :arrow_double_up: | `arrow_double_up` | +| :arrow_down_small: | `arrow_down_small` | :arrow_double_down: | `arrow_double_down` | +| :pause_button: | `pause_button` | :stop_button: | `stop_button` | +| :record_button: | `record_button` | :cinema: | `cinema` | +| :low_brightness: | `low_brightness` | :high_brightness: | `high_brightness` | +| :signal_strength: | `signal_strength` | :vibration_mode: | `vibration_mode` | +| :mobile_phone_off: | `mobile_phone_off` | | | + +#### 数学 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :heavy_multiplication_x: | `heavy_multiplication_x` | :heavy_plus_sign: | `heavy_plus_sign` | +| :heavy_minus_sign: | `heavy_minus_sign` | :heavy_division_sign: | `heavy_division_sign` | + +#### 标点符号 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :bangbang: | `bangbang` | :interrobang: | `interrobang` | +| :question: | `question` | :grey_question: | `grey_question` | +| :grey_exclamation: | `grey_exclamation` | :exclamation: | `exclamation`
`heavy_exclamation_mark` | +| :wavy_dash: | `wavy_dash` | | | + +#### 货币 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :currency_exchange: | `currency_exchange` | :heavy_dollar_sign: | `heavy_dollar_sign` | + +#### 按键符号 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :hash: | `hash` | :asterisk: | `asterisk` | +| :zero: | `zero` | :one: | `one` | +| :two: | `two` | :three: | `three` | +| :four: | `four` | :five: | `five` | +| :six: | `six` | :seven: | `seven` | +| :eight: | `eight` | :nine: | `nine` | +| :keycap_ten: | `keycap_ten` | | | + +#### 字母符号 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :capital_abcd: | `capital_abcd` | :abcd: | `abcd` | +| :1234: | `1234` | :symbols: | `symbols` | +| :abc: | `abc` | :a: | `a` | +| :ab: | `ab` | :b: | `b` | +| :cl: | `cl` | :cool: | `cool` | +| :free: | `free` | :information_source: | `information_source` | +| :id: | `id` | :m: | `m` | +| :new: | `new` | :ng: | `ng` | +| :o2: | `o2` | :ok: | `ok` | +| :parking: | `parking` | :sos: | `sos` | +| :up: | `up` | :vs: | `vs` | +| :koko: | `koko` | :sa: | `sa` | +| :u6708: | `u6708` | :u6709: | `u6709` | +| :u6307: | `u6307` | :ideograph_advantage: | `ideograph_advantage` | +| :u5272: | `u5272` | :u7121: | `u7121` | +| :u7981: | `u7981` | :accept: | `accept` | +| :u7533: | `u7533` | :u5408: | `u5408` | +| :u7a7a: | `u7a7a` | :congratulations: | `congratulations` | +| :secret: | `secret` | :u55b6: | `u55b6` | +| :u6e80: | `u6e80` | | | + +#### 几何符号 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :red_circle: | `red_circle` | :large_blue_circle: | `large_blue_circle` | +| :black_circle: | `black_circle` | :white_circle: | `white_circle` | +| :black_large_square: | `black_large_square` | :white_large_square: | `white_large_square` | +| :black_medium_square: | `black_medium_square` | :white_medium_square: | `white_medium_square` | +| :black_medium_small_square: | `black_medium_small_square` | :white_medium_small_square: | `white_medium_small_square` | +| :black_small_square: | `black_small_square` | :white_small_square: | `white_small_square` | +| :large_orange_diamond: | `large_orange_diamond` | :large_blue_diamond: | `large_blue_diamond` | +| :small_orange_diamond: | `small_orange_diamond` | :small_blue_diamond: | `small_blue_diamond` | +| :small_red_triangle: | `small_red_triangle` | :small_red_triangle_down: | `small_red_triangle_down` | +| :diamond_shape_with_a_dot_inside: | `diamond_shape_with_a_dot_inside` | :radio_button: | `radio_button` | +| :white_square_button: | `white_square_button` | :black_square_button: | `black_square_button` | + +#### 其它符合 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :recycle: | `recycle` | :fleur_de_lis: | `fleur_de_lis` | +| :trident: | `trident` | :name_badge: | `name_badge` | +| :beginner: | `beginner` | :o: | `o` | +| :white_check_mark: | `white_check_mark` | :ballot_box_with_check: | `ballot_box_with_check` | +| :heavy_check_mark: | `heavy_check_mark` | :x: | `x` | +| :negative_squared_cross_mark: | `negative_squared_cross_mark` | :curly_loop: | `curly_loop` | +| :loop: | `loop` | :part_alternation_mark: | `part_alternation_mark` | +| :eight_spoked_asterisk: | `eight_spoked_asterisk` | :eight_pointed_black_star: | `eight_pointed_black_star` | +| :sparkle: | `sparkle` | :copyright: | `copyright` | +| :registered: | `registered` | :tm: | `tm` | + +### 旗帜 + +#### 常用旗帜 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :checkered_flag: | `checkered_flag` | :triangular_flag_on_post: | `triangular_flag_on_post` | +| :crossed_flags: | `crossed_flags` | :black_flag: | `black_flag` | +| :white_flag: | `white_flag` | :rainbow_flag: | `rainbow_flag` | + +#### 国家和地区旗帜 + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :andorra: | `andorra` | :united_arab_emirates: | `united_arab_emirates` | +| :afghanistan: | `afghanistan` | :antigua_barbuda: | `antigua_barbuda` | +| :anguilla: | `anguilla` | :albania: | `albania` | +| :armenia: | `armenia` | :angola: | `angola` | +| :antarctica: | `antarctica` | :argentina: | `argentina` | +| :american_samoa: | `american_samoa` | :austria: | `austria` | +| :australia: | `australia` | :aruba: | `aruba` | +| :aland_islands: | `aland_islands` | :azerbaijan: | `azerbaijan` | +| :bosnia_herzegovina: | `bosnia_herzegovina` | :barbados: | `barbados` | +| :bangladesh: | `bangladesh` | :belgium: | `belgium` | +| :burkina_faso: | `burkina_faso` | :bulgaria: | `bulgaria` | +| :bahrain: | `bahrain` | :burundi: | `burundi` | +| :benin: | `benin` | :st_barthelemy: | `st_barthelemy` | +| :bermuda: | `bermuda` | :brunei: | `brunei` | +| :bolivia: | `bolivia` | :caribbean_netherlands: | `caribbean_netherlands` | +| :brazil: | `brazil` | :bahamas: | `bahamas` | +| :bhutan: | `bhutan` | :botswana: | `botswana` | +| :belarus: | `belarus` | :belize: | `belize` | +| :canada: | `canada` | :cocos_islands: | `cocos_islands` | +| :congo_kinshasa: | `congo_kinshasa` | :central_african_republic: | `central_african_republic` | +| :congo_brazzaville: | `congo_brazzaville` | :switzerland: | `switzerland` | +| :cote_divoire: | `cote_divoire` | :cook_islands: | `cook_islands` | +| :chile: | `chile` | :cameroon: | `cameroon` | +| :cn: | `cn` | :colombia: | `colombia` | +| :costa_rica: | `costa_rica` | :cuba: | `cuba` | +| :cape_verde: | `cape_verde` | :curacao: | `curacao` | +| :christmas_island: | `christmas_island` | :cyprus: | `cyprus` | +| :czech_republic: | `czech_republic` | :de: | `de` | +| :djibouti: | `djibouti` | :denmark: | `denmark` | +| :dominica: | `dominica` | :dominican_republic: | `dominican_republic` | +| :algeria: | `algeria` | :ecuador: | `ecuador` | +| :estonia: | `estonia` | :egypt: | `egypt` | +| :western_sahara: | `western_sahara` | :eritrea: | `eritrea` | +| :es: | `es` | :ethiopia: | `ethiopia` | +| :eu: | `eu`
`european_union` | :finland: | `finland` | +| :fiji: | `fiji` | :falkland_islands: | `falkland_islands` | +| :micronesia: | `micronesia` | :faroe_islands: | `faroe_islands` | +| :fr: | `fr` | :gabon: | `gabon` | +| :gb: | `gb`
`uk` | :grenada: | `grenada` | +| :georgia: | `georgia` | :french_guiana: | `french_guiana` | +| :guernsey: | `guernsey` | :ghana: | `ghana` | +| :gibraltar: | `gibraltar` | :greenland: | `greenland` | +| :gambia: | `gambia` | :guinea: | `guinea` | +| :guadeloupe: | `guadeloupe` | :equatorial_guinea: | `equatorial_guinea` | +| :greece: | `greece` | :south_georgia_south_sandwich_islands: | `south_georgia_south_sandwich_islands` | +| :guatemala: | `guatemala` | :guam: | `guam` | +| :guinea_bissau: | `guinea_bissau` | :guyana: | `guyana` | +| :hong_kong: | `hong_kong` | :honduras: | `honduras` | +| :croatia: | `croatia` | :haiti: | `haiti` | +| :hungary: | `hungary` | :canary_islands: | `canary_islands` | +| :indonesia: | `indonesia` | :ireland: | `ireland` | +| :israel: | `israel` | :isle_of_man: | `isle_of_man` | +| :india: | `india` | :british_indian_ocean_territory: | `british_indian_ocean_territory` | +| :iraq: | `iraq` | :iran: | `iran` | +| :iceland: | `iceland` | :it: | `it` | +| :jersey: | `jersey` | :jamaica: | `jamaica` | +| :jordan: | `jordan` | :jp: | `jp` | +| :kenya: | `kenya` | :kyrgyzstan: | `kyrgyzstan` | +| :cambodia: | `cambodia` | :kiribati: | `kiribati` | +| :comoros: | `comoros` | :st_kitts_nevis: | `st_kitts_nevis` | +| :north_korea: | `north_korea` | :kr: | `kr` | +| :kuwait: | `kuwait` | :cayman_islands: | `cayman_islands` | +| :kazakhstan: | `kazakhstan` | :laos: | `laos` | +| :lebanon: | `lebanon` | :st_lucia: | `st_lucia` | +| :liechtenstein: | `liechtenstein` | :sri_lanka: | `sri_lanka` | +| :liberia: | `liberia` | :lesotho: | `lesotho` | +| :lithuania: | `lithuania` | :luxembourg: | `luxembourg` | +| :latvia: | `latvia` | :libya: | `libya` | +| :morocco: | `morocco` | :monaco: | `monaco` | +| :moldova: | `moldova` | :montenegro: | `montenegro` | +| :madagascar: | `madagascar` | :marshall_islands: | `marshall_islands` | +| :macedonia: | `macedonia` | :mali: | `mali` | +| :myanmar: | `myanmar` | :mongolia: | `mongolia` | +| :macau: | `macau` | :northern_mariana_islands: | `northern_mariana_islands` | +| :martinique: | `martinique` | :mauritania: | `mauritania` | +| :montserrat: | `montserrat` | :malta: | `malta` | +| :mauritius: | `mauritius` | :maldives: | `maldives` | +| :malawi: | `malawi` | :mexico: | `mexico` | +| :malaysia: | `malaysia` | :mozambique: | `mozambique` | +| :namibia: | `namibia` | :new_caledonia: | `new_caledonia` | +| :niger: | `niger` | :norfolk_island: | `norfolk_island` | +| :nigeria: | `nigeria` | :nicaragua: | `nicaragua` | +| :netherlands: | `netherlands` | :norway: | `norway` | +| :nepal: | `nepal` | :nauru: | `nauru` | +| :niue: | `niue` | :new_zealand: | `new_zealand` | +| :oman: | `oman` | :panama: | `panama` | +| :peru: | `peru` | :french_polynesia: | `french_polynesia` | +| :papua_new_guinea: | `papua_new_guinea` | :philippines: | `philippines` | +| :pakistan: | `pakistan` | :poland: | `poland` | +| :st_pierre_miquelon: | `st_pierre_miquelon` | :pitcairn_islands: | `pitcairn_islands` | +| :puerto_rico: | `puerto_rico` | :palestinian_territories: | `palestinian_territories` | +| :portugal: | `portugal` | :palau: | `palau` | +| :paraguay: | `paraguay` | :qatar: | `qatar` | +| :reunion: | `reunion` | :romania: | `romania` | +| :serbia: | `serbia` | :ru: | `ru` | +| :rwanda: | `rwanda` | :saudi_arabia: | `saudi_arabia` | +| :solomon_islands: | `solomon_islands` | :seychelles: | `seychelles` | +| :sudan: | `sudan` | :sweden: | `sweden` | +| :singapore: | `singapore` | :st_helena: | `st_helena` | +| :slovenia: | `slovenia` | :slovakia: | `slovakia` | +| :sierra_leone: | `sierra_leone` | :san_marino: | `san_marino` | +| :senegal: | `senegal` | :somalia: | `somalia` | +| :suriname: | `suriname` | :south_sudan: | `south_sudan` | +| :sao_tome_principe: | `sao_tome_principe` | :el_salvador: | `el_salvador` | +| :sint_maarten: | `sint_maarten` | :syria: | `syria` | +| :swaziland: | `swaziland` | :turks_caicos_islands: | `turks_caicos_islands` | +| :chad: | `chad` | :french_southern_territories: | `french_southern_territories` | +| :togo: | `togo` | :thailand: | `thailand` | +| :tajikistan: | `tajikistan` | :tokelau: | `tokelau` | +| :timor_leste: | `timor_leste` | :turkmenistan: | `turkmenistan` | +| :tunisia: | `tunisia` | :tonga: | `tonga` | +| :tr: | `tr` | :trinidad_tobago: | `trinidad_tobago` | +| :tuvalu: | `tuvalu` | :taiwan: | `taiwan` | +| :tanzania: | `tanzania` | :ukraine: | `ukraine` | +| :uganda: | `uganda` | :us: | `us` | +| :uruguay: | `uruguay` | :uzbekistan: | `uzbekistan` | +| :vatican_city: | `vatican_city` | :st_vincent_grenadines: | `st_vincent_grenadines` | +| :venezuela: | `venezuela` | :british_virgin_islands: | `british_virgin_islands` | +| :us_virgin_islands: | `us_virgin_islands` | :vietnam: | `vietnam` | +| :vanuatu: | `vanuatu` | :wallis_futuna: | `wallis_futuna` | +| :samoa: | `samoa` | :kosovo: | `kosovo` | +| :yemen: | `yemen` | :mayotte: | `mayotte` | +| :south_africa: | `south_africa` | :zambia: | `zambia` | +| :zimbabwe: | `zimbabwe` | | | + +### GitHub 自定义 Emoji + +| 图标 | 代码 | 图标 | 代码 | +| :-: | - | :-: | - | +| :atom: | `atom` | :basecamp: | `basecamp` | +| :basecampy: | `basecampy` | :bowtie: | `bowtie` | +| :electron: | `electron` | :feelsgood: | `feelsgood` | +| :finnadie: | `finnadie` | :goberserk: | `goberserk` | +| :godmode: | `godmode` | :hurtrealbad: | `hurtrealbad` | +| :neckbeard: | `neckbeard` | :octocat: | `octocat` | +| :rage1: | `rage1` | :rage2: | `rage2` | +| :rage3: | `rage3` | :rage4: | `rage4` | +| :shipit: | `shipit`
`squirrel` | :suspect: | `suspect` | +| :trollface: | `trollface` | | | + + diff --git a/exampleSite/content/posts/markdown-syntax.en.md b/exampleSite/content/posts/markdown-syntax.en.md deleted file mode 100644 index 50b3805..0000000 --- a/exampleSite/content/posts/markdown-syntax.en.md +++ /dev/null @@ -1,188 +0,0 @@ ---- -title: "Markdown Syntax Guide" -date: 2019-12-01T21:57:40+08:00 -lastmod: 2020-01-01T16:45:40+08:00 -draft: false -author: "Hugo Authors" -authorLink: "https://gohugo.io/" -description: "Sample article showcasing basic Markdown syntax and formatting for HTML elements." -license: "" - -tags: ["markdown", "css", "html"] -categories: ["theme"] -hiddenFromHomePage: false - -featuredImage: /images/markdown.png -featuredImagePreview: "" - -toc: true -autoCollapseToc: true -lightgallery: true -math: true -comment: true ---- - -This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme. - - -## Headings - -The following HTML `
`—`` elements represent six levels of section headings. `` is the highest section level while `` is the lowest.
-
-## H2
-### H3
-#### H4
-##### H5
-###### H6
-
-## Paragraph
-
-Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum,
-voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit
-peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur,
-offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur,
-cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea
-corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum
-fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate
-dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer
-sperchicium faceata tiustia prat.
-
-Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is
-sinveli squiatum, core et que aut hariosam ex eat.
-
-## Blockquotes
-
-The blockquote element represents content that is quoted from another source, optionally
-with a citation which must be within a `footer` or `cite` element, and optionally with
-in-line changes such as annotations and abbreviations.
-
-### Blockquote without attribution
-
-> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
-> **Note** that you can use *Markdown syntax* within a blockquote.
-
-### Blockquote with attribution
-
-> Don't communicate by sharing memory, share memory by communicating.
-> — Rob Pike[^1]
-
-[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
-
-## Tables
-
-Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
-
- Name | Age
---------|------
- Bob | 27
- Alice | 23
-
-### Inline Markdown within tables
-
-| Inline | Markdown | In | Table |
-| ---------- | --------- | ----------------- | ---------- |
-| *italics* | **bold** | ~~strikethrough~~ | `code` |
-
-## Code
-
-### Inline code
-
-Inline code: `print`
-
-### Code block with backticks
-
-```html {hl_lines=["8-9"],linenostart=10}
-
-
-
-
- Example HTML5 Document
-
-
-
` is the highest section level while `` is the lowest.
-
-## H2
-### H3
-#### H4
-##### H5
-###### H6
-
-## Paragraph
-
-Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum,
-voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit
-peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur,
-offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur,
-cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea
-corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum
-fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate
-dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer
-sperchicium faceata tiustia prat.
-
-Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is
-sinveli squiatum, core et que aut hariosam ex eat.
-
-## Blockquotes
-
-The blockquote element represents content that is quoted from another source, optionally
-with a citation which must be within a `footer` or `cite` element, and optionally with
-in-line changes such as annotations and abbreviations.
-
-### Blockquote without attribution
-
-> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
-> **Note** that you can use *Markdown syntax* within a blockquote.
-
-### Blockquote with attribution
-
-> Don't communicate by sharing memory, share memory by communicating.
-> — Rob Pike[^1]
-
-[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
-
-## Tables
-
-Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
-
- Name | Age
---------|------
- Bob | 27
- Alice | 23
-
-### Inline Markdown within tables
-
-| Inline | Markdown | In | Table |
-| ---------- | --------- | ----------------- | ---------- |
-| *italics* | **bold** | ~~strikethrough~~ | `code` |
-
-## Code
-
-### Inline code
-
-Inline code: `print`
-
-### Code block with backticks
-
-```html {hl_lines=["8-9"],linenostart=10}
-
-
-
-
- Example HTML5 Document
-
-
-
Test
- - -``` - -### Code block indented with four spaces - - - - - -Test
- - - -### Code block with Hugo's internal highlight shortcode - -{{< highlight html "linenos=false" >}} - - - - -Test
- - -{{< /highlight >}} - -## List Types - -### Ordered List - -1. First item -2. Second item -3. Third item - -### Unordered List - -* List item -* Another item -* And another item - -### Nested list - -* Item - 1. First Sub-item - 2. Second Sub-item - -## Other Elements — abbr, sub, sup, kbd, mark - -* `abbr` - - GIF is a bitmap image format. - -* Or ruby annotation - - [GIF]^(Graphics Interchange Format) is a bitmap image format. - -* `sub`/`sup` - - H2O - - Xn + Yn = Zn - -* Or `LaTex` formula - - * Block - - $$ H_2O $$ - - $$ X^n+Y^n=Z^n $$ - - * Inline: \\( H_2O \\) \\( X^n+Y^n=Z^n \\) - -* `kbd` - - Press CTRL+ALT+Delete to end the session. - -* `mark` - - Most salamanders are nocturnal, and hunt for insects, worms, - and other small creatures. diff --git a/exampleSite/content/posts/placeholder-text.en.md b/exampleSite/content/posts/placeholder-text.en.md deleted file mode 100644 index 90747d6..0000000 --- a/exampleSite/content/posts/placeholder-text.en.md +++ /dev/null @@ -1,71 +0,0 @@ ---- -title: "Placeholder Text" -date: 2019-08-01T18:02:41+08:00 -lastmod: 2019-08-01T18:02:41+08:00 -draft: false -author: "Hugo Authors" -authorLink: "https://gohugo.io/" -description: "Lorem Ipsum Dolor Si Amet" -license: "" - -tags: ["markdown", "text"] -categories: ["theme"] -hiddenFromHomePage: false - -featuredImage: "" -featuredImagePreview: "" - -toc: false -autoCollapseToc: true -lightgallery: true -math: false -comment: true ---- - -Lorem est tota propiore conpellat pectoribus de -pectora summo. Redit teque digerit hominumque toris verebor lumina non cervice -subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc -caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis -lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum. - -1. Exierant elisi ambit vivere dedere -2. Duce pollice -3. Eris modo -4. Spargitque ferrea quos palude - -Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus -silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria -tractus malis. - -1. Comas hunc haec pietate fetum procerum dixit -2. Post torum vates letum Tiresia -3. Flumen querellas -4. Arcanaque montibus omnes -5. Quidem et - -## Vagus elidunt - - - -[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon) - -### Mane refeci capiebant unda mulcebat - -Victa caducifer, malo vulnere contra -dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere -furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis. - -Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli -Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare -Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert -ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae -vulnus haerentia iuste et exercebat, sui et. - -Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, *oculos nomen* non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem -Propoetides **parte**. - -{{< css.inline >}} - -{{< /css.inline >}} diff --git a/exampleSite/content/posts/rich-content.en.md b/exampleSite/content/posts/rich-content.en.md deleted file mode 100644 index d7c02a8..0000000 --- a/exampleSite/content/posts/rich-content.en.md +++ /dev/null @@ -1,56 +0,0 @@ ---- -title: "Rich Content" -date: 2019-09-01T18:06:32+08:00 -lastmod: 2019-09-01T18:06:32+08:00 -draft: false -author: "Hugo Authors" -authorLink: "https://gohugo.io/" -description: "A brief description of Hugo Shortcodes" -license: "" - -tags: ["shortcodes", "privacy"] -categories: ["theme"] -hiddenFromHomePage: false - -featuredImage: /images/hugo.png -featuredImagePreview: "" - -toc: false -autoCollapseToc: true -lightgallery: true -math: false -comment: true ---- - -Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds. - - ---- - -## Instagram Shortcode - -{{< instagram BGvuInzyFAe hidecaption >}} - -- ---- - -## YouTube Privacy Enhanced Shortcode - -{{< youtube ZJthWmvUzzc >}} - -
- ---- - -## Twitter Shortcode - -{{< twitter 1085870671291310081 >}} - -
- ---- - -## Vimeo Simple Shortcode - -{{< vimeo_simple 48912912 >}} diff --git a/exampleSite/content/posts/test-mermaid.zh-cn.md b/exampleSite/content/posts/test-mermaid.zh-cn.md deleted file mode 100644 index d4e4cd6..0000000 --- a/exampleSite/content/posts/test-mermaid.zh-cn.md +++ /dev/null @@ -1,105 +0,0 @@ ---- -title: "Test Mermaid" -date: 2020-02-27T15:41:42+08:00 -lastmod: 2020-02-27T15:41:42+08:00 -draft: true -author: "" -authorLink: "" -description: "" -license: "" - -tags: [] -categories: [] -hiddenFromHomePage: false - -featuredImage: "" -featuredImagePreview: "" - -toc: false -autoCollapseToc: true -lightgallery: true -math: false -comment: true ---- - - - -## Flow - -{{< mermaid >}} -graph TD -A[Hard] -->|Text| B(Round) -B --> C{Decision} -C -->|One| D[Result 1] -C -->|Two| E[Result 2] -{{< /mermaid >}} - -## Sequence - -{{< mermaid >}} -sequenceDiagram -Alice->>John: Hello John, how are you? -loop Healthcheck - John->>John: Fight against hypochondria -end -Note right of John: Rational thoughts! -John-->>Alice: Great! -John->>Bob: How about you? -Bob-->>John: Jolly good! -{{< /mermaid >}} - -## Gantt - -{{< mermaid >}} -gantt - title A Gantt Diagram - dateFormat YYYY-MM-DD - section Section - A task :a1, 2014-01-01, 30d - Another task :after a1 , 20d - section Another - Task in sec :2014-01-12 , 12d - another task : 24d -{{< /mermaid >}} - -## Class - -{{< mermaid >}} -classDiagram -Class01 <|-- AveryLongClass : Cool -<
{b} : {c} ({d}%)' -legend: - orient: vertical - left: left - data: - - 直接访问 - - 邮件营销 - - 联盟广告 - - 视频广告 - - 搜索引擎 -series: - - name: 访问来源 - type: pie - radius: 55% - center: - - 50% - - 60% - data: - - value: 335 - name: 直接访问 - - value: 310 - name: 邮件营销 - - value: 234 - name: 联盟广告 - - value: 135 - name: 视频广告 - - value: 1548 - name: 搜索引擎 - itemStyle: - emphasis: - shadowBlur: 10 - shadowOffsetX: 0 - shadowColor: 'rgba(0, 0, 0, 0.5)' -{{< /echarts >}} - -## Test Mermaid - -{{< mermaid >}} -classDiagram - Animal <|-- Duck - Animal <|-- Fish - Animal <|-- Zebra - Animal : +int age - Animal : +String gender - Animal: +isMammal() - Animal: +mate() - class Duck{ - +String beakColor - +swim() - +quack() - } - class Fish{ - -int sizeInFeet - -canEat() - } - class Zebra{ - +bool is_wild - +run() - } -{{< /mermaid >}} - -## Test Ruby - -人最重要的特点是会思考，建站初衷无非是保存思维的电子快照。 -当然各种文档工具亦或是简单的文本编辑器也能随时记录点滴， -选择建个人网站无非是想满足 [技术爱好者]^(Technology enthusiast) 的偏执。 - -## Test Music - -## Test Toc - -Toc - -### Toc1 - -Toc - -#### Toc 1-1 - -Toc - -#### Toc 1-2 - -Toc - -#### Toc 1-3 - -Toc - -### Toc2 - -Toc - -#### Toc 2-1 - -Toc - -#### Toc 2-2 - -Toc - -### Toc3 - -Toc - -## Test Table - -| Tables | Are | Cool | -| :------------ |:-------------:| -----:| -| col 3 is | right-aligned | $1600 | -| col 2 is | centered | $12 | -| zebra stripes | are neat | $1 | - -## Test kbd - -ctrl+alt+del - -## Test Mixed Lists - -Mixed Lists - -- item 1 - * [X] item A - * [ ] item B - more text - 1. item a - 2. itemb - 3. item c - * [X] item C -- item 2 -- item 3 - -Really Mixed Lists - -- item 1 - * [X] item A - - item B - more text - 1. item a - + itemb - + [ ] item c - 1. item C -1. item 2 -- [X] item 3 - -## Test fa (Font Awesome) - -:(fab fa-weixin fa-2x): - -## Test Footnote - -This is a footnote[^1] - -[^1]: https://www.aol.com/article/entertainment/2020/02/10/oscars-viewership-hits-new-low-with-236-million-viewers/23923047/ - -## Test Admonition - -{{% admonition quote %}} -biu biu biu. -{{% /admonition %}} - -{{% admonition quote "I'm title!" false %}} -biu biu biu. -{{% /admonition %}} - -{{% admonition example "I'm title!" false %}} -biu biu biu. -{{% /admonition %}} - -{{% admonition bug "I'm title!" false %}} -biu biu biu. -{{% /admonition %}} - -{{% admonition danger "I'm title!" false %}} -biu biu biu. -{{% /admonition %}} - -{{% admonition failure "I'm title!" false %}} -biu biu biu. -{{% /admonition %}} - -{{% admonition warning "I'm title!" false %}} -biu biu biu. -{{% /admonition %}} - -{{% admonition question "I'm title!" false %}} -biu biu biu. -{{% /admonition %}} - -{{% admonition success "I'm title!" false %}} -biu biu biu. -{{% /admonition %}} - -{{% admonition tip "I'm title!" false %}} -biu biu biu. -{{% /admonition %}} - -{{% admonition info "I'm title!" true %}} -**biu biu biu.** -{{% /admonition %}} - -{{% admonition note "I'm title!" false %}} -**biu biu biu.** -{{% /admonition %}} - -{{% admonition type="abstract" title="Test Admonition" %}} -This is a Admonition. -{{% /admonition %}} - -## Test Highlight - -`ls` 命令 - -```go -// You can edit this code! -// Click here and start typing. -package main - -import "fmt" - -func main() { - fmt.Println("Hello, 世界", "Hello, 世界", "Hello, 世界", "Hello, 世界", "Hello, 世界", "Hello, 世界", "Hello, 世界", "Hello, 世界") -} -``` - -- This is a list that contains multiple code blocks. - - - Here is an indented block - - ```Code - This will still be parsed - as a normal indented code block. - ``` - - - Here is a fenced code block: - - ```Code - This will still be parsed - as a fenced code block. - ``` - - > ```Code - > Blockquotes? - > Not a problem! - > ``` - -## Test Typeit - -{{< typeit group="test" tag="h3" >}} -Here is a story about love... -{{< /typeit >}} - -{{< typeit group="test" code="java" >}} -int a = 1; -{{< /typeit >}} - -## Test Style - -{{< style "text-align: right">}} -**Test Text** -{{< /style >}} - -## Test Katex - -$$ c = \pm\sqrt{a^2 + b^2} $$ - -Left \\( c = \pm\sqrt{a^2 + b^2} \\) Right - -Left $ c = \pm\sqrt{a^2 + b^2} $ Right - -$ \ce{CO2 + C -> 2 CO} $ - -$ \ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-} $ diff --git a/exampleSite/content/posts/theme-documentation-basics.en.md b/exampleSite/content/posts/theme-documentation-basics.en.md index 5222419..29ba185 100644 --- a/exampleSite/content/posts/theme-documentation-basics.en.md +++ b/exampleSite/content/posts/theme-documentation-basics.en.md @@ -1,28 +1,32 @@ --- +weight: 1 title: "Theme Documentation - Basics" -date: 2020-02-18T21:29:01+08:00 -lastmod: 2020-02-18T21:29:01+08:00 +date: 2020-03-06T21:29:01+08:00 +lastmod: 2020-03-06T21:29:01+08:00 draft: false author: "Dillon" authorLink: "https://dillonzq.com" -description: "Discover what the Hugo LoveIt theme is all about and the core-concepts behind it" +description: "Discover what the Hugo - LoveIt theme is all about and the core-concepts behind it." license: "" tags: ["installation", "configuration"] categories: ["documentation"] hiddenFromHomePage: false -featuredImage: "/images/theme-documentation-basics.webp" +featuredImage: "/images/theme-documentation-basics/featured-image.webp" featuredImagePreview: "" toc: true autoCollapseToc: false +math: false lightgallery: true -math: true +linkToMarkdown: true +share: + enable: true comment: true --- -Discover what the Hugo **LoveIt** theme is all about and the core-concepts behind it. +Discover what the Hugo - **LoveIt** theme is all about and the core-concepts behind it. @@ -30,17 +34,17 @@ Discover what the Hugo **LoveIt** theme is all about and the core-concepts behin Thanks to the simplicity of Hugo, [Hugo](https://gohugo.io/) is the only dependency of this theme. -Just download latest version of [Hugo (> 0.62.0)](https://gohugo.io/getting-started/installing/) for your OS (Windows, Linux, Mac). +Just install latest version of [:(far fa-file-archive): Hugo (> 0.62.0)](https://gohugo.io/getting-started/installing/) for your OS (**Windows**, **Linux**, **macOS**). {{< admonition note "Why not support earlier versions of Hugo?" >}} -Since [Markdown Render Hooks](https://gohugo.io/getting-started/configuration-markup/#markdown-render-hooks) was introduced in the [Hugo Christmas Edition](https://gohugo.io/news/0.62.0-relnotes/), this theme only supports Hugo versions above v0.62.0. +Since [Markdown Render Hooks](https://gohugo.io/getting-started/configuration-markup/#markdown-render-hooks) was introduced in the [Hugo Christmas Edition](https://gohugo.io/news/0.62.0-relnotes/), this theme only supports Hugo versions above **v0.62.0**. {{< /admonition >}} ## 2 Installation The following steps are here to help you initialize your new website. If you don’t know Hugo at all, we strongly suggest you learn more about it by following this [great documentation for beginners](https://gohugo.io/getting-started/quick-start/). -### 2.1 Create your project +### 2.1 Create Your Project Hugo provides a `new` command to create a new website: @@ -49,31 +53,32 @@ hugo new site my_website cd my_website ``` -### 2.2 Install the theme +### 2.2 Install the Theme The **LoveIt** theme’s repository is: [https://github.com/dillonzq/LoveIt](https://github.com/dillonzq/LoveIt). -Clone this repository to your hugo **themes** directory: +You can download the **latest release** of the theme as :(far fa-file-archive): .zip file and extract it in the `themes` directory. + +Alternatively, clone this repository to the `themes` directory: ```bash - git clone -b master https://github.com/dillonzq/LoveIt.git themes/LoveIt +git clone -b master https://github.com/dillonzq/LoveIt.git themes/LoveIt ``` Or, create an empty git repository and make this repository a submodule of your site directory: ```bash - git init - git submodule -b master add https://github.com/dillonzq/LoveIt.git themes/LoveIt +git init +git submodule -b master add https://github.com/dillonzq/LoveIt.git themes/LoveIt ``` -Alternatively, you can download the latest release of the theme as .zip file and extract it in the **themes** directory. - -### 2.3 Basic configuration +### 2.3 Basic Configuration {#basic-configuration} The following is a basic configuration for the LoveIt theme: ```toml baseURL = "http://example.org/" +# language code languageCode = "en" title = "My New Hugo Site" @@ -83,13 +88,45 @@ theme = "LoveIt" [params] # LoveIt theme version version = "0.1.X" + +[menu] + [[menu.main]] + identifier = "posts" + # you can add extra information before the name (HTML format is allowed), such as icons + pre = "" + name = "Posts" + url = "/posts/" + # title will be shown when you hover on this menu link + title = "" + weight = 1 + [[menu.main]] + identifier = "tags" + pre = "" + name = "Tags" + url = "/tags/" + title = "" + weight = 2 + [[menu.main]] + identifier = "categories" + pre = "" + name = "Categories" + url = "/categories/" + title = "" + weight = 3 + [[menu.main]] + identifier = "about" + pre = "" + name = "About" + url = "/about/" + title = "" + weight = 4 ``` -{{< admonition note >}} +{{< admonition >}} When building the website, you can set a theme by using `--theme` option. However, we suggest you modify the configuration file (**config.toml**) and set the theme as the default. {{< /admonition >}} -### 2.4 Create your first post +### 2.4 Create Your First Post Here is the way to create your first post: @@ -99,11 +136,11 @@ Here is the way to create your first post: Feel free to edit the post file by adding some sample content and replacing the title value in the beginning of the file. -{{< admonition note >}} +{{< admonition >}} By default all posts and pages are created as a draft. If you want to render these pages, remove the property `draft: true` from the metadata or set the property `draft: false`. {{< /admonition >}} -### 2.5 Launching the website locally +### 2.5 Launching the Website Locally Launch by using the following command: @@ -113,11 +150,13 @@ hugo serve Go to `http://localhost:1313`. + + {{< admonition tip >}} When you run `hugo serve`, when the contents of the files change, the page automatically refreshes with the changes. {{< /admonition >}} -### 2.6 Build the website +### 2.6 Build the Website When your site is ready to deploy, run the following command: @@ -129,42 +168,20 @@ A `public` folder will be generated, containing all static content and assets fo {{< admonition tip >}} The website can be automatically published and hosted with [Netlify](https://www.netlify.com/) (Read more about [Automated HUGO deployments with Netlify](https://www.netlify.com/blog/2015/07/30/hosting-hugo-on-netlifyinsanely-fast-deploys/)). -Alternatively, you can use [Github pages](https://gohugo.io/hosting-and-deployment/hosting-on-github/). +Alternatively, you can use [AWS Amplify](https://gohugo.io/hosting-and-deployment/hosting-on-aws-amplify/), [Github pages](https://gohugo.io/hosting-and-deployment/hosting-on-github/), [Render](https://gohugo.io/hosting-and-deployment/hosting-on-render/) and more... {{< /admonition >}} ## 3 Configuration -### 3.1 `config.toml` +### 3.1 Site Configuration {#site-configuration} -On top of [Hugo global configuration](https://gohugo.io/overview/configuration/), **LoveIt** lets you define the following parameters in your `config.toml` (here, values are default). +In addition to [Hugo global configuration](https://gohugo.io/overview/configuration/) and [menu configuration](#basic-configuration), **LoveIt** lets you define the following parameters in your site configuration (here is a `config.toml`, whose values are default). {{< admonition >}} Note that some of these parameters are explained in details in other sections of this documentation. {{< /admonition >}} ```toml -[menu] - [[menu.main]] - identifier = "posts" - name = "Posts" - url = "/posts/" - weight = 1 - [[menu.main]] - identifier = "tags" - name = "Tags" - url = "/tags/" - weight = 2 - [[menu.main]] - identifier = "categories" - name = "Categories" - url = "/categories/" - weight = 3 - [[menu.main]] - identifier = "about" - name = "About" - url = "/about/" - weight = 4 - [params] # LoveIt theme version version = "0.1.X" @@ -174,7 +191,7 @@ Note that some of these parameters are explained in details in other sections of keywords = ["Theme", "Hugo"] # site default theme ("light", "dark", "auto") defaultTheme = "auto" - # public git repo url to link lastmod git commit only then enableGitInfo is true + # public git repo url only then enableGitInfo is true gitRepo = "" # Header info [params.header] @@ -200,7 +217,7 @@ Note that some of these parameters are explained in details in other sections of # URL of avatar shown in home page avatarURL = "/images/avatar.png" # subtitle shown in home page - subtitle = "A Clean, Elegant but Advanced Hugo Theme" + subtitle = "This is my new hugo site" # whether to use typeit animation for subtitle typeit = true # whether to show social links @@ -285,7 +302,7 @@ Note that some of these parameters are explained in details in other sections of lightgallery = true # whether to show link to Raw Markdown content of the post linkToMarkdown = true - # mathematical formulas (KaTeX) + # mathematical formulas (KaTeX https://katex.org/) [params.math] enable = true # default block delimiter is $$ ... $$ and \\[ ... \\] @@ -350,8 +367,9 @@ Note that some of these parameters are explained in details in other sections of notify = false verify = true avatar = "mp" - # meta= "" + meta= "" pageSize = 10 + lang = "en" visitor = true recordIP = true # Facebook Comment Config (https://developers.facebook.com/docs/plugins/comments) @@ -502,9 +520,11 @@ Note that some of these parameters are explained in details in other sections of taxonomyTerm = ["HTML"] ``` + + ### 3.2 Favicons, Browserconfig, Manifest -It is recommended to put your own favicons +It is recommended to put your own favicons: * apple-touch-icon.png (180x180) * favicon-32x32.png (32x32) @@ -517,17 +537,17 @@ into `/static`. They’re easily created via [https://realfavicongenerator.net/] Customize `browserconfig.xml` and `site.webmanifest` to set theme-color and background-color. -### 3.3 Add logo and cover for SEO +### 3.3 Add Logo and Cover for SEO Add a logo image (127x40) and a cover image (800x600) in the `static` directory. ### 3.4 Style Customization -**LoveIt** has been built to be as configurable as possible by defining custom `.scss` style files. +**LoveIt** theme has been built to be as configurable as possible by defining custom `.scss` style files. The directory including the custom `.scss` style files is `config/css` relative to **your project path**. -In `_override.scss`, you can override the variables in `assets/css/_variables.scss` relative to **LoveIt directory** to customize the style. +In `_override.scss`, you can override the variables in `themes/LoveIt/assets/css/_variables.scss` to customize the style. Here is a example: @@ -537,3 +557,154 @@ $code-font-family: Fira Mono, Source Code Pro, Menlo, Consolas, Monaco, monospac ``` In `_custom.scss`, you can add some css style code to customize the style. + +## 4 Multilingual and i18n + +**LoveIt** theme is fully compatible with Hugo multilingual mode. + +It provides: + +* Translation strings for default values (**English**, **Chinese** and **French**). **Feel free to contribute!** +* In-browser language switching + + + +### 4.1 Basic Configuration + +After learning [how Hugo handle multilingual websites](https://gohugo.io/content-management/multilingual), define your languages in your [site configuration](#site-configuration). + +For example with English, Chinese and French website: + +```toml +# [en, zh-CN, fr, ...] determines default content language +defaultContentLanguage = "en" + +[languages] + [languages.en] + weight = 1 + title = "My New Hugo Site" + languageCode = "en" + languageName = "English" + [[languages.en.menu.main]] + identifier = "posts" + pre = "" + name = "Posts" + url = "/posts/" + title = "" + weight = 1 + [[languages.en.menu.main]] + identifier = "tags" + pre = "" + name = "Tags" + url = "/tags/" + title = "" + weight = 2 + [[languages.en.menu.main]] + identifier = "categories" + pre = "" + name = "Categories" + url = "/categories/" + title = "" + weight = 3 + [[languages.en.menu.main]] + identifier = "about" + pre = "" + name = "About" + url = "/about/" + title = "" + weight = 4 + + [languages.zh-CN] + weight = 2 + title = "我的全新 Hugo 网站" + languageCode = "zh-CN" + languageName = "简体中文" + # whether to include Chinese/Japanese/Korean + hasCJKLanguage = true + [[languages.zh-CN.menu.main]] + identifier = "posts" + pre = "" + name = "文章" + url = "/posts/" + title = "" + weight = 1 + [[languages.zh-CN.menu.main]] + identifier = "tags" + pre = "" + name = "标签" + url = "/tags/" + title = "" + weight = 2 + [[languages.zh-CN.menu.main]] + identifier = "categories" + pre = "" + name = "分类" + url = "/categories/" + title = "" + weight = 3 + [[languages.zh-CN.menu.main]] + identifier = "about" + pre = "" + name = "关于" + url = "/about/" + title = "" + weight = 4 + + [languages.fr] + weight = 3 + title = "Mon nouveau site Hugo" + languageCode = "fr" + languageName = "Français" + [[languages.fr.menu.main]] + identifier = "posts" + pre = "" + name = "Postes" + url = "/posts/" + title = "" + weight = 1 + [[languages.fr.menu.main]] + identifier = "tags" + pre = "" + name = "Balises" + url = "/tags/" + title = "" + weight = 2 + [[languages.fr.menu.main]] + identifier = "categories" + name = "Catégories" + pre = "" + url = "/categories/" + title = "" + weight = 3 + [[languages.fr.menu.main]] + identifier = "about" + pre = "" + name = "À propos" + url = "/about/" + title = "" + weight = 4 +``` + +Then, for each new page, append the language code to the file name. + +Single file `my-page.md` is split in three files: + +* in English: `my-page.en.md` +* in Chinese: `my-page.zh-cn.md` +* in French: `my-page.fr.md` + +{{< admonition >}} +Be aware that only translated pages are displayed in menu. It’s not replaced with default language content. +{{< /admonition >}} + +{{< admonition tip >}} +Use [Front Matter parameter](https://gohugo.io/content-management/multilingual/#translate-your-content) to translate urls too. +{{< /admonition >}} + +### 4.2 Overwrite Translation Strings + +Translations strings are used for common default values used in the theme. Translations are available in **English**, **Chinese** and **French**, but you may use another language or want to override default values. + +To override these values, create a new file in your local i18n folder `i18n/
+ Lighthouse (figure)
+
+
+{{ .Title }}
+ {{ range .Pages }} + {{ .Render "summary"}} + {{ end }} +prevail... + John-->Alice: Great! + John->Bob: How about you? + Bob-->John: Jolly good! +{{}} +``` + +The rendered output looks like this: + +{{< mermaid >}} +sequenceDiagram + participant Alice + participant Bob + Alice->>John: Hello John, how are you? + loop Healthcheck + John->John: Fight against hypochondria + end + Note right of John: Rational thoughts
prevail... + John-->Alice: Great! + John->Bob: How about you? + Bob-->John: Jolly good! +{{< /mermaid >}} + +#### GANTT {#gantt} + +Example **GANTT** `mermaid` Input: + +```markdown +{{}} +gantt + dateFormat YYYY-MM-DD + title Adding GANTT diagram functionality to mermaid + section A section + Completed task :done, des1, 2014-01-06,2014-01-08 + Active task :active, des2, 2014-01-09, 3d + Future task : des3, after des2, 5d + Future task2 : des4, after des3, 5d + section Critical tasks + Completed task in the critical line :crit, done, 2014-01-06,24h + Implement parser and jison :crit, done, after des1, 2d + Create tests for parser :crit, active, 3d + Future task in critical line :crit, 5d + Create tests for renderer :2d + Add to mermaid :1d +{{}} +``` + +The rendered output looks like this: + +{{< mermaid >}} +gantt + dateFormat YYYY-MM-DD + title Adding GANTT diagram functionality to mermaid + section A section + Completed task :done, des1, 2014-01-06,2014-01-08 + Active task :active, des2, 2014-01-09, 3d + Future task : des3, after des2, 5d + Future task2 : des4, after des3, 5d + section Critical tasks + Completed task in the critical line :crit, done, 2014-01-06,24h + Implement parser and jison :crit, done, after des1, 2d + Create tests for parser :crit, active, 3d + Future task in critical line :crit, 5d + Create tests for renderer :2d + Add to mermaid :1d +{{< /mermaid >}} + +#### Class Diagram {#class-diagram} + +Example **class diagram** `mermaid` Input: + +```markdown +{{}} +classDiagram + Class01 <|-- AveryLongClass : Cool + Class03 *-- Class04 + Class05 o-- Class06 + Class07 .. Class08 + Class09 --> C2 : Where am i? + Class09 --* C3 + Class09 --|> Class07 + Class07 : equals() + Class07 : Object[] elementData + Class01 : size() + Class01 : int chimp + Class01 : int gorilla + Class08 <--> C2: Cool label +{{}} +``` + +The rendered output looks like this: + +{{< mermaid >}} +classDiagram + Class01 <|-- AveryLongClass : Cool + Class03 *-- Class04 + Class05 o-- Class06 + Class07 .. Class08 + Class09 --> C2 : Where am i? + Class09 --* C3 + Class09 --|> Class07 + Class07 : equals() + Class07 : Object[] elementData + Class01 : size() + Class01 : int chimp + Class01 : int gorilla + Class08 <--> C2: Cool label +{{< /mermaid >}} + +#### State Diagram {#state-diagram} + +Example **state diagram** `mermaid` Input: + +```markdown +{{}} +stateDiagram + [*] --> Still + Still --> [*] + Still --> Moving + Moving --> Still + Moving --> Crash + Crash --> [*] +{{}} +``` + +The rendered output looks like this: + +{{< mermaid >}} +stateDiagram + [*] --> Still + Still --> [*] + Still --> Moving + Moving --> Still + Moving --> Crash + Crash --> [*] +{{< /mermaid >}} + +#### Git Graph {#git-graph} + +Example **git graph** `mermaid` Input: + +```markdown +{{}} +gitGraph: +options +{ + "nodeSpacing": 100, + "nodeRadius": 10 +} +end + commit + branch newbranch + checkout newbranch + commit + commit + checkout master + commit + commit + merge newbranch +{{}} +``` + +The rendered output looks like this: + +{{< mermaid >}} +gitGraph: +options +{ + "nodeSpacing": 100, + "nodeRadius": 10 +} +end + commit + branch newbranch + checkout newbranch + commit + commit + checkout master + commit + commit + merge newbranch +{{< /mermaid >}} + +#### Pie {#pie} + +Example **pie** `mermaid` Input: + +```markdown +{{}} +pie + "Dogs" : 386 + "Cats" : 85 + "Rats" : 15 +{{}} +``` + +The rendered output looks like this: + +{{< mermaid >}} +pie + "Dogs" : 386 + "Cats" : 85 + "Rats" : 15 +{{< /mermaid >}} + +### `echarts` + +[ECharts](https://echarts.apache.org/) is a library helping you to generate interactive data visualization. + +The basic chart types ECharts supports include [line series](https://echarts.apache.org/en/option.html#series-line), [bar series](https://echarts.apache.org/en/option.html#series-line), [scatter series](https://echarts.apache.org/en/option.html#series-scatter), [pie charts](https://echarts.apache.org/en/option.html#series-pie), [candle-stick series](https://echarts.apache.org/en/option.html#series-candlestick), [boxplot series](https://echarts.apache.org/en/option.html#series-boxplot) for statistics, [map series](https://echarts.apache.org/en/option.html#series-map), [heatmap series](https://echarts.apache.org/en/option.html#series-heatmap), [lines series](https://echarts.apache.org/en/option.html#series-lines) for directional information, [graph series](https://echarts.apache.org/en/option.html#series-graph) for relationships, [treemap series](https://echarts.apache.org/en/option.html#series-treemap), [sunburst series](https://echarts.apache.org/en/option.html#series-sunburst), [parallel series](https://echarts.apache.org/en/option.html#series-parallel) for multi-dimensional data, [funnel series](https://echarts.apache.org/en/option.html#series-funnel), [gauge series](https://echarts.apache.org/en/option.html#series-gauge). And it's extremely easy to create a combinition of them with ECharts. + +Just insert your ECharts option in `JSON`/`YAML`/`TOML` format in the `echarts` shortcode and that’s it. + +Example `echarts` Input in `JSON` format: + +```json +{{/* echarts */}} +{ + "title": { + "text": "Summary Line Chart", + "top": "2%", + "left": "center" + }, + "tooltip": { + "trigger": "axis" + }, + "legend": { + "data": ["Email Marketing", "Affiliate Advertising", "Video Advertising", "Direct View", "Search Engine"], + "top": "10%" + }, + "grid": { + "left": "5%", + "right": "5%", + "bottom": "5%", + "top": "20%", + "containLabel": true + }, + "toolbox": { + "feature": { + "saveAsImage": { + "title": "Save as Image" + } + } + }, + "xAxis": { + "type": "category", + "boundaryGap": false, + "data": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"] + }, + "yAxis": { + "type": "value" + }, + "series": [ + { + "name": "Email Marketing", + "type": "line", + "stack": "Total", + "data": [120, 132, 101, 134, 90, 230, 210] + }, + { + "name": "Affiliate Advertising", + "type": "line", + "stack": "Total", + "data": [220, 182, 191, 234, 290, 330, 310] + }, + { + "name": "Video Advertising", + "type": "line", + "stack": "Total", + "data": [150, 232, 201, 154, 190, 330, 410] + }, + { + "name": "Direct View", + "type": "line", + "stack": "Total", + "data": [320, 332, 301, 334, 390, 330, 320] + }, + { + "name": "Search Engine", + "type": "line", + "stack": "Total", + "data": [820, 932, 901, 934, 1290, 1330, 1320] + } + ] +} +{{}} +``` + +The same in `YAML` format: + +```yaml +{{}} +title: + text: Summary Line Chart + top: 2% + left: center +tooltip: + trigger: axis +legend: + data: + - Email Marketing + - Affiliate Advertising + - Video Advertising + - Direct View + - Search Engine + top: 10% +grid: + left: 5% + right: 5% + bottom: 5% + top: 20% + containLabel: true +toolbox: + feature: + saveAsImage: + title: Save as Image +xAxis: + type: category + boundaryGap: false + data: + - Monday + - Tuesday + - Wednesday + - Thursday + - Friday + - Saturday + - Sunday +yAxis: + type: value +series: + - name: Email Marketing + type: line + stack: Total + data: + - 120 + - 132 + - 101 + - 134 + - 90 + - 230 + - 210 + - name: Affiliate Advertising + type: line + stack: Total + data: + - 220 + - 182 + - 191 + - 234 + - 290 + - 330 + - 310 + - name: Video Advertising + type: line + stack: Total + data: + - 150 + - 232 + - 201 + - 154 + - 190 + - 330 + - 410 + - name: Direct View + type: line + stack: Total + data: + - 320 + - 332 + - 301 + - 334 + - 390 + - 330 + - 320 + - name: Search Engine + type: line + stack: Total + data: + - 820 + - 932 + - 901 + - 934 + - 1290 + - 1330 + - 1320 +{{}} +``` + +The same in `TOML` format: + +```toml +{{}} +[title] +text = "Summary Line Chart" +top = "2%" +left = "center" + +[tooltip] +trigger = "axis" + +[legend] +data = [ + "Email Marketing", + "Affiliate Advertising", + "Video Advertising", + "Direct View", + "Search Engine" +] +top = "10%" + +[grid] +left = "5%" +right = "5%" +bottom = "5%" +top = "20%" +containLabel = true + +[toolbox] +[toolbox.feature] +[toolbox.feature.saveAsImage] +title = "Save as Image" + +[xAxis] +type = "category" +boundaryGap = false +data = [ + "Monday", + "Tuesday", + "Wednesday", + "Thursday", + "Friday", + "Saturday", + "Sunday" +] + +[yAxis] +type = "value" + +[[series]] +name = "Email Marketing" +type = "line" +stack = "Total" +data = [ + 120.0, + 132.0, + 101.0, + 134.0, + 90.0, + 230.0, + 210.0 +] + +[[series]] +name = "Affiliate Advertising" +type = "line" +stack = "Total" +data = [ + 220.0, + 182.0, + 191.0, + 234.0, + 290.0, + 330.0, + 310.0 +] + +[[series]] +name = "Video Advertising" +type = "line" +stack = "Total" +data = [ + 150.0, + 232.0, + 201.0, + 154.0, + 190.0, + 330.0, + 410.0 +] + +[[series]] +name = "Direct View" +type = "line" +stack = "Total" +data = [ + 320.0, + 332.0, + 301.0, + 334.0, + 390.0, + 330.0, + 320.0 +] + +[[series]] +name = "Search Engine" +type = "line" +stack = "Total" +data = [ + 820.0, + 932.0, + 901.0, + 934.0, + 1290.0, + 1330.0, + 1320.0 +] +{{}} +``` + +The rendered output looks like this: + +{{< echarts >}} +{ + "title": { + "text": "Summary Line Chart", + "top": "2%", + "left": "center" + }, + "tooltip": { + "trigger": "axis" + }, + "legend": { + "data": ["Email Marketing", "Affiliate Advertising", "Video Advertising", "Direct View", "Search Engine"], + "top": "10%" + }, + "grid": { + "left": "5%", + "right": "5%", + "bottom": "5%", + "top": "20%", + "containLabel": true + }, + "toolbox": { + "feature": { + "saveAsImage": { + "title": "Save as Image" + } + } + }, + "xAxis": { + "type": "category", + "boundaryGap": false, + "data": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"] + }, + "yAxis": { + "type": "value" + }, + "series": [ + { + "name": "Email Marketing", + "type": "line", + "stack": "Total", + "data": [120, 132, 101, 134, 90, 230, 210] + }, + { + "name": "Affiliate Advertising", + "type": "line", + "stack": "Total", + "data": [220, 182, 191, 234, 290, 330, 310] + }, + { + "name": "Video Advertising", + "type": "line", + "stack": "Total", + "data": [150, 232, 201, 154, 190, 330, 410] + }, + { + "name": "Direct View", + "type": "line", + "stack": "Total", + "data": [320, 332, 301, 334, 390, 330, 320] + }, + { + "name": "Search Engine", + "type": "line", + "stack": "Total", + "data": [820, 932, 901, 934, 1290, 1330, 1320] + } + ] +} +{{< /echarts >}} + +### `music` + +The `music` shortcode embeds a responsive music player based on [APlayer](https://github.com/MoePlayer/APlayer) and [MetingJS](https://github.com/metowolf/MetingJS). + +The `music` shortcode can use the following named parameters: + +|parameter |default |description| +|:---------------|:------------:|:----------| +|url |**require** |music URL| +|name |options |music name| +|artist |options |music artist| +|cover |options |music cover URL| +|server |**require** |music platform: `netease`, `tencent`, `kugou`, `xiami`, `baidu`| +|type |**require** |`song`, `playlist`, `album`, `search`, `artist`| +|id |**require** |song id / playlist id / album id / search keyword| +|auto |options |music link, support: `netease`, `tencent`, `xiami`| +|fixed |`false` |enable fixed mode| +|mini |`false` |enable mini mode| +|autoplay |`false` |audio autoplay| +|theme |`#a9a9b3` |main color| +|loop |`all` |player loop play, values: 'all', 'one', 'none'| +|order |`list` |player play order, values: 'list', 'random'| +|volume |`0.7` |default volume, notice that player will remember user setting, default volume will not work after user set volume themselves| +|mutex |`true` |prevent to play multiple player at the same time, pause other players when this player start play| +|list-folded |`false` |indicate whether list should folded at first| +|list-max-height |`340px` |list max height| + +#### Custom Music URL {#custom-music-url} + +Example `music` Input: + +```markdown +{{}} +``` + +The rendered output looks like this: + +{{< music url="https://rainymood.com/audio1110/0.m4a" name=rainymood artist=rainymood cover="https://rainymood.com/i/badge.jpg" >}} + +#### Music Platform URL Automatic Identification {#automatic-identification} + +Example `music` Input: + +```markdown +{{}} +Or +{{}} +``` + +The rendered output looks like this: + +{{< music auto="https://music.163.com/#/playlist?id=60198" >}} + +#### Custom Server, Type and ID {#custom-server} + +Example `music` Input: + +```markdown +{{}} +Or +{{}} +``` + +The rendered output looks like this: + +{{< music netease song 1868553 >}} + +### `bilibili` + +The `bilibili` shortcode embeds a responsive video player for bilibili videos. + +When the video only has one part, only the `av` ID of the video is required, e.g.: + +```code +https://www.bilibili.com/video/av47027633 +``` + +Example `bilibili` Input: + +```markdown +{{}} +Or +{{}} +``` + +The rendered output looks like this: + +{{< bilibili av=47027633 >}} + +When the video has multiple parts, in addition to the `av` ID of the video, +`p` is also required, whose default value is `1`, e.g.: + +```code +https://www.bilibili.com/video/av36570401?p=3 +``` + +Example `bilibili` Input with `p`: + +```markdown +{{}} +Or +{{}} +``` + +The rendered output looks like this: + +{{< bilibili av=36570401 p=3 >}} + +### `typeit` + +The `typeit` shortcode provides typing animation based on [TypeIt](https://typeitjs.com/). + +Just insert your content in the `typeit` shortcode and that’s it. + +#### Simple Content {#simple-content} + +Simple content is allowed in `Markdown` format and **without** rich block content such as images and more... + +Example `typeit` Input: + +```markdown +{{}} +This is a *paragraph* with **typing animation** based on [TypeIt](https://typeitjs.com/)... +{{}} +``` + +The rendered output looks like this: + +{{< typeit >}} +This is a *paragraph* with **typing animation** based on [TypeIt](https://typeitjs.com/)... +{{< /typeit >}} + +Alternatively, you can use custom **HTML tags**. + +Example `typeit` Input with `h4` tag: + +```markdown +{{}} +This is a *paragraph* with **typing animation** based on [TypeIt](https://typeitjs.com/)... +{{}} +``` + +The rendered output looks like this: + +{{< typeit tag=h4 >}} +This is a *paragraph* with **typing animation** based on [TypeIt](https://typeitjs.com/)... +{{< /typeit >}} + +#### Code Content {#code-content} + +Code content is allowed and will be highlighted by named parameter `code` for the type of code language. + +Example `typeit` Input with `code`: + +```markdown +{{}} +public class HelloWorld { + public static void main(String []args) { + System.out.println("Hello World"); + } +} +{{}} +``` + +The rendered output looks like this: + +{{< typeit code=java >}} +public class HelloWorld { + public static void main(String []args) { + System.out.println("Hello World"); + } +} +{{< /typeit >}} + +#### Group Content {#group-content} + +All typing animations start at the same time by default. +But sometimes you may want to start a set of `typeit` contents in order. + +A set of `typeit` contents with the same value of named parameter `group` will start typing animation in sequence. + +Example `typeit` Input with `group`: + +```markdown +{{}} +**First** this paragraph begins +{{}} + +{{}} +**Then** this paragraph begins +{{}} +``` + +The rendered output looks like this: + +{{< typeit group=paragraph >}} +**First** this paragraph begins +{{< /typeit >}} + +{{< typeit group=paragraph >}} +**Then** this paragraph begins +{{< /typeit >}} diff --git a/exampleSite/content/posts/theme-documentation-shortcodes.fr.md b/exampleSite/content/posts/theme-documentation-shortcodes.fr.md new file mode 100644 index 0000000..9be2f2e --- /dev/null +++ b/exampleSite/content/posts/theme-documentation-shortcodes.fr.md @@ -0,0 +1,1177 @@ +--- +weight: 3 +title: "Thème Documentation - Shortcodes" +date: 2020-03-04T16:29:59+08:00 +lastmod: 2020-03-04T16:29:59+08:00 +draft: false +author: "Dillon" +authorLink: "https://dillonzq.com" +description: "Le thème LoveIt fournit plusieurs shortcodes en plus de ceux intégrés dans Hugo." +license: "" + +tags: ["shortcodes"] +categories: ["documentation"] +hiddenFromHomePage: false + +featuredImage: "/images/theme-documentation-shortcodes/featured-image.jpg" +featuredImagePreview: "" + +toc: true +autoCollapseToc: true +math: false +lightgallery: true +linkToMarkdown: true +share: + enable: true +comment: true +--- + +Le thème **LoveIt** fournit plusieurs shortcodes en plus de ceux intégrés dans Hugo. + + + +{{< admonition warning >}} +Sorry, this article has not been completely translated into **French**. +Welcome to take the time to propose a translation by [making a PR](https://github.com/dillonzq/LoveIt/pulls) to the theme! +{{< /admonition >}} + +Hugo uses Markdown for its simple content format. However, there are a lot of things that Markdown doesn’t support well. You could use pure HTML to expand possibilities. + +But this happens to be a bad idea. Everyone uses Markdown because it’s pure and simple to read even non-rendered. You should avoid HTML to keep it as simple as possible. + +To avoid this limitations, Hugo created [shortcodes](https://gohugo.io/extras/shortcodes/). +A shortcode is a simple snippet that can generate reasonable HTML code and conforms to Markdown's design philosophy. + +## Hugo’s Built-in Shortcodes + +Hugo ships with a set of predefined shortcodes that represent very common usage. These shortcodes are provided for author convenience and to keep your markdown content clean. + +### `figure` {#figure} + +[Documentation of `figure`](https://gohugo.io/content-management/shortcodes/#figure) + +Example `figure` Input: + +```markdown +{{}} +``` + +The rendered output looks like this: + +{{< figure src="/images/theme-documentation-shortcodes/lighthouse.jpg" title="Lighthouse (figure)" >}} + +The HTML looks like this: + +```html +
+ Lighthouse (figure)
+
+
+{{ .Title }}
+ {{ range .Pages }} + {{ .Render "summary"}} + {{ end }} +
+
+{{ .Title }}
+ {{ range .Pages }} + {{ .Render "summary"}} + {{ end }} +prevail... + John-->Alice: Great! + John->Bob: How about you? + Bob-->John: Jolly good! +{{}} +``` + +The rendered output looks like this: + +{{< mermaid >}} +sequenceDiagram + participant Alice + participant Bob + Alice->>John: Hello John, how are you? + loop Healthcheck + John->John: Fight against hypochondria + end + Note right of John: Rational thoughts
prevail... + John-->Alice: Great! + John->Bob: How about you? + Bob-->John: Jolly good! +{{< /mermaid >}} + +#### GANTT {#gantt} + +Example **GANTT** `mermaid` Input: + +```markdown +{{}} +gantt + dateFormat YYYY-MM-DD + title Adding GANTT diagram functionality to mermaid + section A section + Completed task :done, des1, 2014-01-06,2014-01-08 + Active task :active, des2, 2014-01-09, 3d + Future task : des3, after des2, 5d + Future task2 : des4, after des3, 5d + section Critical tasks + Completed task in the critical line :crit, done, 2014-01-06,24h + Implement parser and jison :crit, done, after des1, 2d + Create tests for parser :crit, active, 3d + Future task in critical line :crit, 5d + Create tests for renderer :2d + Add to mermaid :1d +{{}} +``` + +The rendered output looks like this: + +{{< mermaid >}} +gantt + dateFormat YYYY-MM-DD + title Adding GANTT diagram functionality to mermaid + section A section + Completed task :done, des1, 2014-01-06,2014-01-08 + Active task :active, des2, 2014-01-09, 3d + Future task : des3, after des2, 5d + Future task2 : des4, after des3, 5d + section Critical tasks + Completed task in the critical line :crit, done, 2014-01-06,24h + Implement parser and jison :crit, done, after des1, 2d + Create tests for parser :crit, active, 3d + Future task in critical line :crit, 5d + Create tests for renderer :2d + Add to mermaid :1d +{{< /mermaid >}} + +#### Class Diagram {#class-diagram} + +Example **class diagram** `mermaid` Input: + +```markdown +{{}} +classDiagram + Class01 <|-- AveryLongClass : Cool + Class03 *-- Class04 + Class05 o-- Class06 + Class07 .. Class08 + Class09 --> C2 : Where am i? + Class09 --* C3 + Class09 --|> Class07 + Class07 : equals() + Class07 : Object[] elementData + Class01 : size() + Class01 : int chimp + Class01 : int gorilla + Class08 <--> C2: Cool label +{{}} +``` + +The rendered output looks like this: + +{{< mermaid >}} +classDiagram + Class01 <|-- AveryLongClass : Cool + Class03 *-- Class04 + Class05 o-- Class06 + Class07 .. Class08 + Class09 --> C2 : Where am i? + Class09 --* C3 + Class09 --|> Class07 + Class07 : equals() + Class07 : Object[] elementData + Class01 : size() + Class01 : int chimp + Class01 : int gorilla + Class08 <--> C2: Cool label +{{< /mermaid >}} + +#### State Diagram {#state-diagram} + +Example **state diagram** `mermaid` Input: + +```markdown +{{}} +stateDiagram + [*] --> Still + Still --> [*] + Still --> Moving + Moving --> Still + Moving --> Crash + Crash --> [*] +{{}} +``` + +The rendered output looks like this: + +{{< mermaid >}} +stateDiagram + [*] --> Still + Still --> [*] + Still --> Moving + Moving --> Still + Moving --> Crash + Crash --> [*] +{{< /mermaid >}} + +#### Git Graph {#git-graph} + +Example **git graph** `mermaid` Input: + +```markdown +{{}} +gitGraph: +options +{ + "nodeSpacing": 100, + "nodeRadius": 10 +} +end + commit + branch newbranch + checkout newbranch + commit + commit + checkout master + commit + commit + merge newbranch +{{}} +``` + +The rendered output looks like this: + +{{< mermaid >}} +gitGraph: +options +{ + "nodeSpacing": 100, + "nodeRadius": 10 +} +end + commit + branch newbranch + checkout newbranch + commit + commit + checkout master + commit + commit + merge newbranch +{{< /mermaid >}} + +#### Pie {#pie} + +Example **pie** `mermaid` Input: + +```markdown +{{}} +pie + "Dogs" : 386 + "Cats" : 85 + "Rats" : 15 +{{}} +``` + +The rendered output looks like this: + +{{< mermaid >}} +pie + "Dogs" : 386 + "Cats" : 85 + "Rats" : 15 +{{< /mermaid >}} + +### `echarts` + +[ECharts](https://echarts.apache.org/) is a library helping you to generate interactive data visualization. + +The basic chart types ECharts supports include [line series](https://echarts.apache.org/en/option.html#series-line), [bar series](https://echarts.apache.org/en/option.html#series-line), [scatter series](https://echarts.apache.org/en/option.html#series-scatter), [pie charts](https://echarts.apache.org/en/option.html#series-pie), [candle-stick series](https://echarts.apache.org/en/option.html#series-candlestick), [boxplot series](https://echarts.apache.org/en/option.html#series-boxplot) for statistics, [map series](https://echarts.apache.org/en/option.html#series-map), [heatmap series](https://echarts.apache.org/en/option.html#series-heatmap), [lines series](https://echarts.apache.org/en/option.html#series-lines) for directional information, [graph series](https://echarts.apache.org/en/option.html#series-graph) for relationships, [treemap series](https://echarts.apache.org/en/option.html#series-treemap), [sunburst series](https://echarts.apache.org/en/option.html#series-sunburst), [parallel series](https://echarts.apache.org/en/option.html#series-parallel) for multi-dimensional data, [funnel series](https://echarts.apache.org/en/option.html#series-funnel), [gauge series](https://echarts.apache.org/en/option.html#series-gauge). And it's extremely easy to create a combinition of them with ECharts. + +Just insert your ECharts option in `JSON`/`YAML`/`TOML` format in the `echarts` shortcode and that’s it. + +Example `echarts` Input in `JSON` format: + +```json +{{/* echarts */}} +{ + "title": { + "text": "Summary Line Chart", + "top": "2%", + "left": "center" + }, + "tooltip": { + "trigger": "axis" + }, + "legend": { + "data": ["Email Marketing", "Affiliate Advertising", "Video Advertising", "Direct View", "Search Engine"], + "top": "10%" + }, + "grid": { + "left": "5%", + "right": "5%", + "bottom": "5%", + "top": "20%", + "containLabel": true + }, + "toolbox": { + "feature": { + "saveAsImage": { + "title": "Save as Image" + } + } + }, + "xAxis": { + "type": "category", + "boundaryGap": false, + "data": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"] + }, + "yAxis": { + "type": "value" + }, + "series": [ + { + "name": "Email Marketing", + "type": "line", + "stack": "Total", + "data": [120, 132, 101, 134, 90, 230, 210] + }, + { + "name": "Affiliate Advertising", + "type": "line", + "stack": "Total", + "data": [220, 182, 191, 234, 290, 330, 310] + }, + { + "name": "Video Advertising", + "type": "line", + "stack": "Total", + "data": [150, 232, 201, 154, 190, 330, 410] + }, + { + "name": "Direct View", + "type": "line", + "stack": "Total", + "data": [320, 332, 301, 334, 390, 330, 320] + }, + { + "name": "Search Engine", + "type": "line", + "stack": "Total", + "data": [820, 932, 901, 934, 1290, 1330, 1320] + } + ] +} +{{}} +``` + +The same in `YAML` format: + +```yaml +{{}} +title: + text: Summary Line Chart + top: 2% + left: center +tooltip: + trigger: axis +legend: + data: + - Email Marketing + - Affiliate Advertising + - Video Advertising + - Direct View + - Search Engine + top: 10% +grid: + left: 5% + right: 5% + bottom: 5% + top: 20% + containLabel: true +toolbox: + feature: + saveAsImage: + title: Save as Image +xAxis: + type: category + boundaryGap: false + data: + - Monday + - Tuesday + - Wednesday + - Thursday + - Friday + - Saturday + - Sunday +yAxis: + type: value +series: + - name: Email Marketing + type: line + stack: Total + data: + - 120 + - 132 + - 101 + - 134 + - 90 + - 230 + - 210 + - name: Affiliate Advertising + type: line + stack: Total + data: + - 220 + - 182 + - 191 + - 234 + - 290 + - 330 + - 310 + - name: Video Advertising + type: line + stack: Total + data: + - 150 + - 232 + - 201 + - 154 + - 190 + - 330 + - 410 + - name: Direct View + type: line + stack: Total + data: + - 320 + - 332 + - 301 + - 334 + - 390 + - 330 + - 320 + - name: Search Engine + type: line + stack: Total + data: + - 820 + - 932 + - 901 + - 934 + - 1290 + - 1330 + - 1320 +{{}} +``` + +The same in `TOML` format: + +```toml +{{}} +[title] +text = "Summary Line Chart" +top = "2%" +left = "center" + +[tooltip] +trigger = "axis" + +[legend] +data = [ + "Email Marketing", + "Affiliate Advertising", + "Video Advertising", + "Direct View", + "Search Engine" +] +top = "10%" + +[grid] +left = "5%" +right = "5%" +bottom = "5%" +top = "20%" +containLabel = true + +[toolbox] +[toolbox.feature] +[toolbox.feature.saveAsImage] +title = "Save as Image" + +[xAxis] +type = "category" +boundaryGap = false +data = [ + "Monday", + "Tuesday", + "Wednesday", + "Thursday", + "Friday", + "Saturday", + "Sunday" +] + +[yAxis] +type = "value" + +[[series]] +name = "Email Marketing" +type = "line" +stack = "Total" +data = [ + 120.0, + 132.0, + 101.0, + 134.0, + 90.0, + 230.0, + 210.0 +] + +[[series]] +name = "Affiliate Advertising" +type = "line" +stack = "Total" +data = [ + 220.0, + 182.0, + 191.0, + 234.0, + 290.0, + 330.0, + 310.0 +] + +[[series]] +name = "Video Advertising" +type = "line" +stack = "Total" +data = [ + 150.0, + 232.0, + 201.0, + 154.0, + 190.0, + 330.0, + 410.0 +] + +[[series]] +name = "Direct View" +type = "line" +stack = "Total" +data = [ + 320.0, + 332.0, + 301.0, + 334.0, + 390.0, + 330.0, + 320.0 +] + +[[series]] +name = "Search Engine" +type = "line" +stack = "Total" +data = [ + 820.0, + 932.0, + 901.0, + 934.0, + 1290.0, + 1330.0, + 1320.0 +] +{{}} +``` + +The rendered output looks like this: + +{{< echarts >}} +{ + "title": { + "text": "Summary Line Chart", + "top": "2%", + "left": "center" + }, + "tooltip": { + "trigger": "axis" + }, + "legend": { + "data": ["Email Marketing", "Affiliate Advertising", "Video Advertising", "Direct View", "Search Engine"], + "top": "10%" + }, + "grid": { + "left": "5%", + "right": "5%", + "bottom": "5%", + "top": "20%", + "containLabel": true + }, + "toolbox": { + "feature": { + "saveAsImage": { + "title": "Save as Image" + } + } + }, + "xAxis": { + "type": "category", + "boundaryGap": false, + "data": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"] + }, + "yAxis": { + "type": "value" + }, + "series": [ + { + "name": "Email Marketing", + "type": "line", + "stack": "Total", + "data": [120, 132, 101, 134, 90, 230, 210] + }, + { + "name": "Affiliate Advertising", + "type": "line", + "stack": "Total", + "data": [220, 182, 191, 234, 290, 330, 310] + }, + { + "name": "Video Advertising", + "type": "line", + "stack": "Total", + "data": [150, 232, 201, 154, 190, 330, 410] + }, + { + "name": "Direct View", + "type": "line", + "stack": "Total", + "data": [320, 332, 301, 334, 390, 330, 320] + }, + { + "name": "Search Engine", + "type": "line", + "stack": "Total", + "data": [820, 932, 901, 934, 1290, 1330, 1320] + } + ] +} +{{< /echarts >}} + +### `music` + +The `music` shortcode embeds a responsive music player based on [APlayer](https://github.com/MoePlayer/APlayer) and [MetingJS](https://github.com/metowolf/MetingJS). + +The `music` shortcode can use the following named parameters: + +|parameter |default |description| +|:---------------|:------------:|:----------| +|url |**require** |music URL| +|name |options |music name| +|artist |options |music artist| +|cover |options |music cover URL| +|server |**require** |music platform: `netease`, `tencent`, `kugou`, `xiami`, `baidu`| +|type |**require** |`song`, `playlist`, `album`, `search`, `artist`| +|id |**require** |song id / playlist id / album id / search keyword| +|auto |options |music link, support: `netease`, `tencent`, `xiami`| +|fixed |`false` |enable fixed mode| +|mini |`false` |enable mini mode| +|autoplay |`false` |audio autoplay| +|theme |`#a9a9b3` |main color| +|loop |`all` |player loop play, values: 'all', 'one', 'none'| +|order |`list` |player play order, values: 'list', 'random'| +|volume |`0.7` |default volume, notice that player will remember user setting, default volume will not work after user set volume themselves| +|mutex |`true` |prevent to play multiple player at the same time, pause other players when this player start play| +|list-folded |`false` |indicate whether list should folded at first| +|list-max-height |`340px` |list max height| + +#### Custom Music URL {#custom-music-url} + +Example `music` Input: + +```markdown +{{}} +``` + +The rendered output looks like this: + +{{< music url="https://rainymood.com/audio1110/0.m4a" name=rainymood artist=rainymood cover="https://rainymood.com/i/badge.jpg" >}} + +#### Music Platform URL Automatic Identification {#automatic-identification} + +Example `music` Input: + +```markdown +{{}} +Or +{{}} +``` + +The rendered output looks like this: + +{{< music auto="https://music.163.com/#/playlist?id=60198" >}} + +#### Custom Server, Type and ID {#custom-server} + +Example `music` Input: + +```markdown +{{}} +Or +{{}} +``` + +The rendered output looks like this: + +{{< music netease song 1868553 >}} + +### `bilibili` + +The `bilibili` shortcode embeds a responsive video player for bilibili videos. + +When the video only has one part, only the `av` ID of the video is required, e.g.: + +```code +https://www.bilibili.com/video/av47027633 +``` + +Example `bilibili` Input: + +```markdown +{{}} +Or +{{}} +``` + +The rendered output looks like this: + +{{< bilibili av=47027633 >}} + +When the video has multiple parts, in addition to the `av` ID of the video, +`p` is also required, whose default value is `1`, e.g.: + +```code +https://www.bilibili.com/video/av36570401?p=3 +``` + +Example `bilibili` Input with `p`: + +```markdown +{{}} +Or +{{}} +``` + +The rendered output looks like this: + +{{< bilibili av=36570401 p=3 >}} + +### `typeit` + +The `typeit` shortcode provides typing animation based on [TypeIt](https://typeitjs.com/). + +Just insert your content in the `typeit` shortcode and that’s it. + +#### Simple Content {#simple-content} + +Simple content is allowed in `Markdown` format and **without** rich block content such as images and more... + +Example `typeit` Input: + +```markdown +{{}} +This is a *paragraph* with **typing animation** based on [TypeIt](https://typeitjs.com/)... +{{}} +``` + +The rendered output looks like this: + +{{< typeit >}} +This is a *paragraph* with **typing animation** based on [TypeIt](https://typeitjs.com/)... +{{< /typeit >}} + +Alternatively, you can use custom **HTML tags**. + +Example `typeit` Input with `h4` tag: + +```markdown +{{}} +This is a *paragraph* with **typing animation** based on [TypeIt](https://typeitjs.com/)... +{{}} +``` + +The rendered output looks like this: + +{{< typeit tag=h4 >}} +This is a *paragraph* with **typing animation** based on [TypeIt](https://typeitjs.com/)... +{{< /typeit >}} + +#### Code Content {#code-content} + +Code content is allowed and will be highlighted by named parameter `code` for the type of code language. + +Example `typeit` Input with `code`: + +```markdown +{{}} +public class HelloWorld { + public static void main(String []args) { + System.out.println("Hello World"); + } +} +{{}} +``` + +The rendered output looks like this: + +{{< typeit code=java >}} +public class HelloWorld { + public static void main(String []args) { + System.out.println("Hello World"); + } +} +{{< /typeit >}} + +#### Group Content {#group-content} + +All typing animations start at the same time by default. +But sometimes you may want to start a set of `typeit` contents in order. + +A set of `typeit` contents with the same value of named parameter `group` will start typing animation in sequence. + +Example `typeit` Input with `group`: + +```markdown +{{}} +**First** this paragraph begins +{{}} + +{{}} +**Then** this paragraph begins +{{}} +``` + +The rendered output looks like this: + +{{< typeit group=paragraph >}} +**First** this paragraph begins +{{< /typeit >}} + +{{< typeit group=paragraph >}} +**Then** this paragraph begins +{{< /typeit >}} diff --git a/exampleSite/content/posts/theme-documentation-shortcodes.zh-cn.md b/exampleSite/content/posts/theme-documentation-shortcodes.zh-cn.md new file mode 100644 index 0000000..b05861d --- /dev/null +++ b/exampleSite/content/posts/theme-documentation-shortcodes.zh-cn.md @@ -0,0 +1,1173 @@ +--- +weight: 3 +title: "主题文档 - Shortcodes" +date: 2020-03-04T16:29:59+08:00 +lastmod: 2020-03-04T16:29:59+08:00 +draft: false +author: "Dillon" +authorLink: "https://dillonzq.com" +description: "LoveIt 主题在 Hugo 内置的 shortcode 的基础上提供多个新的 shortcode." +license: "" + +tags: ["shortcodes"] +categories: ["documentation"] +hiddenFromHomePage: false + +featuredImage: "/images/theme-documentation-shortcodes/featured-image.jpg" +featuredImagePreview: "" + +toc: true +autoCollapseToc: true +math: false +lightgallery: true +linkToMarkdown: true +share: + enable: true +comment: true +--- + +**LoveIt** 主题在 Hugo 内置的 shortcode 的基础上提供多个新的 shortcode. + + + +Hugo 使用 Markdown 为其简单的内容格式. 但是, Markdown 在很多方面都无法很好地支持. 你可以使用纯 HTML 来扩展可能性. + +但这恰好是一个坏主意. 大家使用 Markdown, 正是因为它即使不经过渲染也可以轻松阅读. 应该尽可能避免使用 HTML 以保持内容简洁. + +为了避免这种限制, Hugo 创建了 [shortcodes](https://gohugo.io/extras/shortcodes/). +shortcode 是一个简单代码段, 可以生成合理的 HTML 代码, 并且符合 Markdown 的设计哲学. + +## Hugo 内置 shortcodes {#hugo} + +Hugo 附带了一组预定义的 shortcodes, 它们实现了一些非常常见的用法. +提供这些 shortcodes 是为了方便保持你的 Markdown 内容简洁. + +### `figure` {#figure} + +[`figure` 的文档](https://gohugo.io/content-management/shortcodes/#figure) + +一个 `figure` 示例: + +```markdown +{{}} +``` + +呈现的输出效果如下: + +{{< figure src="/images/theme-documentation-shortcodes/lighthouse.jpg" title="Lighthouse (figure)" >}} + +输出的 HTML 看起来像这样: + +```html +
+ Lighthouse (figure)
+
+
+{{ .Title }}
+ {{ range .Pages }} + {{ .Render "summary"}} + {{ end }} +
+
+{{ .Title }}
+ {{ range .Pages }} + {{ .Render "summary"}} + {{ end }} +prevail... + John-->Alice: Great! + John->Bob: How about you? + Bob-->John: Jolly good! +{{}} +``` + +呈现的输出效果如下: + +{{< mermaid >}} +sequenceDiagram + participant Alice + participant Bob + Alice->>John: Hello John, how are you? + loop Healthcheck + John->John: Fight against hypochondria + end + Note right of John: Rational thoughts
prevail... + John-->Alice: Great! + John->Bob: How about you? + Bob-->John: Jolly good! +{{< /mermaid >}} + +#### 甘特图 {#gantt} + +一个 **甘特图** `mermaid` 示例: + +```markdown +{{}} +gantt + dateFormat YYYY-MM-DD + title Adding GANTT diagram functionality to mermaid + section A section + Completed task :done, des1, 2014-01-06,2014-01-08 + Active task :active, des2, 2014-01-09, 3d + Future task : des3, after des2, 5d + Future task2 : des4, after des3, 5d + section Critical tasks + Completed task in the critical line :crit, done, 2014-01-06,24h + Implement parser and jison :crit, done, after des1, 2d + Create tests for parser :crit, active, 3d + Future task in critical line :crit, 5d + Create tests for renderer :2d + Add to mermaid :1d +{{}} +``` + +呈现的输出效果如下: + +{{< mermaid >}} +gantt + dateFormat YYYY-MM-DD + title Adding GANTT diagram functionality to mermaid + section A section + Completed task :done, des1, 2014-01-06,2014-01-08 + Active task :active, des2, 2014-01-09, 3d + Future task : des3, after des2, 5d + Future task2 : des4, after des3, 5d + section Critical tasks + Completed task in the critical line :crit, done, 2014-01-06,24h + Implement parser and jison :crit, done, after des1, 2d + Create tests for parser :crit, active, 3d + Future task in critical line :crit, 5d + Create tests for renderer :2d + Add to mermaid :1d +{{< /mermaid >}} + +#### 类图 {#class-diagram} + +一个 **类图** `mermaid` 示例: + +```markdown +{{}} +classDiagram + Class01 <|-- AveryLongClass : Cool + Class03 *-- Class04 + Class05 o-- Class06 + Class07 .. Class08 + Class09 --> C2 : Where am i? + Class09 --* C3 + Class09 --|> Class07 + Class07 : equals() + Class07 : Object[] elementData + Class01 : size() + Class01 : int chimp + Class01 : int gorilla + Class08 <--> C2: Cool label +{{}} +``` + +呈现的输出效果如下: + +{{< mermaid >}} +classDiagram + Class01 <|-- AveryLongClass : Cool + Class03 *-- Class04 + Class05 o-- Class06 + Class07 .. Class08 + Class09 --> C2 : Where am i? + Class09 --* C3 + Class09 --|> Class07 + Class07 : equals() + Class07 : Object[] elementData + Class01 : size() + Class01 : int chimp + Class01 : int gorilla + Class08 <--> C2: Cool label +{{< /mermaid >}} + +#### 状态图 {#state-diagram} + +一个 **状态图** `mermaid` 示例: + +```markdown +{{}} +stateDiagram + [*] --> Still + Still --> [*] + Still --> Moving + Moving --> Still + Moving --> Crash + Crash --> [*] +{{}} +``` + +呈现的输出效果如下: + +{{< mermaid >}} +stateDiagram + [*] --> Still + Still --> [*] + Still --> Moving + Moving --> Still + Moving --> Crash + Crash --> [*] +{{< /mermaid >}} + +#### Git 图 {#git-graph} + +一个 **Git 图** `mermaid` 示例: + +```markdown +{{}} +gitGraph: +options +{ + "nodeSpacing": 100, + "nodeRadius": 10 +} +end + commit + branch newbranch + checkout newbranch + commit + commit + checkout master + commit + commit + merge newbranch +{{}} +``` + +呈现的输出效果如下: + +{{< mermaid >}} +gitGraph: +options +{ + "nodeSpacing": 100, + "nodeRadius": 10 +} +end + commit + branch newbranch + checkout newbranch + commit + commit + checkout master + commit + commit + merge newbranch +{{< /mermaid >}} + +#### 饼图 {#pie} + +一个 **饼图** `mermaid` 示例: + +```markdown +{{}} +pie + "Dogs" : 386 + "Cats" : 85 + "Rats" : 15 +{{}} +``` + +呈现的输出效果如下: + +{{< mermaid >}} +pie + "Dogs" : 386 + "Cats" : 85 + "Rats" : 15 +{{< /mermaid >}} + +### `echarts` + +[ECharts](https://echarts.apache.org/) 是一个帮助你生成交互式数据可视化的库. + +ECharts 提供了常规的 [折线图](https://echarts.apache.org/zh/option.html#series-line), [柱状图](https://echarts.apache.org/zh/option.html#series-line), [散点图](https://echarts.apache.org/zh/option.html#series-scatter), [饼图](https://echarts.apache.org/zh/option.html#series-pie), [K线图](https://echarts.apache.org/zh/option.html#series-candlestick), 用于统计的 [盒形图](https://echarts.apache.org/zh/option.html#series-boxplot), 用于地理数据可视化的 [地图](https://echarts.apache.org/zh/option.html#series-map), [热力图](https://echarts.apache.org/zh/option.html#series-heatmap), [线图](https://echarts.apache.org/zh/option.html#series-lines), 用于关系数据可视化的 [关系图](https://echarts.apache.org/zh/option.html#series-graph), [treemap](https://echarts.apache.org/zh/option.html#series-treemap), [旭日图](https://echarts.apache.org/zh/option.html#series-sunburst), 多维数据可视化的 [平行坐标](https://echarts.apache.org/zh/option.html#series-parallel), 还有用于 BI 的 [漏斗图](https://echarts.apache.org/zh/option.html#series-funnel), [仪表盘](https://echarts.apache.org/zh/option.html#series-gauge), 并且支持图与图之间的混搭. + +只需在 `echarts` shortcode 中以 `JSON`/`YAML`/`TO ML`格式插入 ECharts 选项即可. + +一个 `JSON` 格式的 `echarts` 示例: + +```json +{{/* echarts */}} +{ + "title": { + "text": "折线统计图", + "top": "2%", + "left": "center" + }, + "tooltip": { + "trigger": "axis" + }, + "legend": { + "data": ["邮件营销", "联盟广告", "视频广告", "直接访问", "搜索引擎"], + "top": "10%" + }, + "grid": { + "left": "5%", + "right": "5%", + "bottom": "5%", + "top": "20%", + "containLabel": true + }, + "toolbox": { + "feature": { + "saveAsImage": { + "title": "保存为图片" + } + } + }, + "xAxis": { + "type": "category", + "boundaryGap": false, + "data": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"] + }, + "yAxis": { + "type": "value" + }, + "series": [ + { + "name": "邮件营销", + "type": "line", + "stack": "总量", + "data": [120, 132, 101, 134, 90, 230, 210] + }, + { + "name": "联盟广告", + "type": "line", + "stack": "总量", + "data": [220, 182, 191, 234, 290, 330, 310] + }, + { + "name": "视频广告", + "type": "line", + "stack": "总量", + "data": [150, 232, 201, 154, 190, 330, 410] + }, + { + "name": "直接访问", + "type": "line", + "stack": "总量", + "data": [320, 332, 301, 334, 390, 330, 320] + }, + { + "name": "搜索引擎", + "type": "line", + "stack": "总量", + "data": [820, 932, 901, 934, 1290, 1330, 1320] + } + ] +} +{{}} +``` + +一个 `YAML` 格式的 `echarts` 示例: + +```yaml +{{}} +title: + text: 折线统计图 + top: 2% + left: center +tooltip: + trigger: axis +legend: + data: + - 邮件营销 + - 联盟广告 + - 视频广告 + - 直接访问 + - 搜索引擎 + top: 10% +grid: + left: 5% + right: 5% + bottom: 5% + top: 20% + containLabel: true +toolbox: + feature: + saveAsImage: + title: 保存为图片 +xAxis: + type: category + boundaryGap: false + data: + - 周一 + - 周二 + - 周三 + - 周四 + - 周五 + - 周六 + - 周日 +yAxis: + type: value +series: + - name: 邮件营销 + type: line + stack: 总量 + data: + - 120 + - 132 + - 101 + - 134 + - 90 + - 230 + - 210 + - name: 联盟广告 + type: line + stack: 总量 + data: + - 220 + - 182 + - 191 + - 234 + - 290 + - 330 + - 310 + - name: 视频广告 + type: line + stack: 总量 + data: + - 150 + - 232 + - 201 + - 154 + - 190 + - 330 + - 410 + - name: 直接访问 + type: line + stack: 总量 + data: + - 320 + - 332 + - 301 + - 334 + - 390 + - 330 + - 320 + - name: 搜索引擎 + type: line + stack: 总量 + data: + - 820 + - 932 + - 901 + - 934 + - 1290 + - 1330 + - 1320 +{{}} +``` + +一个 `TOML` 格式的 `echarts` 示例: + +```toml +{{}} +[title] +text = "折线统计图" +top = "2%" +left = "center" + +[tooltip] +trigger = "axis" + +[legend] +data = [ + "邮件营销", + "联盟广告", + "视频广告", + "直接访问", + "搜索引擎" +] +top = "10%" + +[grid] +left = "5%" +right = "5%" +bottom = "5%" +top = "20%" +containLabel = true + +[toolbox] +[toolbox.feature] +[toolbox.feature.saveAsImage] +title = "保存为图片" + +[xAxis] +type = "category" +boundaryGap = false +data = [ + "周一", + "周二", + "周三", + "周四", + "周五", + "周六", + "周日" +] + +[yAxis] +type = "value" + +[[series]] +name = "邮件营销" +type = "line" +stack = "总量" +data = [ + 120.0, + 132.0, + 101.0, + 134.0, + 90.0, + 230.0, + 210.0 +] + +[[series]] +name = "联盟广告" +type = "line" +stack = "总量" +data = [ + 220.0, + 182.0, + 191.0, + 234.0, + 290.0, + 330.0, + 310.0 +] + +[[series]] +name = "视频广告" +type = "line" +stack = "总量" +data = [ + 150.0, + 232.0, + 201.0, + 154.0, + 190.0, + 330.0, + 410.0 +] + +[[series]] +name = "直接访问" +type = "line" +stack = "总量" +data = [ + 320.0, + 332.0, + 301.0, + 334.0, + 390.0, + 330.0, + 320.0 +] + +[[series]] +name = "搜索引擎" +type = "line" +stack = "总量" +data = [ + 820.0, + 932.0, + 901.0, + 934.0, + 1290.0, + 1330.0, + 1320.0 +] +{{}} +``` + +呈现的输出效果如下: + +{{< echarts >}} +{ + "title": { + "text": "折线统计图", + "top": "2%", + "left": "center" + }, + "tooltip": { + "trigger": "axis" + }, + "legend": { + "data": ["邮件营销", "联盟广告", "视频广告", "直接访问", "搜索引擎"], + "top": "10%" + }, + "grid": { + "left": "5%", + "right": "5%", + "bottom": "5%", + "top": "20%", + "containLabel": true + }, + "toolbox": { + "feature": { + "saveAsImage": { + "title": "保存为图片" + } + } + }, + "xAxis": { + "type": "category", + "boundaryGap": false, + "data": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"] + }, + "yAxis": { + "type": "value" + }, + "series": [ + { + "name": "邮件营销", + "type": "line", + "stack": "总量", + "data": [120, 132, 101, 134, 90, 230, 210] + }, + { + "name": "联盟广告", + "type": "line", + "stack": "总量", + "data": [220, 182, 191, 234, 290, 330, 310] + }, + { + "name": "视频广告", + "type": "line", + "stack": "总量", + "data": [150, 232, 201, 154, 190, 330, 410] + }, + { + "name": "直接访问", + "type": "line", + "stack": "总量", + "data": [320, 332, 301, 334, 390, 330, 320] + }, + { + "name": "搜索引擎", + "type": "line", + "stack": "总量", + "data": [820, 932, 901, 934, 1290, 1330, 1320] + } + ] +} +{{< /echarts >}} + +### `music` + +`music` shortcode 基于 [APlayer](https://github.com/MoePlayer/APlayer) 和 [MetingJS](https://github.com/metowolf/MetingJS) 提供了一个内嵌的响应式音乐播放器. + +`music` shortcode 可以使用以下命名参数: + +|参数 |默认值 |描述| +|:---------------|:------------:|:----------| +|url |**必须** |音乐的 URL| +|name |可选 |音乐名称| +|artist |可选 |音乐的创作者| +|cover |封面 |音乐封面的 URL| +|server |**必须** |音乐平台: `netease`, `tencent`, `kugou`, `xiami`, `baidu`| +|type |**必须** |`song`, `playlist`, `album`, `search`, `artist`| +|id |**必须** |song id / playlist id / album id / 搜索关键字| +|auto |可选 |音乐链接, 支持平台: `netease`, `tencent`, `xiami`| +|fixed |`false` |启用固定模式| +|mini |`false` |启用迷你模式| +|autoplay |`false` |自动播放| +|theme |`#a9a9b3` |主题色| +|loop |`all` |循环模式, 值: 'all', 'one', 'none'| +|order |`list` |播放顺序, 值: 'list', 'random'| +|volume |`0.7` |默认音量, 请注意, 播放器会记住用户设置, 用户自己设置音量后默认音量将不起作用| +|mutex |`true` |防止同时有多个播放器, 在此播放器开始播放时暂停其他播放器| +|list-folded |`false` |列表默认是否折叠| +|list-max-height |`340px` |列表最大高度| + +#### 自定义音乐 URL {#custom-music-url} + +一个 `music` 示例: + +```markdown +{{}} +``` + +呈现的输出效果如下: + +{{< music url="https://rainymood.com/audio1110/0.m4a" name=rainymood artist=rainymood cover="https://rainymood.com/i/badge.jpg" >}} + +#### 来自音乐平台的 URL 自动识别 {#automatic-identification} + +一个 `music` 示例: + +```markdown +{{}} +Or +{{}} +``` + +呈现的输出效果如下: + +{{< music auto="https://music.163.com/#/playlist?id=60198" >}} + +#### 自定义平台, 类型和 ID {#custom-server} + +一个 `music` 示例: + +```markdown +{{}} +Or +{{}} +``` + +呈现的输出效果如下: + +{{< music netease song 1868553 >}} + +### `bilibili` + +`bilibili` shortcode 提供了一个内嵌的用来播放 bilibili 视频的响应式播放器. + +如果视频只有一个部分, 则仅需要视频的 `av` ID, 例如: + +```code +https://www.bilibili.com/video/av47027633 +``` + +一个 `bilibili` 示例: + +```markdown +{{}} +Or +{{}} +``` + +呈现的输出效果如下: + +{{< bilibili av=47027633 >}} + +如果视频包含多个部分, 则除了视频的 `av` ID之外, 还需要 `p`, 默认值为 `1`, 例如: + +```code +https://www.bilibili.com/video/av36570401?p=3 +``` + +一个带有 `p` 参数的 `bilibili` 示例: + +```markdown +{{}} +Or +{{}} +``` + +呈现的输出效果如下: + +{{< bilibili av=36570401 p=3 >}} + +### `typeit` + +`typeit` shortcode 基于 [TypeIt](https://typeitjs.com/) 提供了打字动画. + +只需将你需要打字动画的内容插入 `typeit` shortcode 中即可. + +#### 简单内容 {#simple-content} + +允许使用 `Markdown` 格式的简单内容, 并且 **不包含** 富文本的块内容, 例如图像等等... + +一个 `typeit` 示例: + +```markdown +{{}} +这一个带有基于 [TypeIt](https://typeitjs.com/) 的 **打字动画** 的 *段落*... +{{}} +``` + +呈现的输出效果如下: + +{{< typeit >}} +这一个带有基于 [TypeIt](https://typeitjs.com/) 的 **打字动画** 的 *段落*... +{{< /typeit >}} + +另外, 你也可以自定义 **HTML 标签**. + +一个带有 `h4` 标签的 `typeit` 示例: + +```markdown +{{}} +这一个带有基于 [TypeIt](https://typeitjs.com/) 的 **打字动画** 的 *段落*... +{{}} +``` + +呈现的输出效果如下: + +{{< typeit tag=h4 >}} +这一个带有基于 [TypeIt](https://typeitjs.com/) 的 **打字动画** 的 *段落*... +{{< /typeit >}} + +#### 代码内容 {#code-content} + +代码内容也是允许的, 并且通过使用参数 `code` 指定语言类型可以实习语法高亮. + +一个带有 `code` 参数的 `typeit` 示例: + +```markdown +{{}} +public class HelloWorld { + public static void main(String []args) { + System.out.println("Hello World"); + } +} +{{}} +``` + +呈现的输出效果如下: + +{{< typeit code=java >}} +public class HelloWorld { + public static void main(String []args) { + System.out.println("Hello World"); + } +} +{{< /typeit >}} + +#### 分组内容 {#code-content} + +默认情况下, 所有打字动画都是同时开始的. +但是有时你可能需要按顺序开始一组 `typeit` 内容的打字动画. + +一组具有相同 `group` 参数值的 `typeit` 内容将按顺序开始打字动画. + +一个带有 `group` 参数的 `typeit` 示例: + +```markdown +{{}} +**首先**, 这个段落开始 +{{}} + +{{}} +**然后**, 这个段落开始 +{{}} +``` + +呈现的输出效果如下: + +{{< typeit group=paragraph >}} +**首先**, 这个段落开始 +{{< /typeit >}} + +{{< typeit group=paragraph >}} +**然后**, 这个段落开始 +{{< /typeit >}} diff --git a/exampleSite/static/images/markdown.png b/exampleSite/static/images/basic-markdown-syntax/featured-image.png similarity index 100% rename from exampleSite/static/images/markdown.png rename to exampleSite/static/images/basic-markdown-syntax/featured-image.png diff --git a/exampleSite/static/images/emoji.jpg b/exampleSite/static/images/emoji-support/featured-image.jpg similarity index 100% rename from exampleSite/static/images/emoji.jpg rename to exampleSite/static/images/emoji-support/featured-image.jpg diff --git a/exampleSite/static/images/hugo.png b/exampleSite/static/images/hugo.png deleted file mode 100644 index 10265e4..0000000 Binary files a/exampleSite/static/images/hugo.png and /dev/null differ diff --git a/exampleSite/static/images/theme-documentation-basics/basic-configuration-preview.png b/exampleSite/static/images/theme-documentation-basics/basic-configuration-preview.png new file mode 100644 index 0000000..06424ca Binary files /dev/null and b/exampleSite/static/images/theme-documentation-basics/basic-configuration-preview.png differ diff --git a/exampleSite/static/images/theme-documentation-basics/complete-configuration-preview.gif b/exampleSite/static/images/theme-documentation-basics/complete-configuration-preview.gif new file mode 100644 index 0000000..fcdef08 Binary files /dev/null and b/exampleSite/static/images/theme-documentation-basics/complete-configuration-preview.gif differ diff --git a/exampleSite/static/images/theme-documentation-basics.webp b/exampleSite/static/images/theme-documentation-basics/featured-image.webp similarity index 100% rename from exampleSite/static/images/theme-documentation-basics.webp rename to exampleSite/static/images/theme-documentation-basics/featured-image.webp diff --git a/exampleSite/static/images/theme-documentation-basics/language-switch.gif b/exampleSite/static/images/theme-documentation-basics/language-switch.gif new file mode 100644 index 0000000..ce3d8a3 Binary files /dev/null and b/exampleSite/static/images/theme-documentation-basics/language-switch.gif differ diff --git a/exampleSite/static/images/theme-documentation-content/featured-image.jpg b/exampleSite/static/images/theme-documentation-content/featured-image.jpg new file mode 100644 index 0000000..2fcae9e Binary files /dev/null and b/exampleSite/static/images/theme-documentation-content/featured-image.jpg differ diff --git a/exampleSite/static/images/theme-documentation-content/summary.png b/exampleSite/static/images/theme-documentation-content/summary.png new file mode 100644 index 0000000..7e040cd Binary files /dev/null and b/exampleSite/static/images/theme-documentation-content/summary.png differ diff --git a/exampleSite/static/images/theme-documentation-shortcodes/featured-image.jpg b/exampleSite/static/images/theme-documentation-shortcodes/featured-image.jpg new file mode 100644 index 0000000..5fa1383 Binary files /dev/null and b/exampleSite/static/images/theme-documentation-shortcodes/featured-image.jpg differ diff --git a/exampleSite/static/images/theme-documentation-shortcodes/lighthouse-large.jpg b/exampleSite/static/images/theme-documentation-shortcodes/lighthouse-large.jpg new file mode 100644 index 0000000..f4da68e Binary files /dev/null and b/exampleSite/static/images/theme-documentation-shortcodes/lighthouse-large.jpg differ diff --git a/exampleSite/static/images/theme-documentation-shortcodes/lighthouse-small.jpg b/exampleSite/static/images/theme-documentation-shortcodes/lighthouse-small.jpg new file mode 100644 index 0000000..f73d5ea Binary files /dev/null and b/exampleSite/static/images/theme-documentation-shortcodes/lighthouse-small.jpg differ diff --git a/exampleSite/static/images/theme-documentation-shortcodes/lighthouse.jpg b/exampleSite/static/images/theme-documentation-shortcodes/lighthouse.jpg new file mode 100644 index 0000000..d72a27b Binary files /dev/null and b/exampleSite/static/images/theme-documentation-shortcodes/lighthouse.jpg differ diff --git a/i18n/en.toml b/i18n/en.toml index 62e6c4d..1526ef0 100644 --- a/i18n/en.toml +++ b/i18n/en.toml @@ -7,8 +7,8 @@ other = "Posts" # === Post === # === Taxonomy === -[all] -other = "all " +[allSome] +other = "All %s" [tag] other = "Tag" @@ -33,26 +33,21 @@ other = "More" other = "Switch Theme" # === partials/header.html === -# === partials/comment.html === -[valineLang] -other = "en" -# === partials/comment.html === - # === partials/footer.html === -[powered] +[poweredBySome] other = "Powered by %s" [theme] -other = "Theme - " +other = "Theme" # === partials/footer.html === # === partials/plugin/share.html === -[share] +[shareOn] other = "Share on" # === partials/plugin/share.html === # === posts/single.html === -[toc] +[contents] other = "Contents" [publish] @@ -102,3 +97,41 @@ other = "The page you're looking for doesn't exist. Sorry." [backToHome] other = "Back to Home" # === 404.html === + +# === shortcodes/admonition.html === +[note] +other = "Note" + +[abstract] +other = "Abstract" + +[info] +other = "Info" + +[tip] +other = "Tip" + +[success] +other = "Success" + +[question] +other = "Question" + +[warning] +other = "Warning" + +[failure] +other = "Failure" + +[danger] +other = "Danger" + +[bug] +other = "Bug" + +[example] +other = "Example" + +[quote] +other = "Quote" +# === shortcodes/admonition.html === diff --git a/i18n/fr.toml b/i18n/fr.toml index 394c77f..053db85 100644 --- a/i18n/fr.toml +++ b/i18n/fr.toml @@ -7,14 +7,14 @@ other = "Posts" # === Post === # === Taxonomy === -[all] -other = "tous " +[allSome] +other = "Tous %s" [tag] -other = "Tag" +other = "Balise" [tags] -other = "Tags" +other = "Balises" [category] other = "Catégorie" @@ -33,26 +33,21 @@ other = "Plus" other = "Changer de Thème" # === partials/header.html === -# === partials/comments.html === -[valineLang] -other = "fr" -# === partials/comments.html === - # === partials/footer.html === -[powered] +[poweredBySome] other = "Propulsé par %s" [theme] -other = "Thème - " +other = "Thème" # === partials/footer.html === -# === partials/post/share.html === -[share] +# === partials/plugin/share.html === +[shareOn] other = "Partager sur" -# === partials/post/share.html === +# === partials/plugin/share.html === # === posts/single.html === -[toc] +[contents] other = "Contenu" [publish] @@ -102,3 +97,41 @@ other = "Désolé, la page recherchée n'existe pas." [backToHome] other = "Retour à l'accueil" # === 404.html === + +# === shortcodes/admonition.html === +[note] +other = "Remarque" + +[abstract] +other = "Abstrait" + +[info] +other = "Info" + +[tip] +other = "Astuces" + +[success] +other = "Succès" + +[question] +other = "Question" + +[warning] +other = "Avertissement" + +[failure] +other = "Échec" + +[danger] +other = "Danger" + +[bug] +other = "Bug" + +[example] +other = "Exemple" + +[quote] +other = "Citation" +# === shortcodes/admonition.html === diff --git a/i18n/zh-CN.toml b/i18n/zh-CN.toml index 1bcea34..376a699 100644 --- a/i18n/zh-CN.toml +++ b/i18n/zh-CN.toml @@ -7,8 +7,8 @@ other = "文章" # === Post === # === Taxonomy === -[all] -other = "所有" +[allSome] +other = "所有%s" [tag] other = "标签" @@ -33,26 +33,21 @@ other = "更多" other = "切换主题" # === partials/header.html === -# === partials/comment.html === -[valineLang] -other = "zh-cn" -# === partials/comment.html === - # === partials/footer.html === -[powered] +[poweredBySome] other = "由 %s 强力驱动" [theme] -other = "主题 - " +other = "主题" # === partials/footer.html === # === partials/plugin/share.html === -[share] +[shareOn] other = "分享到" # === partials/plugin/share.html === # === posts/single.html === -[toc] +[contents] other = "目录" [publish] @@ -102,3 +97,41 @@ other = "抱歉，您要查找的页面不存在。" [backToHome] other = "回到主页" # === 404.html === + +# === shortcodes/admonition.html === +[note] +other = "注意" + +[abstract] +other = "摘要" + +[info] +other = "信息" + +[tip] +other = "技巧" + +[success] +other = "成功" + +[question] +other = "问题" + +[warning] +other = "警告" + +[failure] +other = "失败" + +[danger] +other = "危险" + +[bug] +other = "Bug" + +[example] +other = "示例" + +[quote] +other = "引用" +# === shortcodes/admonition.html === diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html index 7c7e389..cfe5ed3 100644 --- a/layouts/_default/_markup/render-image.html +++ b/layouts/_default/_markup/render-image.html @@ -1,9 +1,10 @@ -
{{- /* Title */ -}}
- {{- T "all" | humanize}}{{ T .Section | default .Section | humanize -}} + {{- T .Section | default .Section | humanize | printf (T "allSome") -}}
{{- /* Paginate */ -}} diff --git a/layouts/_default/summary.html b/layouts/_default/summary.html index 0fe2c7d..ee74fc7 100644 --- a/layouts/_default/summary.html +++ b/layouts/_default/summary.html @@ -16,7 +16,7 @@ {{- /* Meta */ -}}
- {{- $author := .Params.author | default .Site.Author.name -}}
+ {{- $author := .Params.author | default .Site.Author.name | default (T "author") -}}
{{- $authorLink := .Params.authorLink | default .Site.Author.link | default (relLangURL "/") -}}
diff --git a/layouts/partials/assets.html b/layouts/partials/assets.html
index 9a0d4e4..aa901c5 100644
--- a/layouts/partials/assets.html
+++ b/layouts/partials/assets.html
@@ -28,16 +28,14 @@
{{- end -}}
{{- /* lazysizes */ -}}
-{{- if $scratch.Get "lazysizes" -}}
- {{- with $CDN.lazysizesJS -}}
- {{- slice . | $scratch.Add "scriptCDN" -}}
- {{- else -}}
- {{- slice "lib/lazysizes/lazysizes.min.js" | $scratch.Add "scriptLocal" -}}
- {{- end -}}
+{{- with $CDN.lazysizesJS -}}
+ {{- slice . | $scratch.Add "scriptCDN" -}}
+{{- else -}}
+ {{- slice "lib/lazysizes/lazysizes.min.js" | $scratch.Add "scriptLocal" -}}
{{- end -}}
{{- /* lightgallery.js */ -}}
-{{- if $scratch.Get "lightgallery" -}}
+{{- if ne .Page.Site.Params.page.lightgallery false | and (ne .Page.Params.lightgallery false) -}}
{{- with $CDN.lightgalleryCSS -}}
{{- slice . | $scratch.Add "linkCDN" -}}
{{- else -}}
@@ -139,7 +137,8 @@
{{- if and $math.inlineLeftDelimiter $math.inlineRightDelimiter -}}
{ left: '{{ $math.inlineLeftDelimiter }}', right: '{{ $math.inlineRightDelimiter }}', display: false },
{{- end -}}
- ]
+ ],
+ strict: false,
});
});
diff --git a/layouts/partials/comment.html b/layouts/partials/comment.html
index cb2970f..14b2cf4 100644
--- a/layouts/partials/comment.html
+++ b/layouts/partials/comment.html
@@ -81,7 +81,7 @@
{{- with $valine.pageSize -}}
pageSize: {{ . | safeJS }},
{{- end -}}
- lang: '{{ T "valineLang" }}',
+ lang: '{{ $valine.lang | default "en" }}',
{{- if $valine.visitor -}}
visitor: true,
{{- end -}}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 22cda9e..22bdd65 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -2,7 +2,7 @@
{{- /* Hugo and LoveIt */ -}}
- {{- printf (T "powered") `Hugo` | safeHTML }} | {{ T "theme" }}LoveIt
+ {{- printf (T "poweredBySome") `Hugo` | safeHTML }} | {{ T "theme" }} - LoveIt
diff --git a/layouts/partials/function/checkbox.html b/layouts/partials/function/checkbox.html
index 7d39720..2283592 100644
--- a/layouts/partials/function/checkbox.html
+++ b/layouts/partials/function/checkbox.html
@@ -1,9 +1,9 @@
{{- /* Checkbox unchecked */ -}}
-{{- $REin := `` -}}
-{{- $REout := `` -}}
-{{- $content := replaceRE $REin $REout . -}}
+{{- $old := `` -}}
+{{- $new := `` -}}
+{{- $content := replace . $old $new -}}
{{- /* Checkbox checked */ -}}
-{{- $REin = `` -}}
-{{- $REout = `` -}}
-{{- return replaceRE $REin $REout $content -}}
+{{- $old = `` -}}
+{{- $new = `` -}}
+{{- return replace $content $old $new -}}
diff --git a/layouts/partials/function/escape.html b/layouts/partials/function/escape.html
new file mode 100644
index 0000000..1ff794f
--- /dev/null
+++ b/layouts/partials/function/escape.html
@@ -0,0 +1,5 @@
+{{- /* Escape character */ -}}
+{{- /* {?X} -> X */ -}}
+{{- $REin := `\{\?(.)\}` -}}
+{{- $REout := `$1` -}}
+{{- return replaceRE $REin $REout . -}}
diff --git a/layouts/partials/function/id.html b/layouts/partials/function/id.html
index 081fc67..c702908 100644
--- a/layouts/partials/function/id.html
+++ b/layouts/partials/function/id.html
@@ -2,5 +2,7 @@
{{- /* Content -> unique ID */ -}}
{{- /* shuffle md5 as id */ -}}
{{- $id := delimit (split (md5 now.Unix) "" | shuffle | first 6) "" | printf "id-%s" -}}
-{{- .scratch.SetInMap "contentMap" $id .content -}}
+{{- with .scratch -}}
+ {{- .SetInMap "contentMap" $id $.content -}}
+{{- end -}}
{{- return $id -}}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index e938b67..d4b0951 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -14,7 +14,7 @@
{{- end -}}
{{- if .Site.IsMultiLingual -}}
|
-
+
{{- end -}}
@@ -60,7 +60,7 @@
{{- end -}}
{{- if .Site.IsMultiLingual -}}
-
+
{{- end -}}
diff --git a/layouts/partials/plugin/icon.html b/layouts/partials/plugin/icon.html
index 6ed4061..9898a08 100644
--- a/layouts/partials/plugin/icon.html
+++ b/layouts/partials/plugin/icon.html
@@ -11,11 +11,15 @@
{{- end -}}
{{- end -}}
{{- $classList = $newClassList -}}
- {{- .scratch.Set "forkawesome" true -}}
+ {{- with .scratch -}}
+ {{- .Set "forkawesome" true -}}
+ {{- end -}}
{{- /* default is Font Awesome */ -}}
{{- /* Others */ -}}
{{- else if ne $type "fa" -}}
- {{- .scratch.Set "iconfont" true -}}
+ {{- with .scratch -}}
+ {{- .Set "iconfont" true -}}
+ {{- end -}}
{{- end -}}
diff --git a/layouts/partials/plugin/image.html b/layouts/partials/plugin/image.html
index 18e8e59..99a698d 100644
--- a/layouts/partials/plugin/image.html
+++ b/layouts/partials/plugin/image.html
@@ -15,7 +15,9 @@
data-src="{{ .src | safeURL }}"
alt="{{ .title | default .description }}" />
- {{- .scratch.Set "lightgallery" true -}}
+ {{- with .scratch -}}
+ {{- .Set "lightgallery" true -}}
+ {{- end -}}
{{- else -}}
![{{ .title | default .description }}]( "{{ .description }}")
{{- end -}}
-{{- .scratch.Set "lazysizes" true -}}
diff --git a/layouts/partials/plugin/share.html b/layouts/partials/plugin/share.html
index 4996fb8..08eba8f 100644
--- a/layouts/partials/plugin/share.html
+++ b/layouts/partials/plugin/share.html
@@ -1,200 +1,200 @@
{{- $scratch := .Scratch.Get "scratch" -}}
-{{- if ne .Site.Params.share.enable false | and (ne .Params.share false) -}}
+{{- if ne .Site.Params.share.enable false | and (ne .Params.share.enable false) -}}
{{- $scratch.Set "share" true -}}
{{- /* 001: Twitter */ -}}
{{- if .Params.Share.Twitter | default .Site.Params.Share.Twitter | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-twitter fa-fw") -}}
{{- end -}}
{{- /* 002: Facebook */ -}}
{{- if .Params.Share.Facebook | default .Site.Params.Share.Facebook | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-facebook-square fa-fw") -}}
{{- end -}}
{{- /* 003: Linkedin */ -}}
{{- if .Params.Share.Linkedin | default .Site.Params.Share.Linkedin | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-linkedin fa-fw") -}}
{{- end -}}
{{- /* 004: WhatsApp */ -}}
{{- if .Params.Share.Whatsapp | default .Site.Params.Share.Whatsapp | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-whatsapp fa-fw") -}}
{{- end -}}
{{- /* 005: Viber */ -}}
{{- if .Params.Share.Viber | default .Site.Params.Share.Viber | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-viber fa-fw") -}}
{{- end -}}
{{- /* 006: Pinterest */ -}}
{{- if .Params.Share.Pinterest | default .Site.Params.Share.Pinterest | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-pinterest fa-fw") -}}
{{- end -}}
{{- /* 007: Tumblr */ -}}
{{- if .Params.Share.Tumblr | default .Site.Params.Share.Tumblr | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-tumblr fa-fw") -}}
{{- end -}}
{{- /* 008: Hacker News */ -}}
{{- if .Params.Share.Hackernews | default .Site.Params.Share.Hackernews | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-hacker-news fa-fw") -}}
{{- end -}}
{{- /* 009: Reddit */ -}}
{{- if .Params.Share.Reddit | default .Site.Params.Share.Reddit | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-reddit fa-fw") -}}
{{- end -}}
{{- /* 010: VK */ -}}
{{- if .Params.Share.VK | default .Site.Params.Share.VK | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-vk fa-fw") -}}
{{- end -}}
{{- /* 011: Buffer */ -}}
{{- if .Params.Share.Buffer | default .Site.Params.Share.Buffer | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-buffer fa-fw") -}}
{{- end -}}
{{- /* 012: Xing */ -}}
{{- if .Params.Share.Xing | default .Site.Params.Share.Xing | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-xing fa-fw") -}}
{{- end -}}
{{- /* 013: Line */ -}}
{{- if .Params.Share.Line | default .Site.Params.Share.Line | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-line fa-fw") -}}
{{- end -}}
{{- /* 014: Instapaper */ -}}
{{- if .Params.Share.Instapaper | default .Site.Params.Share.Instapaper | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "loveit it-instapaper-fill" "type" "other" "scratch" $scratch) -}}
{{- end -}}
{{- /* 015: Pocket */ -}}
{{- if .Params.Share.Pocket | default .Site.Params.Share.Pocket | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-get-pocket fa-fw") -}}
{{- end -}}
{{- /* 016: Digg */ -}}
{{- if .Params.Share.Digg | default .Site.Params.Share.Digg | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-digg fa-fw") -}}
{{- end -}}
{{- /* 017: StumbleUpon */ -}}
{{- if .Params.Share.Stumbleupon | default .Site.Params.Share.Stumbleupon | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-stumbleupon fa-fw") -}}
{{- end -}}
{{- /* 018: Flipboard */ -}}
{{- if .Params.Share.Flipboard | default .Site.Params.Share.Flipboard | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-flipboard fa-fw") -}}
{{- end -}}
{{- /* 019: 微博 */ -}}
{{- if .Params.Share.Weibo | default .Site.Params.Share.Weibo | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-weibo fa-fw") -}}
{{- end -}}
{{- /* 020: 人人 */ -}}
{{- if .Params.Share.Renren | default .Site.Params.Share.Renren | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-renren fa-fw") -}}
{{- end -}}
{{- /* 021: Myspace */ -}}
{{- if .Params.Share.Myspace | default .Site.Params.Share.Myspace | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "loveit it-myspace-fill" "type" "other" "scratch" $scratch) -}}
{{- end -}}
{{- /* 022: Blogger */ -}}
{{- if .Params.Share.Blogger | default .Site.Params.Share.Blogger | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-blogger fa-fw") -}}
{{- end -}}
{{- /* 023: 百度 */ -}}
{{- if .Params.Share.Baidu | default .Site.Params.Share.Baidu | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "loveit it-baidu-fill" "type" "other" "scratch" $scratch) -}}
{{- end -}}
{{- /* 024: OK.RU */ -}}
{{- if .Params.Share.Odnoklassniki | default .Site.Params.Share.Odnoklassniki | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-odnoklassniki fa-fw") -}}
{{- end -}}
{{- /* 025: Evernote */ -}}
{{- if .Params.Share.Evernote | default .Site.Params.Share.Evernote | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-evernote fa-fw") -}}
{{- end -}}
{{- /* 026: Skype */ -}}
{{- if .Params.Share.Skype | default .Site.Params.Share.Skype | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-skype fa-fw") -}}
{{- end -}}
{{- /* 027: Trello */ -}}
{{- if .Params.Share.Trello | default .Site.Params.Share.Trello | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-trello fa-fw") -}}
{{- end -}}
{{- /* 028: Mix */ -}}
{{- if .Params.Share.Mix | default .Site.Params.Share.Mix | eq true -}}
-
+
{{- partial "plugin/icon.html" (dict "class" "fab fa-mix fa-fw") -}}
{{- end -}}
diff --git a/layouts/partials/single/content.html b/layouts/partials/single/content.html
index c0327ca..efab566 100644
--- a/layouts/partials/single/content.html
+++ b/layouts/partials/single/content.html
@@ -6,4 +6,6 @@
{{- $content = partial "function/checkbox.html" $content -}}
+{{- $content = partial "function/escape.html" $content -}}
+
{{- $content | safeHTML -}}
diff --git a/layouts/partials/single/footer.html b/layouts/partials/single/footer.html
index 7727ef7..af0efeb 100644
--- a/layouts/partials/single/footer.html
+++ b/layouts/partials/single/footer.html
@@ -23,7 +23,7 @@
- {{- if .Site.Params.page.linkToMarkdown -}}
+ {{- if ne .Site.Params.page.linkToMarkdown false | and (ne .Params.linkToMarkdown false) -}}
{{- with .OutputFormats.Get "markdown" -}}
diff --git a/layouts/posts/single.html b/layouts/posts/single.html
index affe4c2..25ffb07 100644
--- a/layouts/posts/single.html
+++ b/layouts/posts/single.html
@@ -9,7 +9,7 @@
{{- /* Meta */ -}}