Typora 用 markdown 来打开博客

Typora 用 markdown 打开你的博客

​ 首先祝大家新年快乐！加了一顿餐之后，没啥事做（其实是啥都不想做）就想着写一篇介绍 Typora 的随笔吧。一个比较好用的 markdown 编辑器，界面美观，用起来舒服，记录一下它的食用方法以免日后遗忘。（遗憾的是本人比较懒，每次写完之后，直接将代码复制粘贴到 CSDN上，很不美观 QAQ）
痛心疾首，从 Typora 上复制到 csdn 上显示的简直是辣眼睛，所以本人决定将博客的 PDF 版本分享给大家（虽然多了好多下划线），毕竟看得舒服也是一种对大家的尊重。
https://pan.baidu.com/s/1bKGb5fVlHIJpRRx3m3ZI4w 提取码: fthd

​ 注意： 显示的文字都要与使用的标记符号中间空一格,并且 markdown 语法与 HTML 兼容，在一些细节处理上不满意的大家可以使用HTML文本来进行修饰

### 一个标题 正确的用法
###一个标题 错误的用法

1. 多级标题

   一级标题

   也是一级标题

   二级标题

   也是二级标题

   三级标题

   四级标题

   五级标题

   六级标题

 # 一级标题
 
 也是一级标题
 =================
 
 ## 二级标题
 
 也是二级标题
 -----------------
 
 ### 三级标题
 #### 四级标题
 ##### 五级标题
 ###### 六级标题

2. 插入表格

   可以通过表格右侧的 more actions 来改变表格，也可使用左上角的调整表格来改变表格的行列数

   name	age	sex

 | name | age | sex | 

3. 引用

   使用 > 符号回车可以添加引用，还允许嵌套使用，在引用中使用 >

   这是一个引用

   这是一个引用的引用

   这是一个引用的引用的引用

4. 插入注释

   既然兼容 HTML 语法，那么也会兼容 HTML 注释

5. 插入代码

   中文输入下 ```回车，并可以在右下角选择编程语言

 % 这是一个 matlab 编程语言的代码框

 ​```

6. 分割线

   以下有四种方法来定义分割线，效果稍微有点不同

   ---

   ---

   ---

   ---

 ***
 ******
 ---
 ------

7. 删除线

   将要加上此效果的文字左右用 ~~ 包围起来，注意这里文字与标记符号之间不需要加空格

   我被删除了

 ~~我被删除了~~

8. 文字的样式

   注意这里文字与标记符号之间不需要加空格

   28号的字体

   斜体字

   粗体

   粗斜体

 
 28号的字体
 *斜体字*
 __粗体__
 ***粗斜体***

9. 下划线

   我们可以使用 HTML 的 标签 来进行实现

   我下面有一根下划线

  我下面有一根下划线

10. 脚注

    用于添加对文本的解释 [^ 要备注的内容]，接着我们需要对要备注的内容进行备注，并且要备注的整体不能顶格，至少加一个空格

    效果如下：

    ^ 沃特艾文儿

 [^沃特艾文儿] 
[^沃特艾文儿]: 我最喜欢的词作

11. 插入图片
    ])

    !["头像"](https://img-blog.csdnimg.cn/img_convert/1132ff29587cc463db1a5cbbd78676bb.png)
    

12. 有序列表（可与引用联合使用）

    • 第一项
    • 第二项
    • 第三项

      
      * 第一项
      * 第二项
      * 第三项
      
      + 第一项
      + 第二项
      + 第三项
      
      - 第一项
      - 第二项
      - 第三项
    

13. 无序列表

    数字之后加上 . 再空一格

    1. 第一项
    2. 第二项
    3. 第三项

    1. 第一项
    2. 第二项
    3. 第三项
    

14. 链接

    Typora 链接地址

    [Typora 链接地址](https://www.typora.io/)
    

15. 转义符号

    markdown 好多地方都使用了简单的符号的组合 比如 *** — ==== 等等，如果想在文本时上面显示出来，就需要用转义符号来进行转义。

    粗斜体

    *** 不是粗斜体 ***

    \*** 不是粗斜体 \***
    

16. 简单流程图

    ​ 传送门 这是菜鸟上大佬分享的比较全面的流程图绘制，作为一个小白也只能一点一点学习，这里就给出一个比较简单的例子啦~（感觉中间传过去的数据那部分不太美观）

    偷偷说一下，这个是我爬取教务网成绩和课程的流程图，以后也许写一篇博文来详细讲解一下

    账户名称与密码

    dataSting

    Location

    cookies

    cookies

    使用cookies完成身份识别

    登录界面
    填写账户名称密码

    getEncoded 加密函数

    访问 url1 获取 dataString

    访问 url2 获取 Location 和 cookies

    访问 Location

    更新 cookies

    教务网界面

    ​```mermaid
    graph LR
    A[登录界面
    填写账户名称密码] -->|账户名称与密码| C( getEncoded 加密函数)
    B[访问 url1 获取 dataString] -->|dataSting| C(getEncoded 加密函数)
    C --> D(访问 url2 获取 Location 和 cookies )
    D --> |Location| E(访问 Location)
    E --> |cookies| F(更新 cookies)
    D --> |cookies| F
    F --> |使用cookies完成身份识别| G(教务网界面)
    ​```
    

    这是Typora 上的显示，差距好大，离谱了。。。
    

17. 公式书写

    markdown 语法可以兼容 LaTeX 语法来插入公式等。但本人没有接触太多，看着头就晕， 例子从 Typora 复制到 csdn上又显示错误QAQ，给大家一个传送门吧！
    等我学成归来，一定给大家讲解一番！