Markdown使用教程

:smile

:表情：结构

😄

😸

---

1.Typora图片问题

1.1本地.md文件

下面设置带来一个问题就是平常创建的.md文件一般是中文名，所以会造成图片的路径中出现中文路径,后期图床管理会出现一些问题（即使没有中文也会带来一些问题，因为现在图片引用的路径是对于.md文件的相对路径）

提前一种的解决思路：写程序替换掉相关路径为新的中文，md文档全篇都可以转化为txt文件，对txt文件的进行替换还是简单的，或许可以在notepad中直接操作

Typora设置：
以下路径文件夹作为储存用：

./.images/${filename} //创建带.符号文件夹名称是为了不影响左侧导航栏显示

引用图片时md文档书写（规范）：

（目前解决办法：记得选择路径后复制文件到.images文件夹）

![xxx](./.images/${filename}/xxx.png)

1.2本地.md文件上传博客

暂时未解决图床的问题，以后图床稳定后，可以更改设置让文件同步上传图床

目前暂时操作繁复一点，上传复制markdown文件记得先上传到图床上去(github)

2.Typora设置问题

1.偏好设置：

偏好设置->markdown->markdown扩展语法都勾选

偏好设置->通用-> 使用国内服务器

2.自定义快捷键：

目前个人加入高亮，和代码块

常用的Typora自定义快捷键设置-CSDN博客

3.语法

注：由于兼容性不同，Typora上的显示可能跟网上的markdown显示不一样，如###### 的H6标题和

HTML超文本标记语言

代码折叠HTML：

<details>
  <summary>点击时的区域标题：点击查看详细内容</summary>
  <pre><code>#define A B
#endif
void init(void)</code></pre>
</details>

点击时的区域标题：点击查看详细内容

#define A B
#endif
void init(void)

居中标题
代码：

<h1 align = "center">测试标题

<h2 align = "center" > 测试标题 </h2>

效果：

测试标题

OR

测试标题

标题居左

<h1 align = "left" > 测试标题 </h1>

效果：

测试标题

标题居右

<h2 align = "right" > 测试标题 </h2>

效果：

测试标题

内容居中：

10	居中	+居中内容+
11	右对齐	右对齐
12	左对齐	右对齐

4.快捷键使用

选择：

Ctrl+E：选中一段(按两下会选中一段中的同格式的)

Ctrl+L：选中一句

Ctrl+D：选中一词

内容：

==

目录

• :smile
• 1.Typora图片问题
  • 1.1本地.md文件
  • 1.2本地.md文件上传博客
• 2.Typora设置问题
• 3.语法
  • • HTML超文本标记语言
• 4.快捷键使用
  • • 选择：
    • 内容：
    • 格式：

生成目录

>+空格：

引用

-+空格：

• 无序列表

---：

分割线

---

:换行

Ctrl+T：插入表格

格式：

Ctrl+\:清除格式

\+字符：转义

Ctrl+B：加粗

Ctrl+I：斜体

Ctrl+U：下划线

Alt+Shift+5：删除线

Ctrl+Shift+`:着重

Ctrl+Alt+H:高亮(此项为快捷键自加的)

[^数字]：脚注：

12^[1]
[^数字]::脚注索引：

图片，链接略

#：标题：

---

1. ↩︎