From b77e9debaee285b61e5b1fbe12973b535e8920e0 Mon Sep 17 00:00:00 2001 From: jaywcjlove <398188662@qq.com> Date: Mon, 26 Sep 2022 18:35:49 +0800 Subject: [PATCH] feat: add markdown cheatsheet. --- README.md | 1 + docs/markdown.md | 232 ++++++++++++++++++++++++++++++++++++++++++++++ docs/vscode.md | 2 +- scripts/style.css | 6 +- 4 files changed, 239 insertions(+), 2 deletions(-) create mode 100644 docs/markdown.md diff --git a/README.md b/README.md index bcf5a0e..76766ef 100644 --- a/README.md +++ b/README.md @@ -10,6 +10,7 @@ Quick Reference ## 编程 [JavaScript](./docs/javascript.md) +[Markdown](./docs/markdown.md) ## 工具包 diff --git a/docs/markdown.md b/docs/markdown.md new file mode 100644 index 0000000..053bb23 --- /dev/null +++ b/docs/markdown.md @@ -0,0 +1,232 @@ +Markdown 备忘清单 +=== + +这是 Markdown 语法的快速参考备忘单。 + + +Markdown 快速参考 +---- + +### 标题 (atx 风格) + +```markdown +# h1 +## h2 +### h3 +#### h4 +##### h5 +###### h6 +``` + +### 标题 (setext 风格) + +```markdown +Header 1 +======== +``` + +```markdown +Header 2 +-------- +``` + + +### 块引用 + +```markdown +> 这是一个 +> 块引用 +> +> > 嵌套 +> > 块引用 +``` + +### 无序列表 + + + +```markdown +* Item 1 +* Item 2 + * item 3a + * item 3b +``` + +或者 + +```markdown +- Item 1 +- Item 2 +``` + +或者 + +```markdown ++ Item 1 ++ Item 2 +``` +或者 + +```markdown +- [ ] Checkbox off +- [x] Checkbox on +``` + +### 有序列表 + +```markdown +1. Item 1 +2. Item 2 + a. item 3a + b. item 3b +``` + + + +### 链接 + +```markdown +[link](http://google.com) +``` + +```markdown +[link][google] +[google]: http://google.com +``` + +```markdown + +``` + +### 强调 + +```markdown +*斜体* +_斜体_ +``` + +```markdown +**粗体** +__粗体__ +``` + +```markdown +`内联代码` +~~删除~~ +``` + +### 水平线 + +连字符 + +```markdown +--- +``` + +星号 + +```markdown +*** +``` + +下划线 + +```markdown +___ +``` + + + + + +### 代码 + +~~~markdown +```javascript +console.log("This is a block code") +``` +~~~ + +```markdown +~~~css +.button { border: none; } +~~~ +``` + + +```markdown + 4 空格缩进做一个代码块 +``` + + +#### 内联代码 + +```markdown +`Inline code` 周围有反引号 +``` + +### 表格 + + + +```markdown +| 左栏 | 中间栏 | 右栏 | +|:------------|:-------------:|-------------:| +| 单元格 1 | 居中 | $1600 | +| 单元格 2 | 单元格 3 | $12 | +``` + +简单的风格 + +```markdown + 左栏 | 中间栏 | 右栏 +:----------:|:-------------:|:-----------: + 单元格 1 | 居中 | $1600 + 单元格 2 | 单元格 3 | $12 +``` + +Markdown 表格生成器：[tableconvert.com](https://tableconvert.com/) + +### 图片 + + + +```markdown +![GitHub Logo](/images/logo.png) + +![Alt Text](url) +``` + +#### 带链接的图片 + +```markdown +[![GitHub Logo](/images/logo.png)](https://github.com/) + +[![Alt Text](image_url)](link_url) +``` + +#### 参考风格 + +```markdown +![alt text][logo] + +[logo]: /images/logo.png "Logo Title" +``` + + +### 反斜杠转义 + +| 字符 | 转义 | 描述 | +|------------|--------|-------------| +| \\ | \\\\ | backslash 反斜杠 | +| \` | \\\` | backtick 反引号 | +| \* | \\\* | asterisk 星号 | +| \_ | \\\_ | underscore 下划线 | +| \{\} | \\\{\} | curly braces 花括号 | +| \[\] | \\\[\] | square brackets 方括号 | +| \(\) | \\\(\) | parentheses 圆括号 | +| \# | \\\# | hash mark 哈希标记 | +| \+ | \\\+ | plus sign 加号 | +| \- | \\\- | minus sign \(hyphen\) 减号(连字符) | +| \. | \\\. | dot 点 | +| \! | \\\! | exclamation mark 感叹号 | \ No newline at end of file diff --git a/docs/vscode.md b/docs/vscode.md index 8856676..9e1d2c3 100644 --- a/docs/vscode.md +++ b/docs/vscode.md @@ -1,4 +1,4 @@ -VSCode 备忘单 +VSCode 备忘清单 === 这个 VSCode (Visual Studio Code) 快速参考备忘单显示了它的键盘快捷键和命令。 diff --git a/scripts/style.css b/scripts/style.css index e9b3cdf..0a12a47 100644 --- a/scripts/style.css +++ b/scripts/style.css @@ -206,7 +206,6 @@ ol, ul, menu { border-radius: 0.5rem; padding-top: 1.5rem; box-shadow: 0 0 #0000, 0 0 #0000, 0 6px 8px rgba(102,119,136,0.03),0 1px 2px rgba(102,119,136,0.3); - } table { @@ -253,6 +252,11 @@ table thead th { color: rgb(16 185 129/1); } +table thead { + display: table-header-group; + border-bottom: solid 1px rgba(85,102,119,0.3); +} + .table-thead-hide thead { display: none; }