mirror of
https://github.com/reonokiy/blog.nokiy.net.git
synced 2025-06-15 11:12:54 +02:00
chore: update md style guide
This commit is contained in:
radishzzz
parent
456aa2691e
commit
6ce8d0a651
3 changed files with 21 additions and 21 deletions
|
|
@ -96,9 +96,9 @@ The blockquote element represents content that is quoted from another source, op
|
|||
|
||||
## Code Blocks
|
||||
|
||||
### Syntax
|
||||
we can use 3 backticks ``` in new line and write snippet and close with 3 backticks on new line and to highlight language specific syntax, write one word of language name after first 3 backticks, for eg. html, javascript, css, markdown, typescript, txt, bash.
|
||||
|
||||
we can use 3 backticks ``` in new line and write snippet and close with 3 backticks on new line and to highlight language specific syntax, write one word of language name after first 3 backticks, for eg. html, javascript, css, markdown, typescript, txt, bash
|
||||
### Syntax
|
||||
|
||||
````markdown
|
||||
```html
|
||||
|
|
@ -226,7 +226,7 @@ Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and ot
|
|||
|
||||
<!-- <details>
|
||||
<summary>
|
||||
I have keys but no doors. I have space but no room. You can enter but can’t
|
||||
I have keys but no doors. I have space but no room. You can enter but can't
|
||||
leave. What am I?
|
||||
</summary>
|
||||
A keyboard.
|
||||
|
|
|
|||
|
|
@ -28,13 +28,13 @@ HTML 的 `<h1>` 至 `<h6>` 标签对应六个等级的标题。`<h1>` 为最高
|
|||
|
||||
## 段落
|
||||
|
||||
孔乙己是站着喝酒而穿长衫的唯一的人。他身材很高大；青白脸色，皱纹间时常夹些伤痕；一部乱蓬蓬的花白的胡子。穿的虽然是长衫，可是又脏又破，似乎十多年没有补，也没有洗。他对人说话，总是满口之乎者也，教人半懂不懂的。因为他姓孔，别人便从描红纸上的“上大人孔乙己”这半懂不懂的话里，替他取下一个绰号，叫作孔乙己。孔乙己一到店，所有喝酒的人便都看着他笑，有的叫道：“孔乙己，你脸上又添上新伤疤了！”他不回答，对柜里说：“温两碗酒，要一碟茴香豆。”便排出九文大钱。他们又故意的高声嚷道：“你一定又偷了人家的东西了！”孔乙己睁大眼睛说：“你怎么这样凭空污人清白……”“什么清白？我前天亲眼见你偷了何家的书，吊着打。”孔乙己便涨红了脸，额上的青筋条条绽出，争辩道：“窃书不能算偷……窃书！……读书人的事，能算偷么？”接连便是难懂的话，什么“君子固穷”，什么“者乎”之类，引得众人都哄笑起来：店内外充满了快活的空气。
|
||||
孔乙己一到店，所有喝酒的人便都看着他笑，有的叫道：“孔乙己，你脸上又添上新伤疤了！”他不回答，对柜里说：“温两碗酒，要一碟茴香豆。”便排出九文大钱。他们又故意的高声嚷道：“你一定又偷了人家的东西了！”孔乙己睁大眼睛说：“你怎么这样凭空污人清白……”“什么清白？我前天亲眼见你偷了何家的书，吊着打。”孔乙己便涨红了脸，额上的青筋条条绽出，争辩道：“窃书不能算偷……窃书！……读书人的事，能算偷么？”接连便是难懂的话，什么“君子固穷”，什么“者乎”之类，引得众人都哄笑起来：店内外充满了快活的空气。
|
||||
|
||||
听人家背地里谈论，孔乙己原来也读过书，但终于没有进学，又不会营生；于是愈过愈穷，弄到将要讨饭了。
|
||||
|
||||
## 图片
|
||||
|
||||
使用相对路径 `../assets/image.jpg` 或绝对路径 `https://example.com/image.jpg` 引用图片。
|
||||
使用相对路径 `../assets/image.jpg` 或绝对路径 `https://example.com/image.jpg` 来引用图片。
|
||||
|
||||
### 语法
|
||||
|
||||
|
|
@ -48,15 +48,15 @@ HTML 的 `<h1>` 至 `<h6>` 标签对应六个等级的标题。`<h1>` 为最高
|
|||
|
||||
## 块引用
|
||||
|
||||
块引用用于标注外部来源内容，内部支持使用 Markdown 语法。若需添加来源注释，应使用 `footer` 或 `cite` 元素包裹。
|
||||
块引用标签表示从外部引用的内容，可以使用 `footer` 或 `cite` 标签标注内容来源，也可以在块引用中使用 `<mark>`、`<abbr>` 等标签。
|
||||
|
||||
### 无来源注释
|
||||
### 未标注内容来源
|
||||
|
||||
#### 语法
|
||||
|
||||
```markdown
|
||||
> 天地不仁，以万物为刍狗。<br>
|
||||
> **提示**：内可使用 _Markdown 语法_。
|
||||
> **提示**：引用块内可使用 _Markdown 语法_。
|
||||
```
|
||||
|
||||
#### 效果
|
||||
|
|
@ -64,21 +64,21 @@ HTML 的 `<h1>` 至 `<h6>` 标签对应六个等级的标题。`<h1>` 为最高
|
|||
> 天地不仁，以万物为刍狗。<br>
|
||||
> **提示**：引用块内可使用 _Markdown 语法_。
|
||||
|
||||
### 有来源注释
|
||||
### 标注内容来源
|
||||
|
||||
#### 语法
|
||||
|
||||
```markdown
|
||||
> 其实地上本没有路，走的人多了，也便成了路。<br>
|
||||
> — <cite>《故乡》鲁迅[^1]</cite>
|
||||
> 在我的后园，可以看见墙外有两株树，一株是枣树，还有一株也是枣树。<br>
|
||||
> —— <cite>《秋夜》[^1]</cite>
|
||||
```
|
||||
|
||||
#### 效果
|
||||
|
||||
> 其实地上本没有路，走的人多了，也便成了路。<br>
|
||||
> — <cite>《故乡》鲁迅[^1]</cite>
|
||||
> 在我的后园，可以看见墙外有两株树，一株是枣树，还有一株也是枣树。<br>
|
||||
> —— <cite>《秋夜》[^1]</cite>
|
||||
|
||||
[^1]: 摘自鲁迅，[《故乡》](https://zh.wikisource.org/wiki/%E6%95%85%E9%84%89)，发表于 1921 年 1 月。
|
||||
[^1]: [《秋夜》](https://zh.wikisource.org/wiki/%E7%A7%8B%E5%A4%9C_(%E9%AD%AF%E8%BF%85)) 是鲁迅散文诗集《野草》中的第一首散文诗，创作于1924年。
|
||||
|
||||
## 表格
|
||||
|
||||
|
|
@ -98,7 +98,7 @@ HTML 的 `<h1>` 至 `<h6>` 标签对应六个等级的标题。`<h1>` 为最高
|
|||
|
||||
## 代码块
|
||||
|
||||
在代码的开头和结尾处，添加三个反引号 ``` 来包裹代码，在开头的反引号后标注 html、javascript、css 等语言类型，以实现不同的语法高亮效果。
|
||||
在代码的开头和结尾处，添加三个反引号 ``` 包裹代码。在开头的反引号后标注 html、javascript、css、markdown 等语言类型，可以实现不同的语法高亮效果。
|
||||
|
||||
### 语法
|
||||
|
||||
|
|
|
|||
|
|
@ -214,27 +214,27 @@ html.dark .heti mark {
|
|||
}
|
||||
.footnotes:lang(zh-CN)::before {
|
||||
content: "脚注";
|
||||
--at-apply: 'block text-xl font-semibold mb-4';
|
||||
--at-apply: 'block text-5 font-semibold mt-6 mb-3';
|
||||
}
|
||||
.footnotes:lang(zh-TW)::before {
|
||||
content: "腳註";
|
||||
--at-apply: 'block text-xl font-semibold mb-4';
|
||||
--at-apply: 'block text-5 font-semibold mt-6 mb-3';
|
||||
}
|
||||
.footnotes:lang(ja-JP)::before {
|
||||
content: "脚注";
|
||||
--at-apply: 'block text-xl font-semibold mb-4';
|
||||
--at-apply: 'block text-5 font-semibold mt-6 mb-3';
|
||||
}
|
||||
.footnotes:lang(en-US)::before {
|
||||
content: "Footnotes";
|
||||
--at-apply: 'block text-xl font-semibold mb-4';
|
||||
--at-apply: 'block text-5 font-semibold mt-6 mb-3';
|
||||
}
|
||||
.footnotes:lang(es-ES)::before {
|
||||
content: "Notas al pie";
|
||||
--at-apply: 'block text-xl font-semibold mb-4';
|
||||
--at-apply: 'block text-5 font-semibold mt-6 mb-3';
|
||||
}
|
||||
.footnotes:lang(ru-RU)::before {
|
||||
content: "Сноски";
|
||||
--at-apply: 'block text-xl font-semibold mb-4';
|
||||
--at-apply: 'block text-5 font-semibold mt-6 mb-3';
|
||||
}
|
||||
.heti .data-footnote-backref {
|
||||
--at-apply: 'no-underline';
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue