框架介绍
前言 ：
半夜两点开始做的 特效颜色之后会补 还要考试 今天就用白板了
不是我针对c**n 这平台就是laji
历史
Markdown 是一种轻量级标记语言，创始人是约翰・格鲁伯（John Gruber）。它允许人们 “使用易读易写的纯文本格式编写文档，然后转换成有效的 HTML 文档”。
—— 维基百科。
markdow 支持html css
可以用来写电子书 比如gitbook 如今被广泛应用到写博客
比如 GitHub、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge csdn
环境 （markdown +html+css ）效率为主
编辑器 markdown github 网页版
1.众所周知网页开发基本必备各种网页版编译环境
2.markdown ：专属编辑器
3.vscode： 开机自带
个人认为github方便一点 虽然他有专门的编辑器 但是大多数从事程序员工作电脑上基本都有github 直接创建.md文件就好
bug
- Markdown 源文件只规定了显示的内容，并没有定义显示的样式，所以在不同的预览环境下会看到不同的效果。为了使其保持统一，需要将 Markdown 文件转换成 HTML 文件；
- 常见的 Markdown 编辑器都带有导出成 HTML 的功能，导出后通常含有编辑器自带样式；
- 利用 Pandoc，我们可以在命令行中直接将 Markdown 文件导出成 HTML 文件。
vscode添加markdown 预览功能
实战编写 与 语法规则
csdn导航栏自带了很多功能（跳过）下面 直接讲markdown标准写法
一 标题
1 下划线标题
不建议使用 因为懒 不方便
2用
# h1 ## h2 ### h3 #### h4 ##### h5 ###### h6
二 字体 （本章讲简单的 加粗 斜体 删除线）
**加粗样式** *斜体样式* ~~删除线格式~~ > 这里是引用
三 段落
markdown直接编辑就好
比如这样 随便换行 但是csdn这个吸金gouB特有的disbuff就是吞噬空格 和换行 下面会教你使用html代码解决这个问题 ：一个字符的半角的不断行的空格，如果需要在网页中插入多个空格，可以将“ ”代码写多遍（常用方式）；   ：一个字符的半角的空格，也可以将“ ”写多遍来插入多个空格；   ：两个字符的全角的空格，也可以将“ ”写多遍来插入更多的空格；  ：小于一个字符的空格；说明：单词后面的分号记得带上，是不能省略的，它也是html代码中的一部分
引用
> 这里是引用
四 代码
csdn有助手帮助比较方便
实际上只需要三个点 如图所示
咳咳咳禁止套娃
无用拓展👇
<p>行内的 html 代码： <code><head><title>网页标题</title></head></code></p> <p>行内的 json 代码：<code>var json = {key: value};</code></p>
高级语法
超链接
[Markdown语法](https://markdown.com.cn "最好的markdown教程")``` # 中括号为显示部分 # 括号里面放链接 # 引号里面放渲染部分 当年客户端展示时鼠标放到上面会显示链接的悬停标题 效果如下
表格
项目 | Value -------- | ----- 电脑 | $1600 手机 | $12 导管 | $1 | Column 1 | Column 2 | |:--------:| -------------:| | centered 文本居中 | right-aligned 文本居右 |
分割线
列表
无序
- List item
有序
1. List item
代办
- [ ] List item
隐藏玩法
可使用的html标签
行内不受限
<span>、<cite>、<del> <a> <img>
区域块不受限
<div>、<table>、<pre>、<p> # 为了避免bug 这里不需要遵守html规则可直接使用这些标签 如下 This is a regular paragraph. <table> <tr> <td>Foo</td> </tr> </table> This is another regular paragraph.
This is a regular paragraph.
| Foo |
This is another regular paragraph.
1 空格
当你使用markdown语法无法完成某一操作的时候 就需要去使用html/css
<p>html空格 空格 基础教程(cainiaojc.com)</p> <p>html空格   空格   基础教程(cainiaojc.com)</p> <p>html空格   空格   基础教程(cainiaojc.com)</p> <p>html空格   空格   基础教程(cainiaojc.com)</p>
2 不常用的html字符
符号 表示   普通的英文半角空格     普通的英文半角空格但不换行 　 中文全角空格（一个中文宽度）     半角(en)空格 （半个中文宽度，不受字体影响）     全角(em)空格 （一个中文宽度，不受字体影响）   四分之一全角(em)空格 （四分之一中文宽度）   普通空格 相比普通空格，不间断,按下space键产生的空格,不累加
