标签：markdown 网页 -- 基础 MarkDown 源代码 分割线 图片

MarkDown基础教学

各种标题

---

一级/二级/三级/.../n级标题

都是采用###的形式，几个#号就代表第几级标题

---

字体

粗体

采用双*号夹住内容，例如你好

斜体

采用单星号夹住内容，例如你好

需要考虑*号在被引用文本左右两边的唯一性

删除线

采用被操作文本两侧夹住～～来实现删除线的效果，例如这是一个被删除线覆盖的文本

---

引用

即使用>来创建引用行，切记>之后需要空格才可以使编辑器形成引用

---

分割线

采用---（三个剪号形成分割线），下面就是实现，怎么样够简单吧

其实也可以采用图片的形式进行分割线，这里有个很好的案例，分享给大家，可以保存

超链接

Made you look！

像这样是实现之后的样子“呈现的图片描述”

​ 就是高亮的位置！点击之后可以直接跳转到网页哦

原理

这里是源代码中的呈现（你可以直接使用）

就是这个

​ 由此可以看出，这里的语法分为两部分，一个是[]中的网页描述（高亮显示），另一个 是（）中的网页链接

图片

​ 和超链接一样有着异曲同工之妙，只是要让markdown知道你要引入的是图片

​ 让我们一起来看看吧

只需要在超链接语法的基础上在句式开头加上一个（英文）感叹号!

这里不做过多演示 ![]括号自己加，懒得截图，你会看到markdown编辑器会自动跳出一个句式，等待你引入本机的图片路径还是在线图片链接

！！！做特殊说明，在线图片链接需要自行寻找，方法如下

1. 打开图片所在的网页。
2. 右击图片，找到元素审查（Safari浏览器需要自行在偏好设置--高级中找到开发并且勾选，即可在右击后出现元素审查）。
3. 高亮的位置下面第一个链接就是图片的在线链接，你可以拷贝下来放在链接的引用处

列表

有序列表

直接数字加点，然后空格就完成了列表的创建

无序列表

直接 ➖ 加空格即可，呈现形式就是如下所示

• hello

表格

第一步

姓名|年龄|生日

--|--|--

张三|19|2004.8.1

第二步

进入源代码模式，删除掉表格之间的空行，退出源代码模式就看到了创建的表格

姓名	年龄	生日
张三	19	2004.8.1

代码

实例

include <stdio.h>
  
int main(){
  	printf("Hello World!");
  	return 0;
}

实现方法

三个```符号

再加上自己想使用的语言，例如java c c++ rust等

注意事项

1. 所有的符号和编程语言一样都需要使用英文输入法才能触发markdown的功能。
2. 所有的操作都尽量凸显出markdown的层次感，善用这些功能写好博客是成为优质程序员的第一步。

标签：markdown,网页,--,基础,MarkDown,源代码,分割线,图片
From： https://www.cnblogs.com/lwjDeBoKe/p/17127090.html