feat: new markdown tutorials

Author: Charliechen114514

tutorial/markdown/markdown.md

@@ -0,0 +1,394 @@
+# Markdown 零基础入门教程
+
+## 什么是 Markdown?
+
+Markdown 是一种轻量级的标记语言,就像是给纯文本添加格式的"快捷键"。你只需要用一些简单的符号,就能让文字变得有层次、有重点。笔者就是Markdown重度使用用户，这里因为展开一些工作，需要做一下Markdown培训。
+
+- 📝 简单易学,5分钟上手
+- ⚡ 写作效率高,不用鼠标点来点去
+- 🌐 广泛应用:博客、笔记、文档、GitHub等
+- 💻 纯文本格式,任何设备都能打开
+
+------
+
+## 一、标题:文章的骨架
+
+在文字前面加上 `#` 号,就能创建标题。`#` 越多,标题级别越小。
+
+### 写法示例:
+
+```markdown
+# 一级标题(最大)
+## 二级标题
+### 三级标题
+#### 四级标题
+##### 五级标题
+###### 六级标题(最小)
+```
+
+### 显示效果:
+
+# 一级标题(最大)
+
+## 二级标题
+
+### 三级标题
+
+#### 四级标题
+
+##### 五级标题
+
+###### 六级标题(最小)
+
+**小贴士:** `#` 号后面要加一个空格哦!
+
+------
+
+## 二、文字样式:让文字有个性
+
+### 2.1 加粗
+
+用 `**文字**` 或 `__文字__` 把文字包起来
+
+```markdown
+这是**加粗的文字**
+这也是__加粗的文字__
+```
+
+显示效果:这是**加粗的文字**,这也是__加粗的文字__
+
+### 2.2 斜体
+
+用 `*文字*` 或 `_文字_` 把文字包起来
+
+```markdown
+这是*斜体文字*
+这也是_斜体文字_
+```
+
+显示效果:这是*斜体文字*,这也是_斜体文字_
+
+### 2.3 加粗+斜体
+
+用 `***文字***` 把文字包起来
+
+```markdown
+这是***加粗又斜体的文字***
+```
+
+显示效果:这是***加粗又斜体的文字***
+
+### 2.4 删除线
+
+用 `~~文字~~` 把文字包起来
+
+```markdown
+这是~~要删除的文字~~
+原价~~299元~~,现价99元!
+```
+
+显示效果:这是~~要删除的文字~~,原价~~299元~~,现价99元!
+
+------
+
+## 三、列表:整理信息的好帮手
+
+### 3.1 无序列表(项目符号)
+
+用 `-`、`+` 或 `*` 开头,后面加空格
+
+```markdown
+- 苹果
+- 香蕉
+- 橙子
+
+* 学习 Markdown
+* 写文档
+* 分享笔记
+
++ 任务一
++ 任务二
++ 任务三
+```
+
+显示效果:
+
+- 苹果
+- 香蕉
+- 橙子
+
+### 3.2 有序列表(数字编号)
+
+用 `1.`、`2.`、`3.` 开头,后面加空格
+
+```markdown
+1. 打开电脑
+2. 启动编辑器
+3. 开始写作
+4. 保存文档
+```
+
+显示效果:
+
+1. 打开电脑
+2. 启动编辑器
+3. 开始写作
+4. 保存文档
+
+### 3.3 嵌套列表(多层级)
+
+用缩进(Tab 或 2-4个空格)来创建子列表
+
+```markdown
+1. 水果
+   - 苹果
+   - 香蕉
+2. 蔬菜
+   - 白菜
+   - 萝卜
+     - 红萝卜
+     - 白萝卜
+```
+
+显示效果:
+
+1. 水果
+   - 苹果
+   - 香蕉
+2. 蔬菜
+   - 白菜
+   - 萝卜
+     - 红萝卜
+     - 白萝卜
+
+------
+
+## 四、链接和图片
+
+### 4.1 链接
+
+格式: `[显示的文字](链接地址)`
+
+```markdown
+[百度](https://www.baidu.com)
+[访问我的博客](https://myblog.com)
+```
+
+显示效果:[百度](https://www.baidu.com/)
+
+### 4.2 图片
+
+格式: `![图片描述](图片地址)`
+
+```markdown
+![可爱的猫咪](https://example.com/cat.jpg)
+```
+
+**小技巧:** 图片描述会在图片无法显示时出现
+
+------
+
+## 五、引用:引用别人的话
+
+用 `>` 开头表示引用
+
+```markdown
+> 这是一句引用的话
+> 可以连续多行
+
+> 鲁迅说过:
+> "我没说过这句话。"
+```
+
+显示效果:
+
+> 这是一句引用的话 可以连续多行
+
+> 鲁迅说过: "我没说过这句话。"
+
+### 嵌套引用
+
+```markdown
+> 第一层引用
+>> 第二层引用
+>>> 第三层引用
+```
+
+显示效果:
+
+> 第一层引用
+>
+> > 第二层引用
+> >
+> > > 第三层引用
+
+------
+
+## 六、代码
+
+### 6.1 行内代码
+
+用反引号 ``` 包裹代码
+
+```markdown
+使用 `print()` 函数可以输出内容
+```
+
+显示效果:使用 `print()` 函数可以输出内容
+
+### 6.2 代码块
+
+用三个反引号 ``` 包裹,可以指定语言
+
+~~~markdown
+```python
+def hello():
+    print("Hello, Markdown!")
+显示效果:
+
+```python
+def hello():
+    print("Hello, Markdown!")
+~~~
+
+------
+
+## 七、分隔线
+
+用三个或更多的 `-`、`*` 或 `_`
+
+```markdown
+---
+***
+___
+```
+
+显示效果:
+
+------
+
+## 八、表格
+
+用 `|` 和 `-` 创建表格
+
+```markdown
+| 姓名 | 年龄 | 城市 |
+| ---- | ---- | ---- |
+| 张三 | 25 | 北京 |
+| 李四 | 30 | 上海 |
+| 王五 | 28 | 广州 |
+```
+
+显示效果:
+
+| 姓名 | 年龄 | 城市 |
+| ---- | ---- | ---- |
+| 张三 | 25   | 北京 |
+| 李四 | 30   | 上海 |
+| 王五 | 28   | 广州 |
+
+### 对齐方式
+
+```markdown
+| 左对齐 | 居中对齐 | 右对齐 |
+| :--- | :---: | ---: |
+| 文本 | 文本 | 文本 |
+```
+
+------
+
+## 九、任务列表
+
+用 `- [ ]` 表示未完成,`- [x]` 表示已完成
+
+```markdown
+- [x] 学习 Markdown 基础语法
+- [x] 练习写文档
+- [ ] 分享给朋友
+- [ ] 建立自己的知识库
+```
+
+显示效果:
+
+- [x] 学习 Markdown 基础语法
+- [x] 练习写文档
+- [ ] 分享给朋友
+- [ ] 建立自己的知识库
+
+------
+
+## 十、实战案例:写一篇完整的文档
+
+~~~markdown
+# 我的学习笔记
+
+## 今天学习内容
+
+今天学习了 **Markdown** 语法,感觉非常*实用*!
+
+### 重点内容
+
+1. 标题的使用
+   - 一级到六级标题
+   - 用于文档结构
+2. 文字格式化
+   - **加粗**:强调重点
+   - *斜体*:补充说明
+3. 列表整理
+
+### 学习资源
+
+- [Markdown 官方教程](https://markdown.com.cn)
+- [GitHub Markdown 指南](https://guides.github.com/features/mastering-markdown/)
+
+### 代码示例
+
+```python
+print("Hello, Markdown!")
+~~~
+
+### 学习进度
+
+- [x] 基础语法
+- [x] 实战练习
+- [ ] 高级技巧
+
+------
+
+> 坚持每天学习一点,积少成多!
+
+**作者:** 我自己
+ **日期:** 2024年12月
+
+```
+---
+
+## 十一、常用技巧总结
+
+### 换行技巧
+
+- 段落之间空一行
+- 行尾加两个空格再回车(强制换行)
+- 使用 `<br>` 标签
+
+### 转义字符
+
+如果要显示特殊符号本身,在前面加 `\`
+
+```markdown
+\* 这不是斜体
+\# 这不是标题
+```
+
+### 快捷键记忆
+
+- `#` = 井号 = 标题
+- `*` = 星号 = 强调(加粗/斜体)
+- `-` = 减号 = 列表
+- `>` = 大于号 = 引用
+- \``` = 反引号 = 代码
+- `[]` = 方括号 = 链接/图片/任务
+
+## 结束
+
+就这么多，快去梭哈一个README！