老王的博客

你好，世界

Sun, 06 Mar 2022 00:00:00 +0000

欢迎使用 Hugo theme Stack。这是您的第一篇文章。编辑或删除它，然后开始写作吧！

有关此主题的更多信息，请查看文档：https://stack.jimmycai.com/

想要一个这样的网站？查看 hugo-theme-stack-stater

图片来自 Pawel Czerwinski 在 Unsplash

Markdown 语法指南

Thu, 07 Sep 2023 00:00:00 +0000

本文提供了可在 Hugo 内容文件中使用的基本 Markdown 语法示例，同时展示了基本 HTML 元素在 Hugo 主题中是如何用 CSS 装饰的。

Headings

The following HTML <h1>—<h6> elements represent six levels of section headings. <h1> is the highest section level while <h6> is the lowest.

H1

H2

H3

H4

H5

H6

Paragraph

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

Blockquotes

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.

Blockquote without attribution

Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note that you can use Markdown syntax within a blockquote.

Blockquote with attribution

Don’t communicate by sharing memory, share memory by communicating. — Rob Pike¹

Tables

Tables aren’t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.

Name	Age
Bob	27
Alice	23

Inline Markdown within tables

Italics	Bold	Code
italics	bold	`code`

A	B	C	D	E	F
Lorem ipsum dolor sit amet, consectetur adipiscing elit.	Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex.	Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus	Proin sit amet velit nec enim imperdiet vehicula.	Ut bibendum vestibulum quam, eu egestas turpis gravida nec	Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien

Code Blocks

Code block with backticks

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

Code block indented with four spaces

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

Diff code block

[dependencies.bevy]
git = "https://github.com/bevyengine/bevy"
rev = "11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13"
- features = ["dynamic"]
+ features = ["jpeg", "dynamic"]

One line code block

<p>A paragraph</p>

List Types

Ordered List

First item
Second item
Third item

Unordered List

List item
Another item
And another item

Nested list

Fruit
- Apple
- Orange
- Banana
Dairy
- Milk
- Cheese

Other Elements — abbr, sub, sup, kbd, mark

GIF is a bitmap image format.

H2O

Xn + Yn = Zn

Press CTRL + ALT + Delete to end the session.

Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.

The above quote is excerpted from Rob Pike’s talk during Gopherfest, November 18, 2015. ↩︎

图片画廊

Sat, 26 Aug 2023 00:00:00 +0000

Hugo theme Stack 支持使用 Markdown 创建交互式图片画廊。它由 PhotoSwipe 提供支持，其语法灵感来自 Typlog。

要使用此功能，图片必须与 Markdown 文件位于同一目录中，因为它使用 Hugo 的页面包功能来读取图片的尺寸。不支持外部图片。

语法

![图片 1](1.jpg) ![图片 2](2.jpg)

结果

图片来自 mymind 和 Luke Chesser 在 Unsplash

短代码

Fri, 25 Aug 2023 00:00:00 +0000

有关更多详细信息，请查看文档。

哔哩哔哩视频

腾讯视频

YouTube 视频

通用视频文件

Your browser doesn't support HTML5 video. Here is a link to the video instead.

Gist

GitLab

引用

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
― 一位名人, 他们写的书

Photo by Codioful on Unsplash

数学排版

Thu, 24 Aug 2023 00:00:00 +0000

Stack 内置了使用 KaTeX 进行数学排版的支持。

**默认情况下，它在全站范围内并未启用，**但您可以通过在 front matter 中添加 math: true 为单个文章启用它。或者，您可以通过在 config.toml 的 params.article 部分添加 math = true 在全站范围内启用它。

行内数学公式

这是一个行内数学表达式：$\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…$

$\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…$

块级数学公式

$$ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } $$

$$
    \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } 
$$

$$ f(x) = \int_{-\infty}^\infty\hat f(\xi),e^{2 \pi i \xi x},d\xi $$

$$
    f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
$$

归档

Sun, 06 Mar 2022 00:00:00 +0000

归档

Mon, 01 Jan 0001 00:00:00 +0000

搜索

Mon, 01 Jan 0001 00:00:00 +0000

友链

Mon, 01 Jan 0001 00:00:00 +0000

To use this feature, add links section to frontmatter.

This page’s frontmatter:

links:
  - title: GitHub
    description: GitHub is the world's largest software development platform.
    website: https://github.com
    image: https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png
  - title: TypeScript
    description: TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
    website: https://www.typescriptlang.org
    image: ts-logo-128.jpg

image field accepts both local and external images.

老王的博客

你好，世界

Markdown 语法指南

Headings

H1

H2

H3

H4

H5

H6

Paragraph

Blockquotes

Blockquote without attribution

Blockquote with attribution

Tables

Inline Markdown within tables

Code Blocks

Code block with backticks

Code block indented with four spaces

Diff code block

One line code block

List Types

Ordered List

Unordered List

Nested list

Other Elements — abbr, sub, sup, kbd, mark

图片画廊

语法

结果

短代码

哔哩哔哩视频

腾讯视频

YouTube 视频

通用视频文件

Gist

GitLab

引用

数学排版

行内数学公式

块级数学公式

归档

标签

归档

搜索

友链