This commit is contained in:
parent
6bc9a57c00
commit
73b06f3cd4
@ -1,29 +0,0 @@
|
|||||||
---
|
|
||||||
title: "About Hugo NexT Organization"
|
|
||||||
|
|
||||||
date: 2025-01-25T18:00:52+08:00
|
|
||||||
lastmod: 2025-01-25T18:00:52+08:00
|
|
||||||
|
|
||||||
share: false
|
|
||||||
followme: false
|
|
||||||
nav: false
|
|
||||||
copyright: false
|
|
||||||
url: about.html
|
|
||||||
---
|
|
||||||
|
|
||||||
The `Hugo NexT` organization is jointly established by numerous friends from around the world who are fond of the `NexT` theme and style. The aim is to continue promoting and enhancing this theme within the `Hugo` engine. We warmly welcome you to join us!
|
|
||||||
|
|
||||||
# Our Vision
|
|
||||||
|
|
||||||
Continuing the classic black-and-white color scheme of `NexT`, it maintains simple usability and powerful functionality.
|
|
||||||
|
|
||||||
# Usage Feedback
|
|
||||||
|
|
||||||
- Join the online discussions on [GitHub Discussions](https://github.com/hugo-next/hugo-theme-next/discussions) or [Gitter](https://gitter.im/hugo-next/community) :beers:
|
|
||||||
- [GitHub Issues](https://github.com/hugo-next/hugo-theme-next/issues/new?labels=Bug&template=bug-report.md) Submit a bug report :bug:
|
|
||||||
- [GitHub Feature](https://github.com/hugo-next/hugo-theme-next/issues/new?labels=Feature+Request&template=feature-request.md) to propose new feature ideas :sparkles:
|
|
||||||
|
|
||||||
> [!INFO]
|
|
||||||
> Chinese's users can also join the QQ group for communication: 604710815
|
|
||||||
|
|
||||||
{{< music url="/music/sky.mp3" name="City of the Sky" artist="Hayao Miyazaki" cover="/music/gongqijun.jpg" autoplay="true" >}}
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
---
|
|
||||||
title: "关于 Hugo NexT 组织"
|
|
||||||
|
|
||||||
date: 2022-06-09T20:12:52+08:00
|
|
||||||
lastmod: 2022-06-09T20:12:52+08:00
|
|
||||||
|
|
||||||
share: false
|
|
||||||
followme: false
|
|
||||||
nav: false
|
|
||||||
copyright: false
|
|
||||||
url: about.html
|
|
||||||
---
|
|
||||||
|
|
||||||
`Hugo NexT` 组织是由众多喜爱 `NexT` 主题及风格的世界各地友人共同组建而成，为的就是让这个主题继续在 `Hugo` 引擎中也能得到发扬光大，在此也欢迎你的加入！
|
|
||||||
|
|
||||||
# 我们的愿景
|
|
||||||
|
|
||||||
延续 `NexT` 经典的黑白调搭配，保持简单的易用性及强大的功能。
|
|
||||||
|
|
||||||
# 使用反馈
|
|
||||||
|
|
||||||
- 加入 [GitHub Discussions](https://github.com/hugo-next/hugo-theme-next/discussions) 或 [Gitter](https://gitter.im/hugo-next/community) 在线讨论 :beers:
|
|
||||||
- [GitHub Issues](https://github.com/hugo-next/hugo-theme-next/issues/new?labels=Bug&template=bug-report.md) 提交错误报告 :bug:
|
|
||||||
- [GitHub Feature](https://github.com/hugo-next/hugo-theme-next/issues/new?labels=Feature+Request&template=feature-request.md) 表新功能的想法 :sparkles:
|
|
||||||
|
|
||||||
> [!INFO]
|
|
||||||
> 同时国内用户也可加入 QQ 群交流： 604710815
|
|
||||||
|
|
||||||
{{< music url="/music/sky.mp3" name="天空之城" artist="宫崎骏" cover="/music/gongqijun.jpg" autoplay="true" >}}
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
---
|
|
||||||
date: 2025-01-25T20:46:25+08:00
|
|
||||||
---
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
---
|
|
||||||
date: 2022-07-26T21:46:25+08:00
|
|
||||||
---
|
|
||||||
@ -1,14 +0,0 @@
|
|||||||
---
|
|
||||||
title: "Demo Sites"
|
|
||||||
type: flinks
|
|
||||||
url: flinks.html
|
|
||||||
---
|
|
||||||
|
|
||||||
If you want to exchange friendly links on this site, please leave your site information in the comment section. The format reference is as follows:
|
|
||||||
|
|
||||||
```yaml
|
|
||||||
- name: Hugo-NexT
|
|
||||||
desc: Hugo NexT Official Site.
|
|
||||||
avatar: https://hugo-next.eu.org/imgs/hugo_next_avatar.png
|
|
||||||
link: https://hugo-next.eu.org
|
|
||||||
```
|
|
||||||
@ -1,14 +0,0 @@
|
|||||||
---
|
|
||||||
title: "站点示例"
|
|
||||||
type: flinks
|
|
||||||
url: flinks.html
|
|
||||||
---
|
|
||||||
|
|
||||||
如想交换本站友情链接，请在评论区留下你的站点信息，格式参考如下：
|
|
||||||
|
|
||||||
```yaml
|
|
||||||
- name: Hugo-NexT
|
|
||||||
desc: Hugo NexT 官方预览网站。
|
|
||||||
avatar: https://hugo-next.eu.org/imgs/hugo_next_avatar.png
|
|
||||||
link: https://hugo-next.eu.org
|
|
||||||
```
|
|
||||||
@ -1,60 +0,0 @@
|
|||||||
---
|
|
||||||
title: "Hello world"
|
|
||||||
description: "Quickly describe the basic usage of Hugo website building."
|
|
||||||
|
|
||||||
date: 2025-01-25T19:12:32+08:00
|
|
||||||
lastmod: 2025-01-25T19:12:32+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- StartBuilSite
|
|
||||||
|
|
||||||
tags:
|
|
||||||
- Hugo
|
|
||||||
- Start now
|
|
||||||
|
|
||||||
url: demo/hello-world.html
|
|
||||||
toc: true
|
|
||||||
weight: 2
|
|
||||||
---
|
|
||||||
|
|
||||||
> Use the keyword `weight` to top the article.
|
|
||||||
|
|
||||||
[Hugo](https://gohugo.io/), It is currently the fastest website construction framework in the world and one of the most popular open-source static site generators. With its astonishing speed and flexibility, Hugo has once again made website construction interesting.
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
## Quick Start
|
|
||||||
|
|
||||||
### Publish a new article
|
|
||||||
|
|
||||||
```shell
|
|
||||||
$ hugo new hello-world.md
|
|
||||||
```
|
|
||||||
|
|
||||||
More information: [Content format](https://gohugo.io/content-management/formats/)
|
|
||||||
|
|
||||||
### Start service
|
|
||||||
|
|
||||||
```shell
|
|
||||||
$ hugo server
|
|
||||||
```
|
|
||||||
|
|
||||||
More information: [Hugo Service Command Line](https://gohugo.io/commands/hugo_server/)
|
|
||||||
|
|
||||||
### Generate static files
|
|
||||||
|
|
||||||
```shell
|
|
||||||
$ hugo
|
|
||||||
```
|
|
||||||
|
|
||||||
More information: [Hugo website building](https://gohugo.io/commands/hugo/)
|
|
||||||
|
|
||||||
### Deploy to server
|
|
||||||
|
|
||||||
```language
|
|
||||||
$ hugo deploy
|
|
||||||
```
|
|
||||||
|
|
||||||
More information: [Hugo Release](https://gohugo.io/commands/hugo_deploy/)
|
|
||||||
|
|
||||||
Good luck, I believe you will love Hugo's journey of building a website!
|
|
||||||
@ -1,60 +0,0 @@
|
|||||||
---
|
|
||||||
title: "世界，你好！"
|
|
||||||
description: "快速的描述下有关于 Hugo 建站的基本用法。"
|
|
||||||
|
|
||||||
lastmod: 2022-06-03T16:43:23+08:00
|
|
||||||
date: 2022-06-02T11:52:03+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- 开始建站
|
|
||||||
|
|
||||||
tags:
|
|
||||||
- Hugo
|
|
||||||
- 开始
|
|
||||||
|
|
||||||
url: demo/hello-world.html
|
|
||||||
toc: true
|
|
||||||
weight: 2
|
|
||||||
---
|
|
||||||
|
|
||||||
> “使用 `weight` 关键字置顶文章。”
|
|
||||||
|
|
||||||
[Hugo](https://gohugo.io/) 是现今世界上最快的网站建设框架，也是最流行的开源静态站点生成器之一。 凭借其惊人的速度和灵活性，Hugo 让建设网站再次变得有趣起来。
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
## 快速开始
|
|
||||||
|
|
||||||
### 发表新文章
|
|
||||||
|
|
||||||
```shell
|
|
||||||
$ hugo new hello-world.md
|
|
||||||
```
|
|
||||||
|
|
||||||
更多信息：[内容格式](https://gohugo.io/content-management/formats/)
|
|
||||||
|
|
||||||
### 启动服务
|
|
||||||
|
|
||||||
```shell
|
|
||||||
$ hugo server
|
|
||||||
```
|
|
||||||
|
|
||||||
更多信息：[Hugo 服务命令行](https://gohugo.io/commands/hugo_server/)
|
|
||||||
|
|
||||||
### 生成静态文件
|
|
||||||
|
|
||||||
```shell
|
|
||||||
$ hugo
|
|
||||||
```
|
|
||||||
|
|
||||||
更多信息：[Hugo 建站](https://gohugo.io/commands/hugo/)
|
|
||||||
|
|
||||||
### 部署到服务器
|
|
||||||
|
|
||||||
```language
|
|
||||||
$ hugo deploy
|
|
||||||
```
|
|
||||||
|
|
||||||
更多信息：[Hugo 发布](https://gohugo.io/commands/hugo_deploy/)
|
|
||||||
|
|
||||||
祝你好运，相信你会喜欢上 Hugo 建站的旅程！
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
---
|
|
||||||
title: "Welcome to the Hugo NexT organization"
|
|
||||||
description: "Hugo NexT is a theme specifically designed for the Hugo engine, maintaining simplicity, ease of use, and powerful functionality! "
|
|
||||||
Keywords: "Hugo, NexT, organization"
|
|
||||||
|
|
||||||
date: 2025-01-25T20:59:12+08:00
|
|
||||||
lastmod: 2025-01-25T20:59:12+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- Example
|
|
||||||
tags:
|
|
||||||
- Hugo
|
|
||||||
- NexT
|
|
||||||
|
|
||||||
expand: true
|
|
||||||
extlink: https://gitee.com/hugo-next/hugo-theme-next/
|
|
||||||
|
|
||||||
weight: 1
|
|
||||||
---
|
|
||||||
|
|
||||||
Welcome to the Hugo NexT documentation site! It is from [Theme NexT](https://theme-next.js.org/) The transplanted one is [Hugo](https://gohugo.io/) The high-quality and elegant theme created maintains its easy-to-use features and powerful functionality.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## User Guide
|
|
||||||
|
|
||||||
Setting up a NexT theme is easy. Simply follow the documentation to quickly create your personal website!
|
|
||||||
|
|
||||||
## Feedback
|
|
||||||
|
|
||||||
- Visit the Awesome NexT list to share plugins and tutorials with other users.
|
|
||||||
- Join our Gitter chat.
|
|
||||||
- Add or improve translations within seconds.
|
|
||||||
- Report one in GitHub Issues :bug: .
|
|
||||||
- Apply for a new feature on GitHub.
|
|
||||||
- Request a vote for the most popular feature.
|
|
||||||
@ -1,37 +0,0 @@
|
|||||||
---
|
|
||||||
title: "欢迎加入 Hugo NexT 组织！"
|
|
||||||
description: "Hugo NexT 是专门为 Hugo 引擎所打造的主题，保持简单易用和强大的功能！"
|
|
||||||
keywords: "Hugo,NexT,组织"
|
|
||||||
|
|
||||||
date: 2022-06-01T15:59:41+08:00
|
|
||||||
lastmod: 2022-06-01T15:59:41+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- 示例文章
|
|
||||||
tags:
|
|
||||||
- Hugo
|
|
||||||
- NexT
|
|
||||||
|
|
||||||
expand: true
|
|
||||||
extlink: https://gitee.com/hugo-next/hugo-theme-next/
|
|
||||||
|
|
||||||
weight: 1
|
|
||||||
---
|
|
||||||
|
|
||||||
欢迎来到 `Hugo NexT` 文档站点！ 它是从 [Theme NexT](https://theme-next.js.org/) 移植过来的为 [Hugo](https://gohugo.io/)打造的高品质优雅主题，保持简单易用的特性和强大的功能。
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 用户指南
|
|
||||||
|
|
||||||
设置 NexT 主题很容易。只需遵循文档，就可快速创建您的个人网站！
|
|
||||||
|
|
||||||
## 反馈
|
|
||||||
|
|
||||||
- 访问 Awesome NexT 列表，与其他用户分享插件和教程。
|
|
||||||
- 加入我们的 Gitter 聊天。
|
|
||||||
- 在几秒钟内添加或改进翻译。
|
|
||||||
- 在 GitHub Issues 中报告一个 :bug:。
|
|
||||||
- 在 GitHub 上申请一个新特性。
|
|
||||||
- 为最受欢迎的功能请求投票。
|
|
||||||
|
|
||||||
@ -1,222 +0,0 @@
|
|||||||
---
|
|
||||||
Title: "Markdown Syntax Support"
|
|
||||||
description: Describe the various markdown syntax and effect displays supported by NexT themes
|
|
||||||
isCJKLanguage: false
|
|
||||||
|
|
||||||
publishDate: 2025-01-25T20:52:18+08:00
|
|
||||||
lastmod: 2025-01-25T20:52:18+08:00
|
|
||||||
|
|
||||||
author: Mainroad
|
|
||||||
originLink: https://mainroad-demo.netlify.app/demo/basic-elements/
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- Example
|
|
||||||
- MarkdownSyntax
|
|
||||||
|
|
||||||
tags:
|
|
||||||
- Markdown
|
|
||||||
- Grammar
|
|
||||||
|
|
||||||
toc: false
|
|
||||||
draft: false
|
|
||||||
url: demo/markdown-syntax.html
|
|
||||||
---
|
|
||||||
|
|
||||||
Only use this article to test whether the various syntax written in the content of the `Markdown` file is supported when building a website using the `Hugo` engine in the `NexT` theme, and demonstrate the actual effect.
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
## Title Style
|
|
||||||
|
|
||||||
Let's start with all possible headings, where the `<h1>` - `<h6>` elements in HTML represent six different levels of heading styles, with `<h1>` being the maximum heading`< H6>` is the minimum title, with the following effect:
|
|
||||||
|
|
||||||
# Title 1
|
|
||||||
## Title 2
|
|
||||||
### Title 3
|
|
||||||
#### Title 4
|
|
||||||
##### Title 5
|
|
||||||
###### Title 6
|
|
||||||
|
|
||||||
|
|
||||||
## Paragraph format
|
|
||||||
|
|
||||||
According to [W3C](https://www.w3.org/)Defined [HTML5 Specification](https://www.w3.org/TR/html5/dom.html#elements)，**HTML documents consist** of elements and text. The composition of each element consists of a [Start marker](https://www.w3.org/TR/html5/syntax.html#syntax), for example:`<body>` ， And [End Mark](https://www.w3.org/TR/html5/syntax.html#syntax), for example:`</body>` .
|
|
||||||
|
|
||||||
(*Some start and end markers may be omitted in certain situations and implied by other markers*.)
|
|
||||||
|
|
||||||
Elements can have attributes that control how they work. For example, hyperlinks are formed using the `a` element and its `ref` attribute.
|
|
||||||
|
|
||||||
### Markdown syntax
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
! [Image Description] (Image Address)
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
### HTML IMG tags
|
|
||||||
|
|
||||||
```html
|
|
||||||
<img src="Image Address" width="Width" height="Height"/>
|
|
||||||
```
|
|
||||||
|
|
||||||
<img src="//hugo-next.github.io/imgs/logo/hugo-next-secondary.png" width="150"/>
|
|
||||||
|
|
||||||
### SVG format
|
|
||||||
|
|
||||||
```html
|
|
||||||
<svg>xxxxxx</svg>
|
|
||||||
```
|
|
||||||
|
|
||||||
<svg class="canon" xmlns=" http://www.w3.org/2000/svg " overflow="visible" viewBox="0 0 496 373" height="373" width="496"><g fill="none"><path stroke="#000" stroke-width=".75" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width=".75" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width=".75" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx=".75" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx=".75" ry="1.25"></ellipse></g></svg>
|
|
||||||
|
|
||||||
## List type
|
|
||||||
|
|
||||||
### Ordered List
|
|
||||||
|
|
||||||
1. The first element
|
|
||||||
2. The second element
|
|
||||||
3. The third element
|
|
||||||
|
|
||||||
### Unordered List
|
|
||||||
|
|
||||||
* List elements
|
|
||||||
* Another element
|
|
||||||
* And other elements
|
|
||||||
|
|
||||||
### Nested List
|
|
||||||
|
|
||||||
Using HTML's `ul` element to implement.
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>First item</li>
|
|
||||||
<li>Second item
|
|
||||||
<ul>
|
|
||||||
<li>Second item First subitem</li>
|
|
||||||
<li>Second item second subitem
|
|
||||||
<ul>
|
|
||||||
<li>Second item Second subitem First sub-subitem</li>
|
|
||||||
<li>Second item Second subitem Second sub-subitem</li>
|
|
||||||
<li>Second item Second subitem Third sub-subitem</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>Second item Third subitem
|
|
||||||
<ol>
|
|
||||||
<li>Second item Third subitem First sub-subitem</li>
|
|
||||||
<li>Second item Third subitem Second sub-subitem</li>
|
|
||||||
<li>Second item Third subitem Third sub-subitem</li>
|
|
||||||
</ol>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>Third item</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
### Custom List
|
|
||||||
|
|
||||||
Custom lists (table lists) are also supported through HTML's `dl` element.
|
|
||||||
|
|
||||||
<dl>
|
|
||||||
<dt>Hugo directory structure</dt>
|
|
||||||
<dd>assets</dd>
|
|
||||||
<dd>hugo.toml</dd>
|
|
||||||
<dd>content</dd>
|
|
||||||
<dd>data</dd>
|
|
||||||
<dd>theme</dd>
|
|
||||||
<dd>static</dd>
|
|
||||||
<dt>Hugo Template</dt>
|
|
||||||
<dd>Basic Template</dd>
|
|
||||||
<dd>List Template</dd>
|
|
||||||
<dd>Single page template</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
## Block reference
|
|
||||||
|
|
||||||
|
|
||||||
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.
|
|
||||||
|
|
||||||
> Quoted text.
|
|
||||||
> This line is part of the same quote.
|
|
||||||
> Also you can *put* **Markdown** into a blockquote.
|
|
||||||
|
|
||||||
Blockquote with a citation.
|
|
||||||
|
|
||||||
<blockquote>
|
|
||||||
<p>My goal wasn't to make a ton of money. It was to build good computers. I only started the company when I realized I could be an engineer forever.</p>
|
|
||||||
<footer>— <cite>Steve Wozniak</cite></footer>
|
|
||||||
</blockquote>
|
|
||||||
|
|
||||||
According to Mozilla's website, <q cite="https://www.mozilla.org/en-US/about/history/details/">Firefox 1.0 was released in 2004 and became a big success.</q>
|
|
||||||
|
|
||||||
## Table
|
|
||||||
|
|
||||||
Tables aren't part of the core `Markdown` spec, but `Hugo` supports them.
|
|
||||||
|
|
||||||
| ID | Make | Model | Year |
|
|
||||||
| --- | --------- | ------- | ---- |
|
|
||||||
| 1 | Honda | Accord | 2009 |
|
|
||||||
| 2 | Toyota | Camry | 2012 |
|
|
||||||
| 3 | Hyundai | Elantra | 2010 |
|
|
||||||
|
|
||||||
Colons can be used to align columns.
|
|
||||||
|
|
||||||
| Tables | Are | Cool |
|
|
||||||
|:----------- |:-------------:| ------------:|
|
|
||||||
| align: left | align: center | align: right |
|
|
||||||
| align: left | align: center | align: right |
|
|
||||||
| align: left | align: center | align: right |
|
|
||||||
|
|
||||||
You can also use inline Markdown.
|
|
||||||
|
|
||||||
| Inline | Markdown | In | Table |
|
|
||||||
| ---------- | --------- | ----------------- | ---------- |
|
|
||||||
| *italics* | **bold** | ~~strikethrough~~ | `code` |
|
|
||||||
|
|
||||||
## Code
|
|
||||||
|
|
||||||
Use Markdown syntax to write code blocks:
|
|
||||||
|
|
||||||
```html
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
||||||
Use Hugo's `highlight` shortcode to write code blocks:
|
|
||||||
|
|
||||||
{{< highlight html "hl_lines=2 5-7, linenostart=44" >}}
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
{{< /highlight >}}
|
|
||||||
|
|
||||||
|
|
||||||
## Other stuff — abbr, sub, sup, kbd, etc.
|
|
||||||
|
|
||||||
<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
|
|
||||||
|
|
||||||
H<sub>2</sub>O
|
|
||||||
|
|
||||||
C<sub>6</sub>H<sub>12</sub>O<sub>6</sub>
|
|
||||||
|
|
||||||
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
|
||||||
|
|
||||||
Press <kbd>X</kbd> to win. Or press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>F</kbd></kbd> to show FPS counter.
|
|
||||||
|
|
||||||
<mark>As a unit of information in information theory, the bit has alternatively been called a shannon</mark>, named after Claude Shannon, the founder of field of information theory.
|
|
||||||
|
|
||||||
Reference resources:
|
|
||||||
|
|
||||||
- Refert from **Mainroad** theme [Basic Elements](https://mainroad-demo.netlify.app/post/basic-elements/)Content
|
|
||||||
@ -1,215 +0,0 @@
|
|||||||
---
|
|
||||||
title: "Markdown 语法支持"
|
|
||||||
description: "描述下 NexT 主题所支持的各种 markdown 语法及效果展示。"
|
|
||||||
isCJKLanguage: false
|
|
||||||
|
|
||||||
lastmod: 2022-06-03T11:52:18+08:00
|
|
||||||
publishDate: 2022-06-03T11:52:18+08:00
|
|
||||||
|
|
||||||
author: Mainroad
|
|
||||||
originLink: https://mainroad-demo.netlify.app/demo/basic-elements/
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- 示例文章
|
|
||||||
- Markdown语法
|
|
||||||
|
|
||||||
tags:
|
|
||||||
- Markdown
|
|
||||||
- 语法
|
|
||||||
|
|
||||||
toc: false
|
|
||||||
draft: false
|
|
||||||
url: demo/markdown-syntax.html
|
|
||||||
---
|
|
||||||
|
|
||||||
仅以此篇文章来测试下在 `NexT` 主题中在通过 `Hugo` 引擎来建站时，是否支持 `Markdown` 文件内容中所写的各种语法，并展示下实际的效果。
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
## 标题样式
|
|
||||||
|
|
||||||
让我们从所有可能的标题开始，在 HTML 中 `<h1>`-`<h6>`元素分别表示六个不同级别的标题样式，其中 `<h1>` 为最大标题，`<h6>`为最小标题，效果如下：
|
|
||||||
|
|
||||||
# 标题 1
|
|
||||||
## 标题 2
|
|
||||||
### 标题 3
|
|
||||||
#### 标题 4
|
|
||||||
##### 标题 5
|
|
||||||
###### 标题 6
|
|
||||||
|
|
||||||
|
|
||||||
## 段落格式
|
|
||||||
|
|
||||||
根据[W3C](https://www.w3.org/)定义的[HTML5 规范](https://www.w3.org/TR/html5/dom.html#elements)，**HTML 文档由元素和文本组成**。每个元素的组成都由一个[开始标记](https://www.w3.org/TR/html5/syntax.html#syntax-start-tags)表示，例如： `<body>` ，和[结束标记](https://www.w3.org/TR/html5/syntax.html#syntax-end-tags)表示，例如： `</body>` 。（*某些开始标记和结束标记在某些情况下可以省略，并由其他标记暗示。*）
|
|
||||||
元素可以具有属性，这些属性控制元素的工作方式。例如：超链接是使用 `a` 元素及其 `href` 属性形成的。
|
|
||||||
|
|
||||||
### Markdown 语法
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
### HTML IMG 标签
|
|
||||||
|
|
||||||
```html
|
|
||||||
<img src="图像地址" width="宽度" height="高度" />
|
|
||||||
```
|
|
||||||
<img src="//hugo-next.github.io/imgs/logo/hugo-next-secondary.png" width="150"/>
|
|
||||||
|
|
||||||
### SVG 格式
|
|
||||||
|
|
||||||
```html
|
|
||||||
<svg>xxxxxx</svg>
|
|
||||||
```
|
|
||||||
|
|
||||||
<svg class="canon" xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="373" width="496"><g fill="none"><path stroke="#000" stroke-width=".75" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width=".75" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width=".75" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx=".75" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx=".75" ry="1.25"></ellipse></g></svg>
|
|
||||||
|
|
||||||
## 列表类型
|
|
||||||
|
|
||||||
### 有序列表
|
|
||||||
|
|
||||||
1. 第一个元素
|
|
||||||
2. 第二个元素
|
|
||||||
3. 第三个元素
|
|
||||||
|
|
||||||
### 无序列表
|
|
||||||
|
|
||||||
* 列表元素
|
|
||||||
* 另一个元素
|
|
||||||
* 和其它元素
|
|
||||||
|
|
||||||
### 嵌套列表
|
|
||||||
|
|
||||||
借助 HTML 的 `ul` 元素来实现。
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>第一项</li>
|
|
||||||
<li>第二项
|
|
||||||
<ul>
|
|
||||||
<li>第二项第一个子项目</li>
|
|
||||||
<li>第二项第二个子项目
|
|
||||||
<ul>
|
|
||||||
<li>第二项第二分项第一分项</li>
|
|
||||||
<li>第二项第二分项第二分项</li>
|
|
||||||
<li>第二项第二分项第三分项</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>第二项第三个子项目
|
|
||||||
<ol>
|
|
||||||
<li>第二项第三分项第一分项</li>
|
|
||||||
<li>第二项第三分项第二分项</li>
|
|
||||||
<li>第二项第三分项第三分项</li>
|
|
||||||
</ol>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>第三项</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
### 自定义列表
|
|
||||||
|
|
||||||
通过 HTML 的 `dl` 元素还支持自定义列表（表格列表）。
|
|
||||||
|
|
||||||
<dl>
|
|
||||||
<dt>Hugo 目录结构</dt>
|
|
||||||
<dd>assets</dd>
|
|
||||||
<dd>hugo.toml</dd>
|
|
||||||
<dd>content</dd>
|
|
||||||
<dd>data</dd>
|
|
||||||
<dd>theme</dd>
|
|
||||||
<dd>static</dd>
|
|
||||||
<dt>Hugo 模板</dt>
|
|
||||||
<dd>基础模板</dd>
|
|
||||||
<dd>列表模板</dd>
|
|
||||||
<dd>单页模板</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
## 块引用
|
|
||||||
|
|
||||||
`blockquote` 元素表示从另一个源引用的内容，可以选择引用必须在 `footer` 或 `cite` 元素中，也可以选择使用注释和缩写等行内更改。
|
|
||||||
|
|
||||||
> 引用文本
|
|
||||||
> 这一行也是同样的引用
|
|
||||||
> 同样你也在 `blockquote` 中使用 **Markdown** 语法书写
|
|
||||||
|
|
||||||
带有引文的 `Blockquote` 元素效果。
|
|
||||||
|
|
||||||
<blockquote>
|
|
||||||
<p>我的目标不是赚大钱,是为了制造好的电脑。当我意识到我可以永远当工程师时，我才创办了这家公司。</p>
|
|
||||||
<footer>— <cite>史蒂夫·沃兹尼亚克</cite></footer>
|
|
||||||
</blockquote>
|
|
||||||
|
|
||||||
根据 Mozilla 的网站记录，<q cite="https://www.mozilla.org/en-US/about/history/details/">Firefox 1.0 于 2004 年发布，并取得了巨大成功。</q>
|
|
||||||
|
|
||||||
## 表格
|
|
||||||
|
|
||||||
表格并不算是 `Markdown` 的核心要素，但 `Hugo` 同样支持它。
|
|
||||||
|
|
||||||
| ID | 创建者 | 模型 | 年份 |
|
|
||||||
| --- | --------- | ------- | ---- |
|
|
||||||
| 1 | Honda | Accord | 2009 |
|
|
||||||
| 2 | Toyota | Camry | 2012 |
|
|
||||||
| 3 | Hyundai | Elantra | 2010 |
|
|
||||||
|
|
||||||
可以使用 : （英文格式冒号）来对表格内容进行对齐。
|
|
||||||
|
|
||||||
| 表格 | 可以是 | 很酷 |
|
|
||||||
|:----- |:-----:| ----:|
|
|
||||||
| 左对齐 | 居中 | 右对齐 |
|
|
||||||
| 左对齐 | 居中 | 右对齐 |
|
|
||||||
| 左对齐 | 居中 | 右对齐 |
|
|
||||||
|
|
||||||
同样也可以在表格中使用 `Markdown` 语法。
|
|
||||||
|
|
||||||
| 表格 | 中 | 使用 | Markdown 语法 |
|
|
||||||
| ------ | --------- | ---------- | ------------- |
|
|
||||||
| *斜体* | **粗体** | ~~中划线~~ | `代码块` |
|
|
||||||
|
|
||||||
## Code
|
|
||||||
|
|
||||||
使用 Markdown 语法书写代码块：
|
|
||||||
|
|
||||||
```html
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
||||||
使用Hugo自带的 `highlight` 短语标注代码块：
|
|
||||||
|
|
||||||
{{< highlight html "hl_lines=2 5-7, linenostart=44" >}}
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
{{< /highlight >}}
|
|
||||||
|
|
||||||
## 其它元素： abbr、sub、sup、kbd等等
|
|
||||||
|
|
||||||
<abbr title="Graphics Interchange Format">GIF</abbr> 是位图图像格式。
|
|
||||||
|
|
||||||
H<sub>2</sub>O
|
|
||||||
|
|
||||||
C<sub>6</sub>H<sub>12</sub>O<sub>6</sub>
|
|
||||||
|
|
||||||
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
|
||||||
|
|
||||||
按<kbd>X</kbd>获胜。或按<kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>F</kbd></kbd>显示 FPS 计数器。
|
|
||||||
|
|
||||||
<mark>比特作为信息论中的信息单位，也被称为 shannon </mark>，以信息论领域的创始人 Claude shannon 的名字命名。
|
|
||||||
|
|
||||||
参考：
|
|
||||||
- 来自 **Mainroad** 主题的 [Basic Elements](https://mainroad-demo.netlify.app/post/basic-elements/) 内容
|
|
||||||
@ -1,203 +0,0 @@
|
|||||||
---
|
|
||||||
title: Support Emoji emojis
|
|
||||||
Description: "Usage guide for emojis in Hugo and NexT. "
|
|
||||||
keywords: "Hugo,NexT,Emoji"
|
|
||||||
|
|
||||||
date: 2025-01-25T21:18:52+08:00
|
|
||||||
lastmod: 2025-01-25T21:18:52+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- Example
|
|
||||||
- Grammar
|
|
||||||
|
|
||||||
tags:
|
|
||||||
- Facial expressions
|
|
||||||
- Emoji
|
|
||||||
|
|
||||||
toc: true
|
|
||||||
|
|
||||||
url: "demo/emoji-support.html"
|
|
||||||
---
|
|
||||||
|
|
||||||
Emojis can be enabled in various ways in the Hugo project.
|
|
||||||
|
|
||||||
[`emojify`]( https://gohugo.io/functions/emojify/)The method can be called directly in the template, or use [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates#inline -shortcodes).
|
|
||||||
|
|
||||||
To use emojis globally, you need to [configure](https://gohugo.io/getting-started/configuration/) them on your website set `enableEmoji` to `true`,Then you can directly enter the emoji code in the article.
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
They start and end with a **colon** and contain the Emoji **code**:
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
Go camping! {:}tent: I'll be back soon
|
|
||||||
|
|
||||||
How happy! {:}joy:
|
|
||||||
```
|
|
||||||
|
|
||||||
The output effect presented is as follows:
|
|
||||||
|
|
||||||
> Let's go camping :tent: I'll be back soon.<br/>
|
|
||||||
> I'm so happy :joy:
|
|
||||||
|
|
||||||
The following symbol list is a very useful reference for emoji code.
|
|
||||||
|
|
||||||
## Expressions and Emotions
|
|
||||||
|
|
||||||
### Smiling face expression
|
|
||||||
|
|
||||||
|Icon | Code | Icon | Code|
|
|
||||||
| :-: | - | :-: | - |
|
|
||||||
| :grinning: | `grinning` | :smiley: | `smiley` |
|
|
||||||
| :smile: | `smile` | :grin: | `grin` |
|
|
||||||
| :laughing: | `laughing` <br /> `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` | | |
|
|
||||||
|
|
||||||
### Love expression
|
|
||||||
|
|
||||||
|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` |
|
|
||||||
|
|
||||||
### Tongue sticking expression
|
|
||||||
|
|
||||||
|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` | :money_mouth_face: | |
|
|
||||||
|
|
||||||
|
|
||||||
### National and regional 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` <br /> `european_union` | :finland: | `finland` |
|
|
||||||
| :fiji: | `fiji` | :falkland_islands: | `falkland_islands` |
|
|
||||||
| :micronesia: | `micronesia` | :faroe_islands: | `faroe_islands` |
|
|
||||||
| :fr: | `fr` | :gabon: | `gabon` |
|
|
||||||
| :gb: | `gb` <br /> `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` | | |
|
|
||||||
@ -1,204 +0,0 @@
|
|||||||
---
|
|
||||||
title: "支持 Emoji 表情"
|
|
||||||
description: "Hugo 和 NexT 中的 Emoji 的用法指南。"
|
|
||||||
keywords: "Hugo,NexT,Emoji"
|
|
||||||
|
|
||||||
date: 2022-06-04T19:46:45+08:00
|
|
||||||
lastmod: 2022-06-04T19:46:45+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- 示例文章
|
|
||||||
- 语法
|
|
||||||
|
|
||||||
tags:
|
|
||||||
- 表情
|
|
||||||
- Emoji
|
|
||||||
|
|
||||||
toc: true
|
|
||||||
|
|
||||||
url: "demo/emoji-support.html"
|
|
||||||
---
|
|
||||||
|
|
||||||
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 的代码。
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
它们以**冒号**开头和结尾，并且包含 emoji 的 **简短代码**：
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
去露营啦! {:}tent: 很快就回来.
|
|
||||||
|
|
||||||
真开心! {:}joy:
|
|
||||||
```
|
|
||||||
|
|
||||||
呈现的输出效果如下:
|
|
||||||
|
|
||||||
> 去露营啦! :tent: 很快就回来。<br/>
|
|
||||||
> 真开心! :joy:
|
|
||||||
|
|
||||||
以下**符号清单**是 emoji 代码的非常有用的参考。
|
|
||||||
|
|
||||||
## 表情与情感
|
|
||||||
|
|
||||||
### 笑脸表情
|
|
||||||
|
|
||||||
| 图标 | 代码 | 图标 | 代码 |
|
|
||||||
| :-: | - | :-: | - |
|
|
||||||
| :grinning: | `grinning` | :smiley: | `smiley` |
|
|
||||||
| :smile: | `smile` | :grin: | `grin` |
|
|
||||||
| :laughing: | `laughing` <br /> `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` | :money_mouth_face: | |
|
|
||||||
|
|
||||||
|
|
||||||
### 国家和地区旗帜
|
|
||||||
|
|
||||||
| 图标 | 代码 | 图标 | 代码 |
|
|
||||||
| :-: | - | :-: | - |
|
|
||||||
| :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` <br /> `european_union` | :finland: | `finland` |
|
|
||||||
| :fiji: | `fiji` | :falkland_islands: | `falkland_islands` |
|
|
||||||
| :micronesia: | `micronesia` | :faroe_islands: | `faroe_islands` |
|
|
||||||
| :fr: | `fr` | :gabon: | `gabon` |
|
|
||||||
| :gb: | `gb` <br /> `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` | | |
|
|
||||||
@ -1,66 +0,0 @@
|
|||||||
---
|
|
||||||
title: "Article Catalog Navigation"
|
|
||||||
description: "Describe the navigation effect of the article directory under NexT theme."
|
|
||||||
keywords: "Article, Table of Contents, Navigation"
|
|
||||||
|
|
||||||
date: 2025-01-25T20:58:52+08:00
|
|
||||||
lastmod: 2025-01-25T20:58:52+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- Example
|
|
||||||
tags:
|
|
||||||
- Table of Contents
|
|
||||||
- Navigation
|
|
||||||
- Blog
|
|
||||||
|
|
||||||
toc: true
|
|
||||||
url: demo/table-of-content.html
|
|
||||||
---
|
|
||||||
|
|
||||||
General Patton once said, "The measure of a person's success is not by standing at the peak, but by the rebound force after falling from the peak." Chu Shijian's life was like this: he became wealthy in middle age, gained both fame and fortune, and then fell to the bottom again. He started his own business at the age of 74, returned with Chu Cheng 10 years later, and made a comeback with billions of wealth. His development trajectory was a process of rebound.
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Early stories
|
|
||||||
### Starting from
|
|
||||||
|
|
||||||
In the spring of 2014, at the border of Huaning County and Yiliang County in Yunnan Province, a small mountain village called Yize had an old courtyard house with a history of over a hundred years demolished. The village committee is leading the villagers in the construction of a "beautiful countryside". In one year, the old village houses will no longer be visible, replaced by new reinforced concrete residential buildings. Just like the transformation of Chinese cities 10 or 20 years ago, this small village surrounded by mountains has also begun to fall into the "construction site mode".
|
|
||||||
|
|
||||||
#### Childhood waves
|
|
||||||
|
|
||||||
Almost all children who grow up by the river have an undeniable talent: good at water. Chu Shijian is no exception. Not only has he developed excellent swimming skills in the Nanpan River and flower ponds since childhood, but at the age of five or six, he can already dive far with a fierce spear. Moreover, he has been able to catch fish in the ponds on the Nanpan River and riverbanks since the age of seven or eight.
|
|
||||||
|
|
||||||
### Youth stories
|
|
||||||
|
|
||||||
Chu Shijian's more than ten years of living freely in the countryside were actually more than ten years of turbulent Chinese society. Especially after the Lugou Bridge Incident in 1937, the Japanese launched a full-scale invasion of China, and in just two or three years, most of China's territory fell one after another
|
|
||||||
|
|
||||||
## Ten Years of Passionate Youth
|
|
||||||
### Becoming a guerrilla fighter
|
|
||||||
|
|
||||||
In the summer of 1948, Chu Shijian returned to his hometown and became a teacher at Lufeng Railway Station Primary School. At the same time, he continued to maintain contact with the Communist Party organization with Chu Shiren and Chu Shijie, and did some work of transmitting intelligence
|
|
||||||
|
|
||||||
#### War is raging
|
|
||||||
|
|
||||||
Due to the significant disparity in combat effectiveness, guerrilla forces can only rely on exchanging one shot for another, specifically targeting weak areas of the enemy to attack, but more often than not, they are defending and shifting positions.
|
|
||||||
|
|
||||||
### Embrace liberation
|
|
||||||
|
|
||||||
In December 1949, Lu Han, the Chairman of the Nationalist Party in Yunnan Province, announced an uprising in Kunming, marking the official beginning of Yunnan's liberation. On February 20, 1950, Chen Gong, Song Renqiong, and Zhou Baozhong led the Fourth Corps of the Second Field Army of the People's Liberation Army into Kunming. On February 24, Chen Gong declared the liberation of the entire Yunnan province.
|
|
||||||
|
|
||||||
## The discontinuity of life
|
|
||||||
### Falling into the bottom of life
|
|
||||||
|
|
||||||
The people who were overthrown in the "anti rightist" movement had only one way to go after their "rightist" identity was determined: to be demoted to the farm. A farm is truly a place for farming, where one must live the same life as a farmer.
|
|
||||||
|
|
||||||
## Conclusion
|
|
||||||
### Time is like a river
|
|
||||||
|
|
||||||
In 2015, it was the 60th anniversary of Chu Shijian and Ma Jingfen's marriage, known as the commemorative year of the "diamond wedding". This is simply a reward in life. With the increasing divorce rate in China, a 60 year marriage is almost like a dream from a past life. With the companionship of a child, Chu Shijian and Ma Jingfen have experienced various storms of the country and individuals, and faced life and death together. They are not only husband and wife, but also a pair of comrades in arms. Although Ma Jingfen occasionally complains about Chu Shijian's carelessness when he was young, in the end, she would say, "Without me, there would be no him, and without him, there would be no me
|
|
||||||
|
|
||||||
## Author thanks
|
|
||||||
|
|
||||||
This book started interviewing in early summer 2014 and has been completed today, taking 18 months. The 'author' on the cover can only be my name, but only I know that this book contains the hearts and minds of too many people. Of course, I would like to first thank Mr. Wang Shi. Without him, there would be no book. Upon careful consideration, I realize that without Mr. Wang Shi's constant urging and encouragement, and without my writing work today. Since I started working as a professional writer in 2006, he has created many opportunities for me to write and has generously shared his life and learning experiences and insights with me. Thank you very much for your kindness.
|
|
||||||
|
|
||||||
Finally, I would like to express my greatest gratitude to Mr. Chu Shijian. Not only because he was generous and candid in facing my various questions, but more importantly, in the process of listening to his story, his prosperous life experience, strong vitality, and his pure heart towards life and career also enriched my thinking about my own life.
|
|
||||||
@ -1,70 +0,0 @@
|
|||||||
---
|
|
||||||
title: "文章目录导航"
|
|
||||||
description: "描述下 NexT 主题下的文章目录导航效果。"
|
|
||||||
keywords: "文章,目录,导航"
|
|
||||||
|
|
||||||
date: 2022-06-08T21:12:52+08:00
|
|
||||||
lastmod: 2022-06-08T21:12:52+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- 示例文章
|
|
||||||
tags:
|
|
||||||
- 目录
|
|
||||||
- 导航
|
|
||||||
- 博客
|
|
||||||
|
|
||||||
toc: true
|
|
||||||
url: demo/table-of-content.html
|
|
||||||
---
|
|
||||||
|
|
||||||
巴顿将军说过：“衡量一个人是否成功，不是看他站到顶峰，而是从顶峰跌落之后的反弹力”，褚时健的人生便是如此，中年发家致富，名利双收，之后又跌落到谷底，等到74岁再创业，10年后带着褚橙归来，东山再起收获亿万财富，他的发展轨迹就是反弹的过程。
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 早年的故事
|
|
||||||
|
|
||||||
### 起始
|
|
||||||
|
|
||||||
2014年的春天，在云南省华宁县和宜良县的交界处，一座名叫矣则的小山村里，一处已经有上百年历史的古旧四合院宅子被拆掉。村委会正带领村民们进行“美丽乡村”的建设，一年以后，旧有村居将再也看不到，代之而起的是钢筋混凝土的新式民居。就像10年、20年前中国大小城市的改造一样，这个群山围绕的小村子也开始陷入“工地模式”。
|
|
||||||
|
|
||||||
#### 童年浪花
|
|
||||||
|
|
||||||
在江河边长大的孩子几乎都有一个当仁不让的特长：善水。褚时健也不例外，他不仅从小就在南盘江和花鱼塘里扑腾出了上佳的游泳技术，五六岁已经可以一个猛子扎出老远，而且从七八岁就可以在南盘江和河滩上的鱼塘里捉鱼了。
|
|
||||||
|
|
||||||
### 少年故事
|
|
||||||
|
|
||||||
褚时健在乡村自由自在生活的十多年，其实正是中国社会风雨飘摇的十多年。特别是1937年卢沟桥事变后，日本人发动全面侵华战争，短短两三年间，中国的大部分国土相继沦陷
|
|
||||||
|
|
||||||
## 激情的青春十年
|
|
||||||
|
|
||||||
### 当上了游击队员
|
|
||||||
|
|
||||||
1948年夏天，褚时健回乡，在禄丰车站小学做了一名老师，同时也和褚时仁、褚时杰一起继续保持与共产党组织的联系，做一些传递情报的工作
|
|
||||||
|
|
||||||
#### 战火纷飞
|
|
||||||
|
|
||||||
因为战斗力相较悬殊，所以游击队只能是靠打一枪换一个地方的办法，专找敌人薄弱的地方攻击，但更多时候，都是在防御和转移阵地。
|
|
||||||
|
|
||||||
### 迎来解放
|
|
||||||
|
|
||||||
1949年12月，国民党云南省主席卢汉在昆明宣布起义，云南正式拉开解放的序幕。1950年2月20日，陈赓、宋任穷、周保中率解放军第二野战军第四兵团进入昆明，24日，陈赓宣布云南全境解放。
|
|
||||||
|
|
||||||
## 生活的断层
|
|
||||||
|
|
||||||
### 跌入生活底层
|
|
||||||
|
|
||||||
“反右”运动中被打倒的人在“右派”身份确定后，只有一条路可走：下放到农场。农场名副其实，就是干农活儿的地方，必须过和农民一样的生活。
|
|
||||||
|
|
||||||
## 尾声
|
|
||||||
|
|
||||||
### 岁月像一条河
|
|
||||||
|
|
||||||
2015年，是褚时健和马静芬结婚60周年，被称为“钻石婚”的纪念年份。这简直是一份人生的奖赏,在中国离婚率愈益升高的当下，60年的婚姻，几乎就像一个前世之梦。一个甲子的相伴相随，褚时健和马静芬共同经历了国家和个人的各种风浪，共同面对过生死。他们两人已经不仅是夫妻，更是一对战友。尽管马静芬偶尔会对褚时健年轻时候的粗心抱怨上两句，但说到最后，她会说一句：“没有我就没有他，没有他也就没有我。”
|
|
||||||
|
|
||||||
## 作者致谢
|
|
||||||
|
|
||||||
这本书从2014年初夏开始采访，到今天完稿，历时18个月。封面上“作者”只能是我一个人的名字，但也只有我自己知道，这本书，包含了太多人的心力和体力。我当然首先要致谢王石先生，没有他就没有这本书。我自己细想下来，没有王石先生一直的鞭策和鼓励，也没有我写作工作的今天。从2006年我开始从事专业写作工作以来，他给我创造了很多写作的机会，并且不吝自己诸多人生和学习的体会和感悟，一一传递予我。知遇之恩，感谢非常。
|
|
||||||
|
|
||||||
最后，我当然要把最大的感谢致予褚时健先生。不仅是因为他慷慨、坦率面对我的各种提问，更重要的是，在倾听他的故事的过程里，他繁盛的人生经历，他的强大生命力，他对生活、对事业的一片赤子之心，也丰富了我对自己人生的思考。
|
|
||||||
@ -1,40 +0,0 @@
|
|||||||
---
|
|
||||||
title: "Image Browsing Tool"
|
|
||||||
description: "By default, images within the article will be browsed. Clicking on an image will display a larger image, while clicking on a blank space will close it."
|
|
||||||
Keywords: "image, image, browser, photo album"
|
|
||||||
|
|
||||||
date: 2025-01-25T21:28:12+08:00
|
|
||||||
lastmod: 2025-01-25T21:28:12+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- Example
|
|
||||||
|
|
||||||
tags:
|
|
||||||
- Image
|
|
||||||
- Album
|
|
||||||
- Browse
|
|
||||||
|
|
||||||
url: "demo/image-viewer.html"
|
|
||||||
toc: false
|
|
||||||
expired: true
|
|
||||||
---
|
|
||||||
|
|
||||||
This theme comes with an image browser function that supports browsing images that appear in the article area. Clicking on an image can view a larger image, while clicking on a blank space can close it. No need to configure any parameters, just add image information at the corresponding position in the article.
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
The image browser referenced [fengyuanchen](https://fengyuanchen.github.io/) Developed [viewerjs](https://fengyuanchen.github.io/viewerjs/) Supports displaying image name, size, rotation, scaling, playback, and other functions. You can click on the following example image to view the experience:
|
|
||||||
|
|
||||||
## Animals
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Scenery
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,40 +0,0 @@
|
|||||||
---
|
|
||||||
title: "图像浏览工具 "
|
|
||||||
description: "默认会对文章内的图片， 进行图片浏览，点击图片可以查看大图，点击空白处可以关闭。"
|
|
||||||
keywords: "image,图像,浏览器,相册"
|
|
||||||
|
|
||||||
date: 2024-07-21T10:28:12+08:00
|
|
||||||
lastmod: 2024-07-21T10:28:12+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- 示例文章
|
|
||||||
|
|
||||||
tags:
|
|
||||||
- 图像
|
|
||||||
- 相册
|
|
||||||
- 浏览
|
|
||||||
|
|
||||||
url: "/demo/image-viewer.html"
|
|
||||||
toc: false
|
|
||||||
expired: true
|
|
||||||
---
|
|
||||||
|
|
||||||
本主题自带图像浏览器功能，支持对文章区域内出现的图片进行浏览，点击图片可以查看大图，点击空白处可以关闭。不需要配置任何参数，只要在文章里面相应的位置添加图片信息即可 。
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
图像浏览器引用了 [fengyuanchen](https://fengyuanchen.github.io/) 开发的 [viewerjs](https://fengyuanchen.github.io/viewerjs/)，支持显示图像名称，尺寸，旋转，缩放，播放等功能。可点击如下的示例图像查看体验：
|
|
||||||
|
|
||||||
## 动物
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 风景
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 147 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 95 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 120 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 103 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 121 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 117 KiB |
@ -1,78 +0,0 @@
|
|||||||
---
|
|
||||||
title: "Support user-defined design"
|
|
||||||
description: "Users can customize file configurations to achieve personalized adjustments to the style and layout of the site"
|
|
||||||
keywords: "custom,files,layout"
|
|
||||||
|
|
||||||
date: 2025-01-25T21:12:32+08:00
|
|
||||||
lastmod: 2025-01-25T20:59:12+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- Example
|
|
||||||
|
|
||||||
tags:
|
|
||||||
- Customize
|
|
||||||
- Personalization
|
|
||||||
- Layout
|
|
||||||
|
|
||||||
url: "demo/custom-files.html"
|
|
||||||
toc: true
|
|
||||||
---
|
|
||||||
|
|
||||||
For users familiar with front-end development, personalized adjustments can be made to the style and layout of the site through custom file configuration. In terms of layout, it mainly supports the site overview section in the left sidebar, as well as the two positions at the bottom of the site, but the style reset can be anywhere on the entire site.
|
|
||||||
|
|
||||||
## Open configuration parameters
|
|
||||||
|
|
||||||
Firstly, it is necessary to clarify that the following parameters are configured in the `params` area of the configuration file:
|
|
||||||
|
|
||||||
```yaml
|
|
||||||
customFilePath:
|
|
||||||
sidebar: custom_sidebar.html
|
|
||||||
footer: custom_footer.html
|
|
||||||
style: /css/custom_style.css
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!WARNING]
|
|
||||||
> **Attention:** The file names of `sidebar` and `footer` cannot be the same as their parameter names, otherwise it will affect the default layout design of the system. Remember!!!: smile:
|
|
||||||
|
|
||||||
|
|
||||||
Then create two directories, 'layouts/partitions', in the root directory of the site to store custom layout design files. Additionally, create two directories,' static/css', in the root directory of the site to store custom CSS style files. After everything is ready, you can refer to the following steps to complete your design idea.
|
|
||||||
|
|
||||||
## Sidebar design
|
|
||||||
|
|
||||||
Create a new file with the suffix 'html' in the 'partitions' directory earlier, where you can write the design or content you want to express, such as introducing some third-party component content. The example is as follows:
|
|
||||||
|
|
||||||
```html
|
|
||||||
<div class="mydefined animated" itemprop="custom">
|
|
||||||
<span>Support custom CSS and Sidebar layout now 💄💄💄</ span>
|
|
||||||
</div>
|
|
||||||
```
|
|
||||||
|
|
||||||
Configure the path of the file to the corresponding parameters, please refer to the effect at the bottom of the left sidebar for the effect.
|
|
||||||
|
|
||||||
## Footer design
|
|
||||||
|
|
||||||
Create a new file with the suffix 'html' in the 'partitions' directory earlier, where you can write the design or content you want to express, such as introducing some third-party component content. The example is as follows:
|
|
||||||
|
|
||||||
```html
|
|
||||||
<div class="custom-footer">
|
|
||||||
Website source code <a href=" https://github.com/hugo-next/hugo-theme-next/tree/develop/exampleSite/layouts/partials/custom-footer.html " target="_blank">here</a>
|
|
||||||
</div>
|
|
||||||
```
|
|
||||||
|
|
||||||
Configure the path of the file to the corresponding parameters, please refer to the effect at the bottom of the site for the effect.
|
|
||||||
|
|
||||||
## Custom Style
|
|
||||||
|
|
||||||
Create a new file with the suffix 'css' in the' css' directory earlier, and then redefine the style of the site or add some custom style designs to reference when writing articles. The example is as follows:
|
|
||||||
|
|
||||||
```html
|
|
||||||
.custom-head5 {
|
|
||||||
font-size: 1.2em;
|
|
||||||
color: #ed6c24;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
Configure the path of the file to the corresponding parameters, and the effect reference is as follows:
|
|
||||||
|
|
||||||
<span class="custom-head5"> I am customizing the title style effect. </span>
|
|
||||||
@ -1,80 +0,0 @@
|
|||||||
---
|
|
||||||
title: "支持用户自定义设计"
|
|
||||||
description: "用户可以通过自定义文件配置，实现对站点的样式和布局进行个性化的调整。"
|
|
||||||
keywords: "custom,files,layout"
|
|
||||||
|
|
||||||
date: 2022-09-10T21:02:32+08:00
|
|
||||||
lastmod: 2022-09-10T21:02:32+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- 示例文章
|
|
||||||
|
|
||||||
tags:
|
|
||||||
- 自定义
|
|
||||||
- 个性化
|
|
||||||
- 布局
|
|
||||||
|
|
||||||
url: "demo/custom-files.html"
|
|
||||||
toc: true
|
|
||||||
---
|
|
||||||
|
|
||||||
对于熟悉前端开发的用户来说，可以通过自定义文件配置，实现对站点的样式和布局进行个性化的调整。其中布局方面主要是支持左侧边栏的站点概览部分，以及站点底部2个位置，但样式的重置可以是整个站点的任意位置。
|
|
||||||
|
|
||||||
## 打开配置参数
|
|
||||||
|
|
||||||
首先要明确在配置文件的 `params` 区域中有配置如下参数：
|
|
||||||
|
|
||||||
```yaml
|
|
||||||
customFilePath:
|
|
||||||
sidebar: custom_sidebar.html
|
|
||||||
footer: custom_footer.html
|
|
||||||
style: /css/custom_style.css
|
|
||||||
```
|
|
||||||
|
|
||||||
{{< note warning >}}
|
|
||||||
|
|
||||||
**注意：** `sidebar` 和 `footer` 的文件命名不可以与它们的参数名称相同，不然会影响系统默认的布局设计，切记！！！ :smile:
|
|
||||||
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
然后在站点的根目录下创建 `layouts/partials` 2个目录，用于存放自定布局设计文件，另外在站点根目录下创建 `static/css` 2个目录，用于存放自定义 CSS 样式文件。一切就绪后，就可以参考如下的步骤，完成自己的设计想法。
|
|
||||||
|
|
||||||
## 侧边栏设计
|
|
||||||
|
|
||||||
在前面创建 `partials` 目录中新一个后缀名为 `html` 的文件，可以在里面书写你所想表达的设计或内容，比如引入一些第三方组件内容。示例如下：
|
|
||||||
|
|
||||||
```html
|
|
||||||
<div class="mydefined animated" itemprop="custom">
|
|
||||||
<span>支持自定义CSS和Sidebar布局啦💄💄💄</span>
|
|
||||||
</div>
|
|
||||||
```
|
|
||||||
|
|
||||||
再把该文件的路径配置到相应的参数中，效果请查看左侧边栏底部的效果。
|
|
||||||
|
|
||||||
## 底部设计
|
|
||||||
|
|
||||||
在前面创建 `partials` 目录中新一个后缀名为 `html` 的文件，可以在里面书写你所想表达的设计或内容，比如引入一些第三方组件内容。示例如下：
|
|
||||||
|
|
||||||
```html
|
|
||||||
<div class="custom-footer">
|
|
||||||
Website source code <a href="https://github.com/hugo-next/hugo-theme-next/tree/develop/exampleSite/layouts/partials/custom-footer.html" target="_blank">here</a>
|
|
||||||
</div>
|
|
||||||
```
|
|
||||||
|
|
||||||
再把该文件的路径配置到相应的参数中，效果请查看站点底部的效果。
|
|
||||||
|
|
||||||
## 自定义样式
|
|
||||||
|
|
||||||
在前面创建 `css` 目录中新一个后缀名为 `css` 的文件，然后可以在里面把站点的样式进行重定义，或是增加一些自己定义的样式设计，在写文章时进行引用，示例如下：
|
|
||||||
|
|
||||||
```html
|
|
||||||
.custom-head5 {
|
|
||||||
font-size: 1.2em;
|
|
||||||
color: #ed6c24;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
再把该文件的路径配置到相应的参数中，效果参考如下：
|
|
||||||
|
|
||||||
<span class="custom-head5">我是自定义的标题样式效果!!!</span>
|
|
||||||
@ -1,45 +0,0 @@
|
|||||||
---
|
|
||||||
title: "Articles without H1-6 header and comments"
|
|
||||||
description: "Used to test whether the directory navigation of an article will be directly closed and the comment function will be disabled without the H1-6 title header"
|
|
||||||
keywords: "toc,header"
|
|
||||||
|
|
||||||
date: 2025-01-29T19:45:16+08:00
|
|
||||||
lastmod: 2025-01-29T19:45:16+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- Example
|
|
||||||
tags:
|
|
||||||
- toc
|
|
||||||
- Title
|
|
||||||
|
|
||||||
comment:
|
|
||||||
enable: false
|
|
||||||
url: "demo/no-header-title.html"
|
|
||||||
expired: true
|
|
||||||
---
|
|
||||||
|
|
||||||
Liu Cixin's acceptance speech for the 2018 Clark Prize (excerpt from some content).
|
|
||||||
|
|
||||||
> [!INFO]
|
|
||||||
> Used to test whether the directory navigation of an article will be directly closed and the comment function will be disabled without the H1-6 title header.
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
Good evening, gentlemen and ladies,
|
|
||||||
|
|
||||||
I am honored to receive the Clarke Award for Imagination in Service to Society.
|
|
||||||
|
|
||||||
This award is a reward for imagination, which is a human ability that seems to belong only to God, and its significance far exceeds our imagination. Historians have said that the reason why humans were able to establish civilization beyond other species on Earth is mainly because they were able to create things in their own brains that do not exist in reality. In the future, when artificial intelligence surpasses human intelligence, imagination may be our only advantage over them.
|
|
||||||
|
|
||||||
Science fiction is a literature based on imagination, and the first one that left a deep impression on me was Arthur Clarke's works. Except for Jules Verne and George Wells, Clarke's works are the earliest Western modern science fiction novels to enter China. In the early 1980s, China published his works "2001: A Space Odyssey" and "Rendezvous With Rama". At that time, the Cultural Revolution had just ended, and the old life and beliefs had collapsed, while the new had not yet been established. Like other young people, I felt lost in my heart. These two books activated my imagination for the first time, and my thoughts suddenly became much broader, with the feeling of a small stream flowing into the sea. On the night I finished reading '2001: A Space Odyssey', I walked out of my house and looked up at the starry sky. At that time, the sky in China was not too polluted, and I could see the Milky Way. In my eyes, the starry sky was completely different from the past. For the first time, I had a sense of awe towards the vastness and mystery of the universe, which was a religious feeling. And later I read 'Rendezvous With Rama', which also amazed me at how imagination can be used to construct a vivid imaginary world. It was these feelings brought to me by Clarke that later made me a science fiction writer.
|
|
||||||
|
|
||||||
Now, more than thirty years have passed, and I gradually realize that our generation born in China in the 1960s may be the luckiest people in human history, because there has never been a generation before that has witnessed such a huge change in the world around us. The world we live in now is completely different from the world we grew up in, and this change is accelerating. China is a country full of a sense of the future. China's future may be full of challenges and crises, but it has never been as attractive as it is now. This provides fertile soil for science fiction novels, which have received unprecedented attention in China. As a science fiction writer born in China in the 1960s, it is a stroke of luck.
|
|
||||||
|
|
||||||
I look forward to one day, like those science fiction novels that once described the information age, science fiction novels that describe space travel will become mundane. At that time, Mars and the asteroid belt were boring places where countless people made a living; Jupiter and its numerous satellites have become tourist destinations, and the only obstacle preventing people from going there is the expensive price.
|
|
||||||
|
|
||||||
But even at this time, the universe remains a vast and unimaginable existence, with the nearest stars still out of reach. The vast starry sky can always carry our infinite imagination.
|
|
||||||
|
|
||||||
Thank you all.
|
|
||||||
|
|
||||||
|
|
||||||
> [Click to read the full text](https://weread.qq.com/web/reader/ce032b305a9bc1ce0b0dd2akecc32f3013eccbc87e4b62e)
|
|
||||||
@ -1,45 +0,0 @@
|
|||||||
---
|
|
||||||
title: "没有H1-6标题头和评论的文章"
|
|
||||||
description: "用于测试在没有H1-6标题头时，文章的目录导航是否会直接关闭，并关闭评论功能。"
|
|
||||||
keywords: "toc,header"
|
|
||||||
|
|
||||||
date: 2022-10-06T09:02:26+08:00
|
|
||||||
lastmod: 2022-10-30T21:03:16+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- 示例文章
|
|
||||||
tags:
|
|
||||||
- toc
|
|
||||||
- 标题
|
|
||||||
|
|
||||||
comment:
|
|
||||||
enable: false
|
|
||||||
url: "demo/no-header-title.html"
|
|
||||||
expired: true
|
|
||||||
---
|
|
||||||
|
|
||||||
刘慈欣2018克拉克奖获奖感言（部分内容节选）。
|
|
||||||
|
|
||||||
> [!INFO]
|
|
||||||
> 用于测试在没有H1-6标题头时，文章的目录导航是否会直接关闭，并关闭评论功能。
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
先生们、女士们，晚上好，
|
|
||||||
|
|
||||||
很荣幸获得Clarke Award for Imagination in Service to Society Award。
|
|
||||||
|
|
||||||
这个奖项是对想象力的奖励，而想象力是人类所拥有的一种似乎只应属于神的能力，它存在的意义也远超出我们的想象。有历史学家说过，人类之所以能够超越地球上的其它物种建立文明，主要是因为他们能够在自己的大脑中创造出现实中不存在的东西。在未来，当人工智能拥有超过人类的智力时，想象力也许是我们对于它们所拥有的惟一优势。
|
|
||||||
|
|
||||||
科幻小说是基于想象力的文学，而最早给我留下深刻印象的是Arthur . Clarke的作品。除了Jules Verne和George Wells外，Clarke的作品是最早进入中国的西方现代科幻小说。在上世纪八十年代初，中国出版了他的《2001:A Space Odyssey》和《Rendezvous With Rama》。当时文革刚刚结束，旧的生活和信仰已经崩塌，新的还没有建立起来，我和其他年轻人一样，心中一片迷茫。这两本书第一次激活了我想象力，思想豁然开阔许多，有小溪流进大海的感觉。读完《2001:A Space Odyssey》的那天深夜，我走出家门仰望星空，那时的中国的天空还没有太多的污染，能够看到银河，在我的眼中，星空与过去完全不一样了，我第一次对宇宙的宏大与神秘产生了敬畏感，这是一种宗教般的感觉。而后来读到的《Rendezvous With Rama》，也让我惊叹如何可以用想象力构造一个栩栩如生的想象世界。正是Clarke带给我的这些感受，让我后来成为一名科幻作家。
|
|
||||||
|
|
||||||
现在，三十多年过去了，我渐渐发现，我们这一代在上世纪六十年代出生于中国的人，很可能是人类历史上最幸运的人，因为之前没有任何一代人，像我们这样目睹周围的世界发生了如此巨大的变化，我们现在生活的世界，与我们童年的世界已经完全是两个不同的世界，而这种变化还在加速发生着。中国是一个充满着未来感的国度，中国的未来可能充满着挑战和危机，但从来没有像现在这样具有吸引力，这就给科幻小说提供了肥沃的土壤，使其在中国受到了空前的关注，作为一个在六十年代出生在中国的科幻小说家，则是幸运中的幸运。
|
|
||||||
|
|
||||||
我期待有那么一天，像那些曾经描写过信息时代的科幻小说一样，描写太空航行的科幻小说也变的平淡无奇了，那时的火星和小行星带都是乏味的地方，有无数的人在那里谋生；木星和它众多的卫星已成为旅游胜地，阻止人们去那里的唯一障碍就是昂贵的价格。
|
|
||||||
|
|
||||||
但即使在这个时候，宇宙仍是一个大的无法想象的存在，距我们最近的恒星仍然遥不可及。浩瀚的星空永远能够承载我们无穷的想象力。
|
|
||||||
|
|
||||||
谢谢大家。
|
|
||||||
|
|
||||||
|
|
||||||
> [点击阅读全文](https://weread.qq.com/web/reader/ce032b305a9bc1ce0b0dd2akecc32f3013eccbc87e4b62e)
|
|
||||||
@ -1,188 +0,0 @@
|
|||||||
---
|
|
||||||
Title: "Hugo's Built in Chroma Grammar Highlighting"
|
|
||||||
description: Describe the various syntax and highlighting effects supported by Chroma
|
|
||||||
Keywords: "Chroma, syntax, highlighting"
|
|
||||||
|
|
||||||
date: 2025-01-29T20:09:52+08:00
|
|
||||||
lastmod: 2025-01-29T20:09:52+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- Example
|
|
||||||
- Grammar
|
|
||||||
tags:
|
|
||||||
- Grammar
|
|
||||||
- Highlight
|
|
||||||
- Chroma
|
|
||||||
|
|
||||||
url: demo/syntax-highlighting.html
|
|
||||||
---
|
|
||||||
|
|
||||||
Hugo provides very fast syntax highlighting through Chroma, and now uses Chroma as code block highlighting support in Hugo. It is built into the Go language, and the speed is really, really fast. Most importantly, it is also compatible with the Pygments method we used before.
|
|
||||||
|
|
||||||
The following verifies the rendering effect of code blocks in different languages and their correct highlighting through Hugo's built-in short code 'highlight' and 'Markodown' code blocks. For more information on optimizing syntax highlighting, please refer to the [Hugo Documentation](https://gohugo.io/getting-started/configuration-markup#highlight).
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
## Programming language
|
|
||||||
|
|
||||||
### GO
|
|
||||||
|
|
||||||
```makrdown
|
|
||||||
{{</* highlight go "linenos=table,hl_lines=8 15-17,linenostart=199" */>}}
|
|
||||||
|
|
||||||
func GetTitleFunc(style string) func(s string) string {
|
|
||||||
switch strings.ToLower(style) {
|
|
||||||
case "go":
|
|
||||||
return strings.Title
|
|
||||||
case "chicago":
|
|
||||||
return transform.NewTitleConverter(transform.ChicagoStyle)
|
|
||||||
default:
|
|
||||||
return transform.NewTitleConverter(transform.APStyle)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
{{</* / highlight */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{< highlight go "linenos=table,hl_lines=8 15-17,linenostart=199" >}}
|
|
||||||
|
|
||||||
func GetTitleFunc(style string) func(s string) string {
|
|
||||||
switch strings.ToLower(style) {
|
|
||||||
case "go":
|
|
||||||
return strings.Title
|
|
||||||
case "chicago":
|
|
||||||
return transform.NewTitleConverter(transform.ChicagoStyle)
|
|
||||||
default:
|
|
||||||
return transform.NewTitleConverter(transform.APStyle)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
{{< / highlight >}}
|
|
||||||
|
|
||||||
### Java
|
|
||||||
|
|
||||||
```java
|
|
||||||
import javax.swing.JFrame; // Importing class JFrame
|
|
||||||
import javax.swing.JLabel; // Importing class JLabel
|
|
||||||
public class HelloWorld {
|
|
||||||
public static void main(String[] args) {
|
|
||||||
JFrame frame = new JFrame(); // Creating frame
|
|
||||||
frame.setTitle("Hi!"); // Setting title frame
|
|
||||||
frame.add(new JLabel("Hello, world!"));// Adding text to frame
|
|
||||||
frame.pack(); // Setting size to smallest
|
|
||||||
frame.setLocationRelativeTo(null); // Centering frame
|
|
||||||
frame.setVisible(true); // Showing frame
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### Python
|
|
||||||
|
|
||||||
``` python
|
|
||||||
print "Hello, world!"
|
|
||||||
```
|
|
||||||
|
|
||||||
### Git Comparison
|
|
||||||
|
|
||||||
```diff {hl_lines=[4,"6-7"], linenos=true}
|
|
||||||
*** /path/to/original ''timestamp''
|
|
||||||
--- /path/to/new ''timestamp''
|
|
||||||
***************
|
|
||||||
*** 1 ****
|
|
||||||
! This is a line.
|
|
||||||
--- 1 ---
|
|
||||||
! This is a replacement line.
|
|
||||||
It is important to spell
|
|
||||||
-removed line
|
|
||||||
+new line
|
|
||||||
```
|
|
||||||
|
|
||||||
```diff {hl_lines=[4,"6-7"], linenos=false}
|
|
||||||
*** /path/to/original ''timestamp''
|
|
||||||
--- /path/to/new ''timestamp''
|
|
||||||
***************
|
|
||||||
*** 1 ****
|
|
||||||
! This is a line.
|
|
||||||
--- 1 ---
|
|
||||||
! This is a replacement line.
|
|
||||||
It is important to spell
|
|
||||||
-removed line
|
|
||||||
+new line
|
|
||||||
```
|
|
||||||
|
|
||||||
## File
|
|
||||||
|
|
||||||
### Make file
|
|
||||||
|
|
||||||
``` makefile {linenos=false}
|
|
||||||
CC=gcc
|
|
||||||
CFLAGS=-I.
|
|
||||||
|
|
||||||
hellomake: hellomake.o hellofunc.o
|
|
||||||
$(CC) -o hellomake hellomake.o hellofunc.o -I.
|
|
||||||
```
|
|
||||||
|
|
||||||
### Markdown document
|
|
||||||
|
|
||||||
``` markdown
|
|
||||||
**bold**
|
|
||||||
*italics*
|
|
||||||
[link](www.example.com)
|
|
||||||
```
|
|
||||||
|
|
||||||
## Data content
|
|
||||||
|
|
||||||
### JSON data
|
|
||||||
|
|
||||||
``` json
|
|
||||||
{"employees":[
|
|
||||||
{"firstName":"John", "lastName":"Doe"},
|
|
||||||
]}
|
|
||||||
```
|
|
||||||
|
|
||||||
### XML Content
|
|
||||||
|
|
||||||
``` xml
|
|
||||||
<employees>
|
|
||||||
<employee>
|
|
||||||
<firstName>John</firstName> <lastName>Doe</lastName>
|
|
||||||
</employee>
|
|
||||||
</employees>
|
|
||||||
```
|
|
||||||
|
|
||||||
### SQL Query
|
|
||||||
|
|
||||||
{{< highlight sql >}}
|
|
||||||
|
|
||||||
SELECT column_name,column_name
|
|
||||||
FROM
|
|
||||||
Table
|
|
||||||
WHERE column_name = "condition"
|
|
||||||
{{< / highlight >}}
|
|
||||||
|
|
||||||
### Auto guess code highlighted
|
|
||||||
|
|
||||||
```
|
|
||||||
.highlight {
|
|
||||||
|
|
||||||
//Other codes
|
|
||||||
......
|
|
||||||
|
|
||||||
> .chroma {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
|
|
||||||
//Fix code block overflow issue
|
|
||||||
pre {
|
|
||||||
overflow-wrap: break-word;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
line-break: anywhere;
|
|
||||||
word-break: break-all;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
In addition to the code highlighting listed above, it also supports highlighting in mainstream code languages such as C, C++, HTML, CSS, Shell scripts, etc., and can be tested for effectiveness on its own.
|
|
||||||
@ -1,188 +0,0 @@
|
|||||||
---
|
|
||||||
title: "Hugo 内置的 Chroma 语法高亮"
|
|
||||||
description: "描述下 Chroma 所支持的各种语法及高亮效果展示"
|
|
||||||
keywords: "Chroma,语法,高亮"
|
|
||||||
|
|
||||||
date: 2022-06-07T19:09:52+08:00
|
|
||||||
lastmod: 2022-06-07T19:09:52+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- 示例文章
|
|
||||||
- 语法
|
|
||||||
tags:
|
|
||||||
- 语法
|
|
||||||
- 高亮
|
|
||||||
- Chroma
|
|
||||||
|
|
||||||
url: demo/syntax-highlighting.html
|
|
||||||
---
|
|
||||||
|
|
||||||
Hugo 通过 Chroma 提供非常快速的语法高亮显示，现 Hugo 中使用 Chroma 作为代码块高亮支持，它内置在 Go 语言当中，速度是真的非常、非常快，而且最为重要的是它也兼容之前我们使用的 Pygments 方式。
|
|
||||||
|
|
||||||
以下通过 Hugo 内置短代码 `highlight` 和 `Markdown` 代码块方式分别验证不同语言的代码块渲染效果并能正确高亮显示，有关优化语法突出显示的更多信息，请参阅 [Hugo 文档](https://gohugo.io/getting-started/configuration-markup#highlight)。
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
## 编程语言
|
|
||||||
|
|
||||||
### GO
|
|
||||||
|
|
||||||
```makrdown
|
|
||||||
{{</* highlight go "linenos=table,hl_lines=8 15-17,linenostart=199" */>}}
|
|
||||||
|
|
||||||
func GetTitleFunc(style string) func(s string) string {
|
|
||||||
switch strings.ToLower(style) {
|
|
||||||
case "go":
|
|
||||||
return strings.Title
|
|
||||||
case "chicago":
|
|
||||||
return transform.NewTitleConverter(transform.ChicagoStyle)
|
|
||||||
default:
|
|
||||||
return transform.NewTitleConverter(transform.APStyle)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
{{</* / highlight */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{< highlight go "linenos=table,hl_lines=8 15-17,linenostart=199" >}}
|
|
||||||
|
|
||||||
func GetTitleFunc(style string) func(s string) string {
|
|
||||||
switch strings.ToLower(style) {
|
|
||||||
case "go":
|
|
||||||
return strings.Title
|
|
||||||
case "chicago":
|
|
||||||
return transform.NewTitleConverter(transform.ChicagoStyle)
|
|
||||||
default:
|
|
||||||
return transform.NewTitleConverter(transform.APStyle)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
{{< / highlight >}}
|
|
||||||
|
|
||||||
### Java
|
|
||||||
|
|
||||||
```java
|
|
||||||
import javax.swing.JFrame; //Importing class JFrame
|
|
||||||
import javax.swing.JLabel; //Importing class JLabel
|
|
||||||
public class HelloWorld {
|
|
||||||
public static void main(String[] args) {
|
|
||||||
JFrame frame = new JFrame(); //Creating frame
|
|
||||||
frame.setTitle("Hi!"); //Setting title frame
|
|
||||||
frame.add(new JLabel("Hello, world!"));//Adding text to frame
|
|
||||||
frame.pack(); //Setting size to smallest
|
|
||||||
frame.setLocationRelativeTo(null); //Centering frame
|
|
||||||
frame.setVisible(true); //Showing frame
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### Python
|
|
||||||
|
|
||||||
``` python
|
|
||||||
print "Hello, world!"
|
|
||||||
```
|
|
||||||
|
|
||||||
### Git 对比
|
|
||||||
|
|
||||||
```diff {hl_lines=[4,"6-7"], linenos=true}
|
|
||||||
*** /path/to/original ''timestamp''
|
|
||||||
--- /path/to/new ''timestamp''
|
|
||||||
***************
|
|
||||||
*** 1 ****
|
|
||||||
! This is a line.
|
|
||||||
--- 1 ---
|
|
||||||
! This is a replacement line.
|
|
||||||
It is important to spell
|
|
||||||
-removed line
|
|
||||||
+new line
|
|
||||||
```
|
|
||||||
|
|
||||||
```diff {hl_lines=[4,"6-7"], linenos=false}
|
|
||||||
*** /path/to/original ''timestamp''
|
|
||||||
--- /path/to/new ''timestamp''
|
|
||||||
***************
|
|
||||||
*** 1 ****
|
|
||||||
! This is a line.
|
|
||||||
--- 1 ---
|
|
||||||
! This is a replacement line.
|
|
||||||
It is important to spell
|
|
||||||
-removed line
|
|
||||||
+new line
|
|
||||||
```
|
|
||||||
|
|
||||||
## 文件
|
|
||||||
|
|
||||||
### Make 文件
|
|
||||||
|
|
||||||
``` makefile {linenos=false}
|
|
||||||
CC=gcc
|
|
||||||
CFLAGS=-I.
|
|
||||||
|
|
||||||
hellomake: hellomake.o hellofunc.o
|
|
||||||
$(CC) -o hellomake hellomake.o hellofunc.o -I.
|
|
||||||
```
|
|
||||||
|
|
||||||
### Markdown 文档
|
|
||||||
|
|
||||||
``` markdown
|
|
||||||
**bold**
|
|
||||||
*italics*
|
|
||||||
[link](www.example.com)
|
|
||||||
```
|
|
||||||
|
|
||||||
## 数据内容
|
|
||||||
|
|
||||||
### JSON 数据
|
|
||||||
|
|
||||||
``` json
|
|
||||||
{"employees":[
|
|
||||||
{"firstName":"John", "lastName":"Doe"},
|
|
||||||
]}
|
|
||||||
```
|
|
||||||
|
|
||||||
### XML 内容
|
|
||||||
|
|
||||||
``` xml
|
|
||||||
<employees>
|
|
||||||
<employee>
|
|
||||||
<firstName>John</firstName> <lastName>Doe</lastName>
|
|
||||||
</employee>
|
|
||||||
</employees>
|
|
||||||
```
|
|
||||||
|
|
||||||
### SQL 查询
|
|
||||||
|
|
||||||
{{< highlight sql >}}
|
|
||||||
|
|
||||||
SELECT column_name,column_name
|
|
||||||
FROM
|
|
||||||
Table
|
|
||||||
WHERE column_name = "condition"
|
|
||||||
{{< / highlight >}}
|
|
||||||
|
|
||||||
### 自动猜测代码高亮显示
|
|
||||||
|
|
||||||
```
|
|
||||||
.highlight {
|
|
||||||
|
|
||||||
//Other codes
|
|
||||||
......
|
|
||||||
|
|
||||||
> .chroma {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
|
|
||||||
//Fix code block overflow issue
|
|
||||||
pre {
|
|
||||||
overflow-wrap: break-word;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
line-break: anywhere;
|
|
||||||
word-break: break-all;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
除以上列举的代码高亮显示外，还支持诸如：C 语言、C++、HTML、CSS、Shell脚本等各主流的代码语言高亮显示，可自行测试效果。
|
|
||||||
@ -1,259 +0,0 @@
|
|||||||
---
|
|
||||||
title: Mathematical Formula Rendering
|
|
||||||
description: The theme supports mathematical formula rendering schemes for two different plugins, mathjs and katex
|
|
||||||
keywords: "math,formula"
|
|
||||||
|
|
||||||
date: 2025-01-29T20:50:02+08:00
|
|
||||||
lastmod: 2025-01-29T20:50:02+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- ThirdParty
|
|
||||||
- Mathematical
|
|
||||||
tags:
|
|
||||||
- Mathematical
|
|
||||||
- mathjax
|
|
||||||
- katex
|
|
||||||
|
|
||||||
|
|
||||||
url: "demo/math-formula.html"
|
|
||||||
math: mathjax
|
|
||||||
---
|
|
||||||
|
|
||||||
This theme supports two different schemes, `mathjax` and `katex`, and supports rendering mathematical formulas. You can choose according to your own needs.
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
In the following example, [MathJax](https://www.mathjax.org/) will be used Plan to showcase rendering effects.
|
|
||||||
|
|
||||||
{{< note info >}}
|
|
||||||
|
|
||||||
- Create a new article using the `hugo new` command;
|
|
||||||
- You can globally enable data formula rendering. Please configure the parameter `math: katex` or `math: mathjax` in the article front parameters;
|
|
||||||
- Or configure the parameter to the header of the page where mathematical formulas need to be displayed.
|
|
||||||
> reducing unnecessary resource loading consumption
|
|
||||||
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
**Attention:** Use [Supported TeX Features](https://docs.mathjax.org/en/latest/input/tex/index.html) Online reference materials.
|
|
||||||
|
|
||||||
## Example
|
|
||||||
|
|
||||||
### Insider formula
|
|
||||||
|
|
||||||
Quadratic formula:$ Ax ^ 2+bx+c=0 $(supports using ` \ $...)\$` Format of inline formulas
|
|
||||||
|
|
||||||
Quadratic formula (line break display formula) $$ax ^ 2+bx+c=0$$
|
|
||||||
|
|
||||||
The more complex formula is as follows:$ \lim^{x \to \infty}_{y \to 0}{\frac{x}{y}}$
|
|
||||||
|
|
||||||
Other inline formulas display ( _score_ _expression_ ): \(\frac{1}{2}\) (Supports inline formula effects in `\(...\)` format)
|
|
||||||
|
|
||||||
|
|
||||||
### Repeated scores
|
|
||||||
|
|
||||||
$$
|
|
||||||
\frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} \equiv 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### Sum mark
|
|
||||||
|
|
||||||
$$
|
|
||||||
\left(\sum_{k=1}^n a_k b_k \right)^2 \leq \left(\sum_{k=1}^n a_k^2 \right) \left(\sum_{k=1}^n b_k^2 \right)
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### Sum of geometric series
|
|
||||||
|
|
||||||
I have divided the next two examples into several lines so that they perform better on mobile phones. That's why they contain '\ display style'. Alternatively, truncation can be performed using syntax similar to '\ showlines {x=a+b \ \ y=b+c}', as detailed in: [mathjax-issues2312](https://github.com/mathjax/MathJax/issues/2312)
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle\sum_{i=1}^{k+1}i
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle= \left(\sum_{i=1}^ {k}i \right) +(k+1)
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle= \frac{k(k+1)}{2}+k+1
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle= \frac{k(k+1)+2(k+1)}{2}
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle= \frac{(k+1)(k+2)}{2}
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle= \frac{(k+1)((k+1)+1)}{2}
|
|
||||||
$$
|
|
||||||
|
|
||||||
### Riding symbols
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle 1 + \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots =
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle \prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})},
|
|
||||||
\displaystyle\text{ for }\lvert q\rvert < 1.
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### Random number formula
|
|
||||||
|
|
||||||
These are some linear mathematics:$ k_{n+1} = n^2 + k_n^2 - k_{n-1} $ ， Then there are more texts.
|
|
||||||
|
|
||||||
|
|
||||||
### Greek alphabet
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaylines{\Gamma\ \Delta\ \Theta\ \Lambda\ \Xi\ \Pi\ \Sigma\ \Upsilon\ \Phi\ \Psi\ \Omega
|
|
||||||
\alpha\ \beta\ \gamma\ \delta\ \epsilon\ \zeta\ \\\\ \eta\ \theta\ \iota\ \kappa\ \lambda\ \mu\ \nu\ \xi \ \omicron\ \pi\ \rho\ \sigma\ \tau\ \upsilon\ \phi\ \chi\ \psi\ \omega\ \varepsilon\ \vartheta\ \varpi\ \varrho\ \varsigma\ \varphi}
|
|
||||||
$$
|
|
||||||
|
|
||||||
### Arrow
|
|
||||||
|
|
||||||
$$
|
|
||||||
\gets\ \to\ \leftarrow\ \rightarrow\ \uparrow\ \Uparrow\ \downarrow\ \Downarrow\ \updownarrow\ \Updownarrow
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaylines{\Leftarrow\ \Rightarrow\ \leftrightarrow\ \Leftrightarrow\ \mapsto\ \hookleftarrow
|
|
||||||
\leftharpoonup\ \leftharpoondown\ \\\\\ \rightleftharpoons\ \longleftarrow\ \Longleftarrow\ \longrightarrow}
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\Longrightarrow\ \longleftrightarrow\ \Longleftrightarrow\ \longmapsto\ \hookrightarrow\ \rightharpoonup
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\rightharpoondown\ \leadsto\ \nearrow\ \searrow\ \swarrow\ \nwarrow
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
## Symbols
|
|
||||||
|
|
||||||
$$
|
|
||||||
\surd\ \barwedge\ \veebar\ \odot\ \oplus\ \otimes\ \oslash\ \circledcirc\ \boxdot\ \bigtriangleup
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\bigtriangledown\ \dagger\ \diamond\ \star\ \triangleleft\ \triangleright\ \angle\ \infty\ \prime\ \triangle
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### Calculus
|
|
||||||
|
|
||||||
$$
|
|
||||||
\int u \frac{dv}{dx}\,dx=uv-\int \frac{du} {dx}v \, dx
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x}
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\oint \vec{F} \cdot d\vec{s}=0
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### Lorenz equation
|
|
||||||
|
|
||||||
$$
|
|
||||||
\begin{aligned} \dot{x} & = \sigma(y-x) \\\\ \dot{y} & = \rho x - y - xz \\\\ \dot{z} & = -\beta z + xy \end{aligned}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### Cross product
|
|
||||||
|
|
||||||
This is feasible in KaTeX, but the separation of fractions is not very good in this environment.
|
|
||||||
|
|
||||||
$$
|
|
||||||
\mathbf {V}_1 \times \mathbf {V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\\\ \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\\\ \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \end{vmatrix}
|
|
||||||
$$
|
|
||||||
|
|
||||||
Here is a solution: use additional classes of the "mfrac" class (no difference in the case of MathJax) to make the score smaller:
|
|
||||||
|
|
||||||
$$
|
|
||||||
\mathbf {V}_1 \times \mathbf {V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\\\ \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\\\ \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \end{vmatrix}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
## Emphasize
|
|
||||||
|
|
||||||
$$
|
|
||||||
\hat{x}\ \vec{x}\ \ddot{x}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### Elastic parentheses
|
|
||||||
|
|
||||||
$$
|
|
||||||
\left(\frac{x^2}{y^3}\right)
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### Scope of evaluation
|
|
||||||
|
|
||||||
$$
|
|
||||||
\left. \frac{x^3}{3}\right|_0^1
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### Diagnostic criteria
|
|
||||||
|
|
||||||
$$
|
|
||||||
f(n) = \begin{cases} \frac{n}{2}, & \text{if } n\text{ is even} \\\\ 3n+1, & \text{if } n\text{ is odd} \end{cases}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### Maxwell's equations system
|
|
||||||
|
|
||||||
$$
|
|
||||||
\begin{aligned} \nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} & = \frac{4\pi}{c}\vec{\mathbf{j}} \\\\ \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\\\ \nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \\\\ \nabla \cdot \vec{\mathbf{B}} & = 0 \end{aligned}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
## Statistics
|
|
||||||
|
|
||||||
Fixed phrases:$$ \frac{n!}{k!(n-k)!} = {^n}C_k{n \choose k}$$
|
|
||||||
|
|
||||||
### Score in Score
|
|
||||||
|
|
||||||
$$
|
|
||||||
\frac{\frac{1}{x}+\frac{1}{y}}{y-z}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### Nth root
|
|
||||||
|
|
||||||
$$
|
|
||||||
\sqrt[n]{1+x+x^2+x^3+\ldots}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### Matrix
|
|
||||||
|
|
||||||
$$
|
|
||||||
\begin{pmatrix} a_{11} & a_{12} & a_{13}\\\\ a_{21} & a_{22} & a_{23}\\\\ a_{31} & a_{32} & a_{33} \end{pmatrix}
|
|
||||||
\begin{bmatrix} 0 & \cdots & 0 \\\\ \vdots & \ddots & \vdots \\\\ 0 & \cdots & 0 \end{bmatrix}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
## Punctuation marks
|
|
||||||
|
|
||||||
$$
|
|
||||||
f(x) = \sqrt{1+x} \quad (x \ge -1)
|
|
||||||
f(x) \sim x^2 \quad (x\to\infty)
|
|
||||||
$$
|
|
||||||
|
|
||||||
Now use punctuation marks:
|
|
||||||
|
|
||||||
$$
|
|
||||||
f(x) = \sqrt{1+x}, \quad x \ge -1
|
|
||||||
f(x) \sim x^2, \quad x\to\infty
|
|
||||||
$$
|
|
||||||
@ -1,258 +0,0 @@
|
|||||||
---
|
|
||||||
title: "数学公式渲染"
|
|
||||||
description: "主题支持mathjs和katex两种不同插件的数学公式渲染方案。"
|
|
||||||
keywords: "math,formula"
|
|
||||||
|
|
||||||
date: 2022-09-11T10:16:02+08:00
|
|
||||||
lastmod: 2024-12-12T18:48:32+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- 第三方引入
|
|
||||||
- 数学公式
|
|
||||||
tags:
|
|
||||||
- 数学公式
|
|
||||||
- mathjax
|
|
||||||
- katex
|
|
||||||
|
|
||||||
|
|
||||||
url: "demo/math-formula.html"
|
|
||||||
math: mathjax
|
|
||||||
---
|
|
||||||
|
|
||||||
本主题支持 `mathjax` 和 `katex` 两种不的方案支持数学公式的渲染，可根据自已的需求进行选择。
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
接下的示例中，将使用 [MathJax](https://www.mathjax.org/) 方案来展示渲染效果。
|
|
||||||
|
|
||||||
{{< note info >}}
|
|
||||||
|
|
||||||
- 使用 `hugo new` 命令创建一篇新的文章
|
|
||||||
- 可以全局启用数据公式渲染，请在项目配置参数 `math: katex` 或 `math: mathjax`
|
|
||||||
- 或是将该参数配置到需要显示数学公式的页面头部（减少不必要的资源加载消耗）
|
|
||||||
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
**注意：** 使用[支持的TeX功能](https://docs.mathjax.org/en/latest/input/tex/index.html)的联机参考资料。
|
|
||||||
|
|
||||||
## 例子
|
|
||||||
|
|
||||||
### 内行公式
|
|
||||||
|
|
||||||
二次公式： $ax^2 + bx + c = 0$ （支持用`\$....\$`格式的行内公式）
|
|
||||||
|
|
||||||
二次公式（换行显示公式） $$ax^2 + bx + c = 0$$
|
|
||||||
|
|
||||||
更加复杂公式是这样的: $\lim^{x \to \infty}_{y \to 0}{\frac{x}{y}}$
|
|
||||||
|
|
||||||
其它内联公式显示（分数表达 ）：\(\frac{1}{2}\)（支持用`\(...\)`格式的行内公式效果）
|
|
||||||
|
|
||||||
|
|
||||||
### 重复的分数
|
|
||||||
|
|
||||||
$$
|
|
||||||
\frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} \equiv 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### 总和记号
|
|
||||||
|
|
||||||
$$
|
|
||||||
\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### 几何级数之和
|
|
||||||
|
|
||||||
我把接下来的两个例子分成了几行，这样它在手机上表现得更好。这就是为什么它们包含 `\displaystyle`。或者可使用类似 `\displaylines{x = a + b \\\ y = b + c}` 语法进行截断，具体信息可见：[mathjax-issues2312](https://github.com/mathjax/MathJax/issues/2312)
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle\sum_{i=1}^{k+1}i
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle= \left(\sum_{i=1}^{k}i\right) +(k+1)
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle= \frac{k(k+1)}{2}+k+1
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle= \frac{k(k+1)+2(k+1)}{2}
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle= \frac{(k+1)(k+2)}{2}
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle= \frac{(k+1)((k+1)+1)}{2}
|
|
||||||
$$
|
|
||||||
|
|
||||||
### 乘记号
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle 1 + \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots =
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaystyle \prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})},
|
|
||||||
\displaystyle\text{ for }\lvert q\rvert < 1.
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### 随文数式
|
|
||||||
|
|
||||||
这是一些线性数学: $ k_{n+1} = n^2 + k_n^2 - k_{n-1} $ ， 然后是更多的文本。
|
|
||||||
|
|
||||||
|
|
||||||
### 希腊字母
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaylines{\Gamma\ \Delta\ \Theta\ \Lambda\ \Xi\ \Pi\ \Sigma\ \Upsilon\ \Phi\ \Psi\ \Omega
|
|
||||||
\alpha\ \beta\ \gamma\ \delta\ \epsilon\ \zeta\ \\\\ \eta\ \theta\ \iota\ \kappa\ \lambda\ \mu\ \nu\ \xi \ \omicron\ \pi\ \rho\ \sigma\ \tau\ \upsilon\ \phi\ \chi\ \psi\ \omega\ \varepsilon\ \vartheta\ \varpi\ \varrho\ \varsigma\ \varphi}
|
|
||||||
$$
|
|
||||||
|
|
||||||
### 箭头
|
|
||||||
|
|
||||||
$$
|
|
||||||
\gets\ \to\ \leftarrow\ \rightarrow\ \uparrow\ \Uparrow\ \downarrow\ \Downarrow\ \updownarrow\ \Updownarrow
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\displaylines{\Leftarrow\ \Rightarrow\ \leftrightarrow\ \Leftrightarrow\ \mapsto\ \hookleftarrow
|
|
||||||
\leftharpoonup\ \leftharpoondown\ \\\\\ \rightleftharpoons\ \longleftarrow\ \Longleftarrow\ \longrightarrow}
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\Longrightarrow\ \longleftrightarrow\ \Longleftrightarrow\ \longmapsto\ \hookrightarrow\ \rightharpoonup
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\rightharpoondown\ \leadsto\ \nearrow\ \searrow\ \swarrow\ \nwarrow
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
## 符号
|
|
||||||
|
|
||||||
$$
|
|
||||||
\surd\ \barwedge\ \veebar\ \odot\ \oplus\ \otimes\ \oslash\ \circledcirc\ \boxdot\ \bigtriangleup
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\bigtriangledown\ \dagger\ \diamond\ \star\ \triangleleft\ \triangleright\ \angle\ \infty\ \prime\ \triangle
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### 微积分学
|
|
||||||
|
|
||||||
$$
|
|
||||||
\int u \frac{dv}{dx}\,dx=uv-\int \frac{du}{dx}v\,dx
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x}
|
|
||||||
$$
|
|
||||||
|
|
||||||
$$
|
|
||||||
\oint \vec{F} \cdot d\vec{s}=0
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### 洛伦茨方程
|
|
||||||
|
|
||||||
$$
|
|
||||||
\begin{aligned} \dot{x} & = \sigma(y-x) \\\\ \dot{y} & = \rho x - y - xz \\\\ \dot{z} & = -\beta z + xy \end{aligned}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### 交叉乘积
|
|
||||||
|
|
||||||
这在KaTeX中是可行的，但在这种环境中馏分的分离不是很好。
|
|
||||||
|
|
||||||
$$
|
|
||||||
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\\\ \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\\\ \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \end{vmatrix}
|
|
||||||
$$
|
|
||||||
|
|
||||||
这里有一个解决方案:使用“mfrac”类(在MathJax情况下没有区别)的额外类使分数更小:
|
|
||||||
|
|
||||||
$$
|
|
||||||
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\\\ \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\\\ \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \end{vmatrix}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
## 强调
|
|
||||||
|
|
||||||
$$
|
|
||||||
\hat{x}\ \vec{x}\ \ddot{x}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### 有弹性的括号
|
|
||||||
|
|
||||||
$$
|
|
||||||
\left(\frac{x^2}{y^3}\right)
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### 评估范围
|
|
||||||
|
|
||||||
$$
|
|
||||||
\left.\frac{x^3}{3}\right|_0^1
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### 诊断标准
|
|
||||||
|
|
||||||
$$
|
|
||||||
f(n) = \begin{cases} \frac{n}{2}, & \text{if } n\text{ is even} \\\\ 3n+1, & \text{if } n\text{ is odd} \end{cases}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### 麦克斯韦方程组
|
|
||||||
|
|
||||||
$$
|
|
||||||
\begin{aligned} \nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} & = \frac{4\pi}{c}\vec{\mathbf{j}} \\\\ \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\\\ \nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \\\\ \nabla \cdot \vec{\mathbf{B}} & = 0 \end{aligned}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
## 统计学
|
|
||||||
|
|
||||||
固定词组：$$\frac{n!}{k!(n-k)!} = {^n}C_k{n \choose k}$$
|
|
||||||
|
|
||||||
### 分数在分数
|
|
||||||
|
|
||||||
$$
|
|
||||||
\frac{\frac{1}{x}+\frac{1}{y}}{y-z}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### ｎ次方根
|
|
||||||
|
|
||||||
$$
|
|
||||||
\sqrt[n]{1+x+x^2+x^3+\ldots}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
### 矩阵
|
|
||||||
|
|
||||||
$$
|
|
||||||
\begin{pmatrix} a_{11} & a_{12} & a_{13}\\\\ a_{21} & a_{22} & a_{23}\\\\ a_{31} & a_{32} & a_{33} \end{pmatrix}
|
|
||||||
\begin{bmatrix} 0 & \cdots & 0 \\\\ \vdots & \ddots & \vdots \\\\ 0 & \cdots & 0 \end{bmatrix}
|
|
||||||
$$
|
|
||||||
|
|
||||||
|
|
||||||
## 标点符号
|
|
||||||
|
|
||||||
$$
|
|
||||||
f(x) = \sqrt{1+x} \quad (x \ge -1)
|
|
||||||
f(x) \sim x^2 \quad (x\to\infty)
|
|
||||||
$$
|
|
||||||
|
|
||||||
现在用标点符号:
|
|
||||||
|
|
||||||
$$
|
|
||||||
f(x) = \sqrt{1+x}, \quad x \ge -1
|
|
||||||
f(x) \sim x^2, \quad x\to\infty
|
|
||||||
$$
|
|
||||||
@ -1,193 +0,0 @@
|
|||||||
---
|
|
||||||
Title: "Mermaid Support Flowchart"
|
|
||||||
keywords: "mermaid,flow,chart"
|
|
||||||
|
|
||||||
date: 2025-01-29T21:01:13+08:00
|
|
||||||
lastmod: 2025-01-29T21:01:13+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- ThirdParty
|
|
||||||
- DiagramSequence
|
|
||||||
tags:
|
|
||||||
- ProcessDiagram
|
|
||||||
- TimingDiagram
|
|
||||||
|
|
||||||
url: "demo/mermaid-charts.html"
|
|
||||||
toc: true
|
|
||||||
---
|
|
||||||
|
|
||||||
|
|
||||||
This theme now supports the use of `Mermaid` to draw flowcharts, sequence diagrams, Gantt charts, state diagrams, relationship diagrams, and more in plain text format. With the gradual development of `Mermaid`, various types of diagrams will be introduced in the future. For more types and usage methods, please follow its official website:[https://mermaid-js.github.io/](https://mermaid-js.github.io/).
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
## Instructions for use
|
|
||||||
|
|
||||||
{{< note info >}}
|
|
||||||
|
|
||||||
- Create a new article using the `hugo new` command
|
|
||||||
- Write various types of diagrams using short code, with 2 built-in parameters: Align and bc (background color) can refer to the following usage examples
|
|
||||||
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
## Process diagram
|
|
||||||
|
|
||||||
```shell
|
|
||||||
{{</* mermaid align="left" */>}}
|
|
||||||
graph TD;
|
|
||||||
A-->B;
|
|
||||||
A-->C;
|
|
||||||
B-->D;
|
|
||||||
C-->D;
|
|
||||||
{{</* /mermaid */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{< mermaid align="left" >}}
|
|
||||||
graph TD;
|
|
||||||
A-->B;
|
|
||||||
A-->C;
|
|
||||||
B-->D;
|
|
||||||
C-->D;
|
|
||||||
{{< /mermaid >}}
|
|
||||||
|
|
||||||
## Timing diagram
|
|
||||||
|
|
||||||
```shell
|
|
||||||
{{</* mermaid bc="#eee" */>}}
|
|
||||||
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 <br/>prevail!
|
|
||||||
John-->>Alice: Great!
|
|
||||||
John->>Bob: How about you?
|
|
||||||
Bob-->>John: Jolly good!
|
|
||||||
{{</* /mermaid */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{< mermaid bc="#eee" >}}
|
|
||||||
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 <br/>prevail!
|
|
||||||
John-->>Alice: Great!
|
|
||||||
John->>Bob: How about you?
|
|
||||||
Bob-->>John: Jolly good!
|
|
||||||
{{< /mermaid >}}
|
|
||||||
|
|
||||||
## Class diagram
|
|
||||||
|
|
||||||
```shell
|
|
||||||
{{</* 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 */>}}
|
|
||||||
```
|
|
||||||
{{< 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 >}}
|
|
||||||
|
|
||||||
## Gantt Chart
|
|
||||||
|
|
||||||
```shell
|
|
||||||
{{</* mermaid */>}}
|
|
||||||
gantt
|
|
||||||
dateFormat YYYY-MM-DD
|
|
||||||
title Adding GANTT diagram to mermaid
|
|
||||||
excludes weekdays 2014-01-10
|
|
||||||
|
|
||||||
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
|
|
||||||
{{</* /mermaid */>}}
|
|
||||||
```
|
|
||||||
{{< mermaid >}}
|
|
||||||
gantt
|
|
||||||
dateFormat YYYY-MM-DD
|
|
||||||
title Adding GANTT diagram to mermaid
|
|
||||||
excludes weekdays 2014-01-10
|
|
||||||
|
|
||||||
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
|
|
||||||
{{< /mermaid >}}
|
|
||||||
|
|
||||||
## Entity Relationship Diagram
|
|
||||||
|
|
||||||
```shell
|
|
||||||
{{</* mermaid */>}}
|
|
||||||
erDiagram
|
|
||||||
CUSTOMER ||--o{ ORDER : places
|
|
||||||
ORDER ||--|{ LINE-ITEM : contains
|
|
||||||
CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
|
|
||||||
{{</* /mermaid */>}}
|
|
||||||
```
|
|
||||||
{{< mermaid >}}
|
|
||||||
erDiagram
|
|
||||||
CUSTOMER ||--o{ ORDER : places
|
|
||||||
ORDER ||--|{ LINE-ITEM : contains
|
|
||||||
CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
|
|
||||||
{{< /mermaid >}}
|
|
||||||
|
|
||||||
## User Journey
|
|
||||||
|
|
||||||
```shell
|
|
||||||
{{</* mermaid */>}}
|
|
||||||
journey
|
|
||||||
title My working day
|
|
||||||
section Go to work
|
|
||||||
Make tea: 5: Me
|
|
||||||
Go upstairs: 3: Me
|
|
||||||
Do work: 1: Me, Cat
|
|
||||||
section Go home
|
|
||||||
Go downstairs: 5: Me
|
|
||||||
Sit down: 5: Me
|
|
||||||
{{</* /mermaid */>}}
|
|
||||||
```
|
|
||||||
{{< mermaid >}}
|
|
||||||
journey
|
|
||||||
title My working day
|
|
||||||
section Go to work
|
|
||||||
Make tea: 5: Me
|
|
||||||
Go upstairs: 3: Me
|
|
||||||
Do work: 1: Me, Cat
|
|
||||||
section Go home
|
|
||||||
Go downstairs: 5: Me
|
|
||||||
Sit down: 5: Me
|
|
||||||
{{< /mermaid >}}
|
|
||||||
@ -1,193 +0,0 @@
|
|||||||
---
|
|
||||||
title: "Mermaid支持流程图"
|
|
||||||
keywords: "mermaid,flow,chart"
|
|
||||||
|
|
||||||
date: 2022-09-18T20:58:13+08:00
|
|
||||||
lastmod: 2022-09-18T20:58:13+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- 第三方引入
|
|
||||||
- 图序功能
|
|
||||||
tags:
|
|
||||||
- 流程图
|
|
||||||
- 时序图
|
|
||||||
|
|
||||||
url: "demo/mermaid-charts.html"
|
|
||||||
toc: true
|
|
||||||
---
|
|
||||||
|
|
||||||
|
|
||||||
本主题已支持 `Mermaid` 实现以纯文本的方式绘制流程图、序列图、甘特图、状态图、关系图行等等，随着 `Mermaid` 也在逐步发展，后续还会有各种各样的图被引入进来，更多的类型及使用方式可关注其官方网站：[https://mermaid-js.github.io/](https://mermaid-js.github.io/)。
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
## 使用说明
|
|
||||||
|
|
||||||
{{< note info >}}
|
|
||||||
|
|
||||||
- 通过 `hugo new` 命令创建一篇新的文章
|
|
||||||
- 使用短代码书写各种类型的图，自带2个参数： align（对齐） 和 bc（背景色），可参考如下使用示例
|
|
||||||
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
## 流程图
|
|
||||||
|
|
||||||
```shell
|
|
||||||
{{</* mermaid align="left" */>}}
|
|
||||||
graph TD;
|
|
||||||
A-->B;
|
|
||||||
A-->C;
|
|
||||||
B-->D;
|
|
||||||
C-->D;
|
|
||||||
{{</* /mermaid */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{< mermaid align="left" >}}
|
|
||||||
graph TD;
|
|
||||||
A-->B;
|
|
||||||
A-->C;
|
|
||||||
B-->D;
|
|
||||||
C-->D;
|
|
||||||
{{< /mermaid >}}
|
|
||||||
|
|
||||||
## 时序图
|
|
||||||
|
|
||||||
```shell
|
|
||||||
{{</* mermaid bc="#eee" */>}}
|
|
||||||
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 <br/>prevail!
|
|
||||||
John-->>Alice: Great!
|
|
||||||
John->>Bob: How about you?
|
|
||||||
Bob-->>John: Jolly good!
|
|
||||||
{{</* /mermaid */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{< mermaid bc="#eee" >}}
|
|
||||||
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 <br/>prevail!
|
|
||||||
John-->>Alice: Great!
|
|
||||||
John->>Bob: How about you?
|
|
||||||
Bob-->>John: Jolly good!
|
|
||||||
{{< /mermaid >}}
|
|
||||||
|
|
||||||
## 类图
|
|
||||||
|
|
||||||
```shell
|
|
||||||
{{</* 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 */>}}
|
|
||||||
```
|
|
||||||
{{< 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 >}}
|
|
||||||
|
|
||||||
## 甘特图
|
|
||||||
|
|
||||||
```shell
|
|
||||||
{{</* mermaid */>}}
|
|
||||||
gantt
|
|
||||||
dateFormat YYYY-MM-DD
|
|
||||||
title Adding GANTT diagram to mermaid
|
|
||||||
excludes weekdays 2014-01-10
|
|
||||||
|
|
||||||
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
|
|
||||||
{{</* /mermaid */>}}
|
|
||||||
```
|
|
||||||
{{< mermaid >}}
|
|
||||||
gantt
|
|
||||||
dateFormat YYYY-MM-DD
|
|
||||||
title Adding GANTT diagram to mermaid
|
|
||||||
excludes weekdays 2014-01-10
|
|
||||||
|
|
||||||
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
|
|
||||||
{{< /mermaid >}}
|
|
||||||
|
|
||||||
## 实体关系图
|
|
||||||
|
|
||||||
```shell
|
|
||||||
{{</* mermaid */>}}
|
|
||||||
erDiagram
|
|
||||||
CUSTOMER ||--o{ ORDER : places
|
|
||||||
ORDER ||--|{ LINE-ITEM : contains
|
|
||||||
CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
|
|
||||||
{{</* /mermaid */>}}
|
|
||||||
```
|
|
||||||
{{< mermaid >}}
|
|
||||||
erDiagram
|
|
||||||
CUSTOMER ||--o{ ORDER : places
|
|
||||||
ORDER ||--|{ LINE-ITEM : contains
|
|
||||||
CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
|
|
||||||
{{< /mermaid >}}
|
|
||||||
|
|
||||||
## 用户旅程
|
|
||||||
|
|
||||||
```shell
|
|
||||||
{{</* mermaid */>}}
|
|
||||||
journey
|
|
||||||
title My working day
|
|
||||||
section Go to work
|
|
||||||
Make tea: 5: Me
|
|
||||||
Go upstairs: 3: Me
|
|
||||||
Do work: 1: Me, Cat
|
|
||||||
section Go home
|
|
||||||
Go downstairs: 5: Me
|
|
||||||
Sit down: 5: Me
|
|
||||||
{{</* /mermaid */>}}
|
|
||||||
```
|
|
||||||
{{< mermaid >}}
|
|
||||||
journey
|
|
||||||
title My working day
|
|
||||||
section Go to work
|
|
||||||
Make tea: 5: Me
|
|
||||||
Go upstairs: 3: Me
|
|
||||||
Do work: 1: Me, Cat
|
|
||||||
section Go home
|
|
||||||
Go downstairs: 5: Me
|
|
||||||
Sit down: 5: Me
|
|
||||||
{{< /mermaid >}}
|
|
||||||
@ -1,156 +0,0 @@
|
|||||||
---
|
|
||||||
title: "Custom shortcode example"
|
|
||||||
description: "Set commonly used block references, label cards, buttons, and other information as short codes for quick referencing"
|
|
||||||
Keywords: "short code, short code"
|
|
||||||
|
|
||||||
date: 2025-01-29T21:08:50+08:00
|
|
||||||
lastmod: 2025-01-29T21:08:50+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- Example
|
|
||||||
- Grammar
|
|
||||||
tags:
|
|
||||||
- ShortCode
|
|
||||||
- Grammar
|
|
||||||
url: "demo/shortcodes.html"
|
|
||||||
toc: true
|
|
||||||
---
|
|
||||||
|
|
||||||
Although the `Markdown` syntax is already very rich and can meet the vast majority of our writing needs, in order to better layout the content of the article in a more friendly way, a set of custom phrases has been designed for citation, which can be quickly referenced when used.
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
## Block reference
|
|
||||||
|
|
||||||
When quoting some classic quotes, this phrase can be used. The grammar reference is as follows:
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
{{</* quote */>}}
|
|
||||||
|
|
||||||
### block quote
|
|
||||||
|
|
||||||
Write down the words you want to express!
|
|
||||||
{{</* /quote */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
Actual effect:
|
|
||||||
|
|
||||||
{{< quote >}}
|
|
||||||
|
|
||||||
Hope is indifferent to existence, indifferent to nothingness, just like the road on earth.
|
|
||||||
|
|
||||||
|
|
||||||
In fact, there is no road on the ground, and with more people walking, it becomes a road.
|
|
||||||
|
|
||||||
**Lu Xun**
|
|
||||||
|
|
||||||
{{< /quote >}}
|
|
||||||
|
|
||||||
## Information Block
|
|
||||||
|
|
||||||
Support 'default'` The presentation of five different effects, including info, success, warning, and danger, with the following syntax reference:
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
{{</* note [class] [no-icon] */>}}
|
|
||||||
Write and express information
|
|
||||||
Support Markdown syntax
|
|
||||||
{{</* /note */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
Actual effect:
|
|
||||||
|
|
||||||
{{< note default no-icon >}}
|
|
||||||
|
|
||||||
### Default Header without icon
|
|
||||||
|
|
||||||
**Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
{{< note default >}}
|
|
||||||
### Default Header
|
|
||||||
**Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
{{< note primary >}}
|
|
||||||
### Primary Header
|
|
||||||
**Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
{{< note info >}}
|
|
||||||
### Info Header
|
|
||||||
**Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
{{< note success >}}
|
|
||||||
### Success Header
|
|
||||||
**Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
{{< note warning >}}
|
|
||||||
### Warning Header
|
|
||||||
**Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
{{< note danger >}}
|
|
||||||
### Danger Header
|
|
||||||
**Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
|
|
||||||
## Bilibili video
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
{{</* bilibili BV1Sx411T7QQ */>}}
|
|
||||||
perhaps
|
|
||||||
{{</* bilibili id=BV1Sx411T7QQ */>}}
|
|
||||||
```
|
|
||||||
{{< bilibili id=BV1Sx411T7QQ >}}
|
|
||||||
|
|
||||||
## Music player
|
|
||||||
|
|
||||||
Based on [Player](https://github.com/DIYgod/APlayer) And [MatingJS](https://github.com/metowolf/MetingJS) The library implements a responsive music player embedded in the meeting, with automatically recognized music platform URLs, including:` Netease, Tencent, Kugou, Baidu, and Xiami platforms also support user-defined music sources. Other relevant parameter explanations are as follows:
|
|
||||||
|
|
||||||
|Parameter Name | Default | Description|
|
|
||||||
| :----: | :------: | :--- |
|
|
||||||
| **id** | _Required_ | Music ID, which is the unique identifier of the music on the music platform |
|
|
||||||
| **server** | _Required_ | Music platform, supports `netease`、 `tencent`、 `kugou`、 `baidu` and `xiami` |
|
|
||||||
| **type** | _Required_ | Play type, currently supports `song` 、 `playlist`、 `album`、 `search` and `artist` |
|
|
||||||
| **auto** | _Optional_ | Music address, only supports the platform in the server parameter |
|
|
||||||
| **theme** | `#448aff` | The theme color of the player defaults to `#448aff` |
|
|
||||||
| **url** | Empty |Custom music source URL, default to empty |
|
|
||||||
| **name** | Empty | Music name, default to empty |
|
|
||||||
| **artist** | Empty | Music author, default to empty |
|
|
||||||
| **cover** | Empty | Music cover URL, default to empty |
|
|
||||||
| **fixed** | `false` | Fixed player, default to `false` |
|
|
||||||
| **mini** | `false` | Display mini player, default to `false` |
|
|
||||||
| **autoplay** | `false` | Autoplay the music, default to `false` |
|
|
||||||
| **loop** | `all` | Loop playback, supports `all`、`one` and `none`，default to `all` |
|
|
||||||
| **order** | `list` | Play order `list` and `random`，default to `list` |
|
|
||||||
| **volume** | `0.7` | Volume, default is `0.7` |
|
|
||||||
| **mutex** | `true` | When multiple pieces of music are playing, should only the current player be turned on，default to `true` |
|
|
||||||
| **list-folded** | `false` | List collapse, default is `false` |
|
|
||||||
| **list-max-height** | `340px` | The maximum height of the list is 340px by default |
|
|
||||||
|
|
||||||
### Single playback
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
{{</* music theme="#2980b9" server="tencent" type="song" id="002u4ZTb0CXmJA" mini="true" */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{< music theme="#2980b9" server="tencent" type="song" id="002u4ZTb0CXmJA" mini="true" >}}
|
|
||||||
|
|
||||||
### List playback
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
{{</* music server="netease" type="playlist" id="1982066521" list-max-height="140" */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{< music server="netease" type="playlist" id="1982066521" list-max-height="140" >}}
|
|
||||||
|
|
||||||
### Customize music source
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
{{</* music url="/music/sky.mp3" name="Sky City" artist="Hayao Miyazaki" cover="/music/gongqijun.jpg" autoplay="true" */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{< music url="/music/sky.mp3" name="City of the Sky" artist="Hayao Miyazaki" cover="/music/gongqijun.jpg" autoplay="true" >}}
|
|
||||||
@ -1,152 +0,0 @@
|
|||||||
---
|
|
||||||
title: "自定义短语示例"
|
|
||||||
description: "将常用的块引用、标签卡、按钮等信息设置成短代码，便于快速引用"
|
|
||||||
keywords: "shortcode,短代码"
|
|
||||||
|
|
||||||
date: 2022-08-06T14:41:50+08:00
|
|
||||||
lastmod: 2022-08-06T14:41:50+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- 示例文章
|
|
||||||
- 语法
|
|
||||||
tags:
|
|
||||||
- 短代码
|
|
||||||
- 语法
|
|
||||||
url: "demo/shortcodes.html"
|
|
||||||
toc: true
|
|
||||||
---
|
|
||||||
|
|
||||||
虽然 `Markdown` 语法已经非常丰富能够满足我们写文章的绝大部分需求，但是为更好的对文章内容进行更友好的排版，为引设计一套自定义的短语，便于在使用时能够快速引用。
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
## 块引用
|
|
||||||
|
|
||||||
在引用一些经典名言名句时，可以采用此短语，语法参考如下：
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
{{</* quote */>}}
|
|
||||||
### block quote
|
|
||||||
写下你想表达的话语！
|
|
||||||
{{</* /quote */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
实际效果：
|
|
||||||
|
|
||||||
{{< quote >}}
|
|
||||||
|
|
||||||
希望是无所谓有，无所谓无的，这正如地上的路。
|
|
||||||
|
|
||||||
|
|
||||||
其实地上本没有路，走的人多了，也便成了路。
|
|
||||||
|
|
||||||
**鲁迅**
|
|
||||||
|
|
||||||
{{< /quote >}}
|
|
||||||
|
|
||||||
## 信息块
|
|
||||||
|
|
||||||
支持 `default`，`info`，`success`，`warning`，`danger` 等五种不同效果的展示，语法参考如下：
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
{{</* note [class] [no-icon] */>}}
|
|
||||||
书写表达的信息
|
|
||||||
支持 Markdown 语法
|
|
||||||
{{</* /note */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
实际效果：
|
|
||||||
|
|
||||||
{{< note default no-icon >}}
|
|
||||||
### Default Header without icon
|
|
||||||
**Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
{{< note default >}}
|
|
||||||
### Default Header
|
|
||||||
**Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
{{< note primary >}}
|
|
||||||
### Primary Header
|
|
||||||
**Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
{{< note info >}}
|
|
||||||
### Info Header
|
|
||||||
**Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
{{< note success >}}
|
|
||||||
### Success Header
|
|
||||||
**Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
{{< note warning >}}
|
|
||||||
### Warning Header
|
|
||||||
**Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
{{< note danger >}}
|
|
||||||
### Danger Header
|
|
||||||
**Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
|
|
||||||
{{< /note >}}
|
|
||||||
|
|
||||||
|
|
||||||
## Bilibili 视频
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
{{</* bilibili BV1Sx411T7QQ */>}}
|
|
||||||
或者
|
|
||||||
{{</* bilibili id=BV1Sx411T7QQ */>}}
|
|
||||||
```
|
|
||||||
{{< bilibili id=BV1Sx411T7QQ >}}
|
|
||||||
|
|
||||||
## 音乐播放器
|
|
||||||
|
|
||||||
基于[APlayer](https://github.com/DIYgod/APlayer)和[MetingJS](https://github.com/metowolf/MetingJS)库实现见面内嵌的响应式音乐播放器，自动识别的音乐平台URL，包括：`netease`、 `tencent`、 `kugou`、 `baidu` 和 `xiami` 平台，也可以支持用户自定义的音乐源。其他相关的参数说明如下：
|
|
||||||
|
|
||||||
| 参数名 | 默认 | 说明 |
|
|
||||||
| :----: | :------: | :--- |
|
|
||||||
| **id** | _必选_ | 音乐 ID，即音乐在音乐平台的唯一标识符 |
|
|
||||||
| **server** | _必选_ | 音乐平台，支持 `netease`、 `tencent`、 `kugou`、 `baidu` 和 `xiami` 平台 |
|
|
||||||
| **type** | _必选_ | 播放类型，目前支持 `song` 、 `playlist`、 `album`、 `search` 和 `artist` 类型 |
|
|
||||||
| **auto** | _可选_ | 音乐的地址，仅支持 server 参数中的平台 |
|
|
||||||
| **theme** | `#448aff` | 播放器的主题色，默认为 `#448aff` |
|
|
||||||
| **url** | 空 | 自定的音乐源 URL，默认为空 |
|
|
||||||
| **name** | 空 | 音乐名称，默认为空 |
|
|
||||||
| **artist** | 空 | 音乐作者，默认为空 |
|
|
||||||
| **cover** | 空 | 音乐封面 URL，默认为空 |
|
|
||||||
| **fixed** | `false` | 固定播放器，默认为 `false` |
|
|
||||||
| **mini** | `false` | 显示小播放器，默认为 `false` |
|
|
||||||
| **autoplay** | `false` | 自动播放，默认为 `false` |
|
|
||||||
| **loop** | `all` | 循环播放，支持`all`、`one` 和 `none`，默认为 `all` |
|
|
||||||
| **order** | `list` | 播放顺序`list` 和 `random`，支持默认为 `list` |
|
|
||||||
| **volume** | `0.7` | 音量，默认为 `0.7` |
|
|
||||||
| **mutex** | `true` | 有多个音乐播放时，是否只开启当前播放器，默认为 `true` |
|
|
||||||
| **list-folded** | `false` | 列表折叠，默认为 `false` |
|
|
||||||
| **list-max-height** | `340px` | 列表最大高度，默认为：340px |
|
|
||||||
|
|
||||||
### 单曲播放
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
{{</* music theme="#2980b9" server="tencent" type="song" id="002u4ZTb0CXmJA" mini="true" */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{< music theme="#2980b9" server="tencent" type="song" id="002u4ZTb0CXmJA" mini="true" >}}
|
|
||||||
|
|
||||||
### 列表播放
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
{{</* music server="netease" type="playlist" id="1982066521" list-max-height="140" */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{< music server="netease" type="playlist" id="1982066521" list-max-height="140" >}}
|
|
||||||
|
|
||||||
### 自定义音乐源
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
{{</* music music url="/music/sky.mp3" name="天空之城" artist="宫崎骏" cover="/music/gongqijun.jpg" autoplay="true" */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{< music url="/music/sky.mp3" name="天空之城" artist="宫崎骏" cover="/music/gongqijun.jpg" autoplay="true" >}}
|
|
||||||
@ -1,148 +0,0 @@
|
|||||||
---
|
|
||||||
title: "Support block information emphasis annotation in Markdown documents"
|
|
||||||
description: "Added rendering of blockquote style in the new version of Hugo framework, supports custom style design, and implements a warning style similar to Github"
|
|
||||||
keywords: "hugo,block,quote"
|
|
||||||
|
|
||||||
date: 2025-01-29T21:24:02+08:00
|
|
||||||
lastmod: 2025-01-29T21:24:02+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- Example
|
|
||||||
- Grammar
|
|
||||||
tags:
|
|
||||||
- blockquote
|
|
||||||
- Hugo
|
|
||||||
|
|
||||||
url: "demo/hugo-blockquote.html"
|
|
||||||
toc: true
|
|
||||||
expired: true
|
|
||||||
---
|
|
||||||
|
|
||||||
In the past, the `Hugo NexT` theme used to annotate block information through custom phrases. Recently, it has been discovered that `Hugo` has been updated from [v0.134.0](https://github.com/gohugoio/hugo/releases/tag/v0.134.0). From the beginning of the version, it is possible to support rendering Blockquote styles in Markdown documents through hook mode (which needs to be implemented by oneself), achieving warning style styles similar to Github. So 7 different styles were added to the `Hugo NexT` theme for users to choose from, and they could also customize icons and color configurations.
|
|
||||||
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
|
|
||||||
Users can find the positions of the following two configuration items and adjust them according to their preferred style and color:
|
|
||||||
|
|
||||||
```yaml
|
|
||||||
#Config. yaml or hugo.toml
|
|
||||||
postAlerts:
|
|
||||||
info:
|
|
||||||
icon: "circle-info"
|
|
||||||
color: "#4A90E2"
|
|
||||||
note:
|
|
||||||
icon: "bell"
|
|
||||||
color: "#17A2B8"
|
|
||||||
help:
|
|
||||||
icon: "circle-question"
|
|
||||||
color: "#967ADC"
|
|
||||||
error:
|
|
||||||
icon: "circle-xmark"
|
|
||||||
color: "#DC3545"
|
|
||||||
warning:
|
|
||||||
icon: "triangle-exclamation"
|
|
||||||
color: "#F39C12"
|
|
||||||
success:
|
|
||||||
icon: "circle-check"
|
|
||||||
color: "#32CD32"
|
|
||||||
important:
|
|
||||||
icon: "circle-plus"
|
|
||||||
color: "#007BFF"
|
|
||||||
```
|
|
||||||
|
|
||||||
```yaml
|
|
||||||
# i18n/zh-cn.yaml
|
|
||||||
PostAlert:
|
|
||||||
info : Information
|
|
||||||
note : Attention
|
|
||||||
help : 'Help'
|
|
||||||
error : Error
|
|
||||||
warning : Warning
|
|
||||||
success : 'Success'
|
|
||||||
important: 'Important'
|
|
||||||
```
|
|
||||||
|
|
||||||
The writing style and specific implementation effects in the Maarkdown document are as follows:
|
|
||||||
|
|
||||||
## Information prompt
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!INFO]
|
|
||||||
> HugoNexT theme supports custom style design, allowing you to achieve personalized design for your own site.
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!INFO]
|
|
||||||
> HugoNexT theme supports custom style design, allowing you to achieve personalized design for your own site.
|
|
||||||
|
|
||||||
## Attention to information
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!NOTE]
|
|
||||||
> The latest version of the `Hugo NexT` theme supports Blockquote rendering for Markdown documents, with 7 different styles to choose from or customize.
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!NOTE]
|
|
||||||
> The latest version of the `Hugo NexT` theme supports Blockquote rendering for Markdown documents, with 7 different styles to choose from or customize.
|
|
||||||
|
|
||||||
## Help Information
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!HELP]
|
|
||||||
> The HugoNexT theme provides complete example usage instructions and source code, making it easier to get started and use.
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!HELP]
|
|
||||||
> The HugoNexT theme provides complete example usage instructions and source code, making it easier to get started and use.
|
|
||||||
|
|
||||||
## Warning message
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!WARNING]
|
|
||||||
> The HugoNexT theme uses SCSS precompilation and requires downloading the official Hugo extended version for use.
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!WARNING]
|
|
||||||
> The HugoNexT theme uses SCSS precompilation and requires downloading the official Hugo extended version for use.
|
|
||||||
|
|
||||||
## Error message
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!ERROR]
|
|
||||||
> The `Hugo NexT` theme is only supported in Hugo v0.132.0 and above versions.
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!ERROR]
|
|
||||||
> The `Hugo NexT` theme is only supported in Hugo v0.132.0 and above versions.
|
|
||||||
|
|
||||||
## Success message
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!SUCCESS]
|
|
||||||
> Congratulations on successfully deploying the `Hugo NexT` theme. Please feel free to start your creative work.
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!SUCCESS]
|
|
||||||
>Congratulations on successfully deploying the `Hugo NexT` theme. Please feel free to start your creative work.
|
|
||||||
|
|
||||||
## Important information
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!IMPORTANT]
|
|
||||||
> The HugoNexT theme supports the use of external CDN services, but please ensure that your network is functioning properly and accessible to CDN services at this time.
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!IMPORTANT]
|
|
||||||
> The HugoNexT theme supports the use of external CDN services, but please ensure that your network is functioning properly and accessible to CDN services at this time.
|
|
||||||
|
|
||||||
|
|
||||||
## Custom Title
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!Info]+Custom Title Description
|
|
||||||
> The HugoNexT theme provides very open and flexible configurations, allowing users to customize according to their own ideas.
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!Info]+Custom Title Description
|
|
||||||
> The HugoNexT theme provides very open and flexible configurations, allowing users to customize according to their own ideas.
|
|
||||||
@ -1,148 +0,0 @@
|
|||||||
---
|
|
||||||
title: "支持在Markdown文档中实现块信息强调标注"
|
|
||||||
description: "在新版本Hugo框架中添加了对blockquote样式渲染，支持自定义样式设计，实现类似Github的警告风格样式。"
|
|
||||||
keywords: "hugo,block,quote"
|
|
||||||
|
|
||||||
date: 2025-01-02T16:08:02+08:00
|
|
||||||
lastmod: 2025-01-02T19:08:02+08:00
|
|
||||||
|
|
||||||
categories:
|
|
||||||
- 示例文章
|
|
||||||
- 语法
|
|
||||||
tags:
|
|
||||||
- blockquote
|
|
||||||
- Hugo
|
|
||||||
|
|
||||||
url: "demo/hugo-blockquote.html"
|
|
||||||
toc: true
|
|
||||||
expired: true
|
|
||||||
---
|
|
||||||
|
|
||||||
过去 `HugoNexT` 主题都是通过自定义短语来实现块信息的标注，近期发现 `Hugo` 从[v0.134.0](https://github.com/gohugoio/hugo/releases/tag/v0.134.0)版本开始便是可以支持通过hook方式渲染Markdown文档中的Blockquote样式（需要自己实现），实现类似Github的警告风格样式。于是便在 `HugoNexT` 主题中添加7种不同风格供用户可选择使用，还可以自定义图标与颜色配置。
|
|
||||||
|
|
||||||
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
|
|
||||||
用户可以找到如下两处配置项的位置，然后根据自己喜欢的风格和颜色进行调整：
|
|
||||||
|
|
||||||
```yaml
|
|
||||||
# config.yaml 或 hugo.toml
|
|
||||||
postAlerts:
|
|
||||||
info:
|
|
||||||
icon: "circle-info"
|
|
||||||
color: "#4A90E2"
|
|
||||||
note:
|
|
||||||
icon: "bell"
|
|
||||||
color: "#17A2B8"
|
|
||||||
help:
|
|
||||||
icon: "circle-question"
|
|
||||||
color: "#967ADC"
|
|
||||||
error:
|
|
||||||
icon: "circle-xmark"
|
|
||||||
color: "#DC3545"
|
|
||||||
warning:
|
|
||||||
icon: "triangle-exclamation"
|
|
||||||
color: "#F39C12"
|
|
||||||
success:
|
|
||||||
icon: "circle-check"
|
|
||||||
color: "#32CD32"
|
|
||||||
important:
|
|
||||||
icon: "circle-plus"
|
|
||||||
color: "#007BFF"
|
|
||||||
```
|
|
||||||
|
|
||||||
```yaml
|
|
||||||
# i18n/zh-cn.yaml
|
|
||||||
PostAlert:
|
|
||||||
info : "信息"
|
|
||||||
note : "注意"
|
|
||||||
help : "帮助"
|
|
||||||
error : "错误"
|
|
||||||
warning : "警告"
|
|
||||||
success : "成功"
|
|
||||||
important: "重要"
|
|
||||||
```
|
|
||||||
|
|
||||||
在Maarkdown文档中的写法和实现的具体效果参考如下：
|
|
||||||
|
|
||||||
## 信息提示
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!INFO]
|
|
||||||
> `HugoNexT` 主题支持自定义样式设计，你可实现属于自己站点的个性化设计。
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!INFO]
|
|
||||||
> `HugoNexT` 主题支持自定义样式设计，你可实现属于自己站点的个性化设计。
|
|
||||||
|
|
||||||
## 注意信息
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!NOTE]
|
|
||||||
> 最新版本的 `HugoNexT` 主题支持Markdown文档的Blockquote渲染，有7种不同风格可选择使用或自定义配置。
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!NOTE]
|
|
||||||
> 最新版本的 `HugoNexT` 主题支持Markdown文档的Blockquote渲染，有7种不同风格可选择使用或自定义配置。
|
|
||||||
|
|
||||||
## 帮助信息
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!HELP]
|
|
||||||
> `HugoNexT` 主题提供了完整的示例使用说明及源代码，上手更为简单易用。
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!HELP]
|
|
||||||
> `HugoNexT` 主题提供了完整的示例使用说明及源代码，上手更为简单易用。
|
|
||||||
|
|
||||||
## 警告信息
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!WARNING]
|
|
||||||
> `HugoNexT` 主题使用了SCSS 预编译，需要下载 Hugo 官方 `hugo-extended` 版本使用。
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!WARNING]
|
|
||||||
> `HugoNexT` 主题使用了SCSS 预编译，需要下载 Hugo 官方 `hugo-extended` 版本使用。
|
|
||||||
|
|
||||||
## 错误信息
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!ERROR]
|
|
||||||
> `HugoNexT` 主题只支持在 Hugo v0.132.0 及以上版本中使用。
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!ERROR]
|
|
||||||
> `HugoNexT` 主题只支持在 Hugo v0.132.0 及以上版本中使用。
|
|
||||||
|
|
||||||
## 成功信息
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!SUCCESS]
|
|
||||||
> 恭喜你已经成功部署 `HugoNexT` 主题，请尽情的开始你的创作吧。
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!SUCCESS]
|
|
||||||
> 恭喜你已经成功部署 `HugoNexT` 主题，请尽情的开始你的创作吧。
|
|
||||||
|
|
||||||
## 重要信息
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!IMPORTANT]
|
|
||||||
> `HugoNexT` 主题支持使用外部的CDN服务，但此时请确保你的网络是正常且可访问CDN服务。
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!IMPORTANT]
|
|
||||||
> `HugoNexT` 主题支持使用外部的CDN服务，但此时请确保你的网络是正常且可访问CDN服务。
|
|
||||||
|
|
||||||
|
|
||||||
## 自定义标题
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> [!Info]+ 自定义标题说明
|
|
||||||
> `HugoNexT` 主题提供很开放的灵活配置，用户可按自己的想法改造。
|
|
||||||
```
|
|
||||||
|
|
||||||
> [!Info]+ 自定义标题说明
|
|
||||||
> `HugoNexT` 主题提供很开放的灵活配置，用户可按自己的想法改造。
|
|
||||||
@ -1,37 +0,0 @@
|
|||||||
# 友情链接
|
|
||||||
# Friend's links
|
|
||||||
|
|
||||||
- FLinksTitle: Office Demo Site
|
|
||||||
FLinksDesc: Example content from the official theme.
|
|
||||||
FLinksList:
|
|
||||||
- name: Hugo
|
|
||||||
desc: The fastest website construction framework in the world!
|
|
||||||
avatar: https://gohugo.io/favicon-32x32.png
|
|
||||||
link: https://gohugo.io
|
|
||||||
timeout: 2
|
|
||||||
visible: true
|
|
||||||
|
|
||||||
- name: Hugo-NexT
|
|
||||||
desc: Hugo NexT Official Site
|
|
||||||
avatar: https://hugo-next.eu.org/imgs/hugo_next_avatar.png
|
|
||||||
link: https://hugo-next.eu.org
|
|
||||||
timeout: 2
|
|
||||||
visible: true
|
|
||||||
|
|
||||||
- name: Fanmeng Star Dust Space Station
|
|
||||||
desc: Even ordinary people have their own dreams!
|
|
||||||
avatar: https://elkan1788.github.io/imgs/avatar.png
|
|
||||||
link: https://lisenhui.cn
|
|
||||||
timeout: 2
|
|
||||||
visible: true
|
|
||||||
|
|
||||||
|
|
||||||
- FLinksTitle: Hugo NexT Fan Groups
|
|
||||||
FLinksDesc: Exciting presentation from Hugo NexT theme enthusiasts!
|
|
||||||
FLinksList:
|
|
||||||
- name: Ahaji
|
|
||||||
desc: The first Hugo NexT loyal fan user on the entire network!
|
|
||||||
avatar: https://a.happy2008.top/imgs/stayhome-small.png
|
|
||||||
link: https://a.happy2008.top/
|
|
||||||
timeout: 2
|
|
||||||
visible: true
|
|
||||||
@ -1,37 +0,0 @@
|
|||||||
# 友情链接
|
|
||||||
# Friend's links
|
|
||||||
|
|
||||||
- FLinksTitle: 官方示例
|
|
||||||
FLinksDesc: 来自主题官方的示例内容。
|
|
||||||
FLinksList:
|
|
||||||
- name: Hugo
|
|
||||||
desc: 世界上最快的网站建设框架！
|
|
||||||
avatar: https://gohugo.io/favicon-32x32.png
|
|
||||||
link: https://gohugo.io
|
|
||||||
timeout: 2
|
|
||||||
visible: true
|
|
||||||
|
|
||||||
- name: Hugo-NexT
|
|
||||||
desc: Hugo NexT 官方预览网站。
|
|
||||||
avatar: https://hugo-next.eu.org/imgs/hugo_next_avatar.png
|
|
||||||
link: https://hugo-next.eu.org
|
|
||||||
timeout: 2
|
|
||||||
visible: true
|
|
||||||
|
|
||||||
- name: 凡梦星尘空间站
|
|
||||||
desc: 再平凡的人也有属于他的梦想！
|
|
||||||
avatar: https://elkan1788.github.io/imgs/avatar.png
|
|
||||||
link: https://lisenhui.cn
|
|
||||||
timeout: 2
|
|
||||||
visible: true
|
|
||||||
|
|
||||||
|
|
||||||
- FLinksTitle: Hugo NexT 粉丝群体
|
|
||||||
FLinksDesc: 来自 Hugo NexT 主题爱好者们的精彩呈现！
|
|
||||||
FLinksList:
|
|
||||||
- name: 阿哈吉
|
|
||||||
desc: 全网首个 Hugo NexT 忠实粉丝用户
|
|
||||||
avatar: https://a.happy2008.top/imgs/stayhome-small.png
|
|
||||||
link: https://a.happy2008.top/
|
|
||||||
timeout: 2
|
|
||||||
visible: true
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,3 +0,0 @@
|
|||||||
<div class="custom-footer">
|
|
||||||
Website source code <a href="https://github.com/hugo-next/hugo-theme-next/blob/develop/exampleSite/layouts/partials/custom_footer.html" target="_blank">here</a>
|
|
||||||
</div>
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
<div class="mydefined animated" itemprop="custom">
|
|
||||||
<span>支持自定义CSS和Sidebar布局啦💄💄💄</span>
|
|
||||||
</div>
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
#!/bin/bash
|
|
||||||
# 本地快速启动脚本
|
|
||||||
# Quick start in local.
|
|
||||||
|
|
||||||
next() {
|
|
||||||
cat << EOT
|
|
||||||
========================================
|
|
||||||
███╗ ██╗███████╗██╗ ██╗████████╗
|
|
||||||
████╗ ██║██╔════╝╚██╗██╔╝╚══██╔══╝
|
|
||||||
██╔██╗ ██║█████╗ ╚███╔╝ ██║
|
|
||||||
██║╚██╗██║██╔══╝ ██╔██╗ ██║
|
|
||||||
██║ ╚████║███████╗██╔╝ ██╗ ██║
|
|
||||||
╚═╝ ╚═══╝╚══════╝╚═╝ ╚═╝ ╚═╝
|
|
||||||
========================================
|
|
||||||
Hugo NexT version $1
|
|
||||||
Documentation: https://hugo-next.eu.org
|
|
||||||
========================================
|
|
||||||
EOT
|
|
||||||
}
|
|
||||||
|
|
||||||
next `cat ../VERSION`
|
|
||||||
|
|
||||||
hugo server -t ../.. --port 1414 --panicOnWarning --config hugo.yaml
|
|
||||||
@ -1,16 +0,0 @@
|
|||||||
/** Custom style defined file **/
|
|
||||||
|
|
||||||
.mydefined {
|
|
||||||
font-size: 0.65em;
|
|
||||||
color: #ed6c24;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-footer {
|
|
||||||
color: #ed6c24;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-head5 {
|
|
||||||
font-size: 1.2em;
|
|
||||||
color: #ed6c24;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
BIN
images/avatar.jpeg
Normal file
BIN
images/avatar.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
Loading…
Reference in New Issue
Block a user