markdown语法入门

前言:

  • 学习计算机也有一年了,偶然了解到typora(可以去官网下,不过比较慢),这个写电子笔记超级方便的软件,于是趁着暑假学习了markdown语法(部分),平常用来写笔记应该是足够了。
  • 然后又惊喜的发现,csdn也可以用markdown语法写文章,于是把我整理的语法分享给大家。

markdown语法入门


一:有快捷键的部分 (标题除外{ctrl 1~6})

1:*斜体* (ctrl I)斜体

2:**加粗** (ctrl B)加粗

3:***加粗斜体***(ctrl B、I)加粗斜体

4 :<u>下划线</u>(ctrl U)下划线

5:~~删除~~(shift alt 5)删除

6:[超链接名](地址)【ctrl K】哔哩哔哩
ps:地址可以是本机地址,也可以是网络地址,甚至可以是本文标题地址(网络地址要全,不然就默认是本机地址);ctrl+点击 进入超链接

7:[图片名称)(地址)]【ctrl shift I】
末日三问,珂朵莉
和超链接类似可以使用HTML的<img>标签^ html的img

8:> 引用 (ctrl shift Q)

引用可以嵌套

但是只能在行首,也就是说一行都是引用

9:表格 (ctrl T)

|表头1|表头2|……|                   <!--第一行必须是表头-->
|:----|:---:|----:|	              <!--第二行必须是这个-->
|内容1|内容2|……|                   <!--第二行的冒号位置代表这一列的对齐方式-->
|内容1_1|……|……|                   <!--"|"对不对齐都没关系-->
表头1表头2……
内容1内容2……
内容1_1…………

10:代码、代码块

`代码段` (ctrl ~)           <!--"`"一对两对都可以-->
<!--为什么要用代码块呢?因为这个(不知道是编辑器还是语言)的问题,它采用就近原则,以至于这个东西的语法就很难嵌套或者进行特定表达-->
那就顺便说说代码块语法:
​```语言名称                <!--"`"or"~"三个及以上的数量都可以-->
代码块内容                  <!--代码块可以嵌套,可以用"`"与"~"搭配使用-->
​```<!--不过用"~"的话在源代码模式下不好看-->

11:公式,公式参考

行内公式:$\int_a^b f_{(x)}{\rm d}x=F_{(b)}-F_{(a)}=F_(x)|_a^b$
_行间公式:(ctrl shift M)
$$ {我不知道这个里面放什么}
e^{ix} = \cos x+i\sin x
$$ {但是放了好像也不影响}				<!--在typora里不会显示,在CSDN转码以后就会显示出来-->

行内公式: ∫ a b f ( x ) d x = F ( b ) − F ( a ) = F ( x ) ∣ a b \int_a^b f_{(x)}{\rm d}x=F_{(b)}-F_{(a)}=F_(x)|_a^b abf(x)dx=F(b)F(a)=F(x)ab
行间公式:
e i x = cos ⁡ x + i sin ⁡ x e^{ix} = \cos x+i\sin x eix=cosx+isinx

二:没有快捷键的部分(可以自定义快捷键)

1:==高亮==高亮

2:^上标^,丑奴儿·书博山道中壁^宋·辛弃疾^ :丑奴儿·书博山道中壁宋·辛弃疾

3:~下标~,CH~3~COCOOH : CH3COCOOH

4:分割线:---or***(三个及以上,单独成行)



5: 无序排序:+or-or*,tap键下一级

  • 封装性
  • 继承性
  • 多态性

6:有序排序:1.空格键,自动排序

  1. 1GL:机器语言
  2. 2GL:汇编
  3. 3GL:高级语言

7:任务排序:-'空格'['空格']'空格',已完成任务是:-'空格'[x]'空格'

  • 睡觉
  • 吃饭

8:自动目录:@[toc](会根据标题来变化,可以跳转)

9:emoji(typora的拓展内容):'代表emoji表情的拼写':(会出现拼写提示)
😄 😂 💯 更多emoji

10:备注:

  • 备注标记:[^备注名]:牛顿莱布尼茨公式1
  • 备注对应解释:[^备注名]: '解释'
    本来是准备放在这里的,但是被CSDN排版到文章末尾去了

三:画图(好像是typora支持某JS模块)

1:简化流程图(图表,graph):

	```mermaid
	graph LR
	A[方形] -->B(圆角)
	    B --> C{条件a}
	    C -->|a=1| D[结果1]
	    C -->|a=2| E[结果2]
a=1
a=2
方形
圆角
条件a
结果1
结果2

如果要改成纵向的话就把graph 属性从LR变成TD

2:UML时序图(sequenceDiagram):

  • 简单UML时序图:
​```mermaid
	sequenceDiagram
	对象A->>对象B: 对象B你好吗?(请求)
	Note right of 对象B: 对象B的描述
	Note left of 对象A: 对象A的描述(提示)
	对象B-->>对象A: 我很好(响应)
	对象A->>对象B: 你真的好吗?
​```
对象A 对象B 对象B你好吗?(请求) 对象B的描述 对象A的描述(提示) 我很好(响应) 你真的好吗? 对象A 对象B
  • UML标准时序图样例
​```mermaid
%% 时序图例子,-> 直线,-->虚线,->>实线箭头
  sequenceDiagram
    participant 张三
    participant 李四
    张三->王五: 王五你好吗?
    loop 健康检查
        王五->王五: 与疾病战斗
    end
    Note right of 王五: 合理 食物 <br/>看医生...
    李四-->>张三: 很好!
    王五->李四: 你怎么样?
    李四-->王五: 很好!
​```
张三 李四 王五 王五你好吗? 与疾病战斗 loop [健康检查] 合理 食物 看医生... 很好! 你怎么样? 很好! 张三 李四 王五

3:甘特图(gantt):

  • 简单甘特图
​```mermaid
gantt
        dateFormat  YYYY-MM-DD
        title 标题
        section 现有任务
        已完成               :done,    des1, 2014-01-06,2014-01-08
        进行中               :active,  des2, 2014-01-09, 3d
        计划中               :         des3, after des2, 5d
​```
Mon 06 Mon 13 已完成 进行中 计划中 现有任务 标题
  • 复杂甘特图
​```mermaid
gantt
        dateFormat  YYYY-MM-DD
        title 软件开发甘特图
        section 设计
        需求                      :done,    des1, 2014-01-06,2014-01-08
        原型                      :active,  des2, 2014-01-09, 3d
        UI设计                     :         des3, after des2, 5d
    未来任务                     :         des4, after des3, 5d
        section 开发
        学习准备理解需求                      :crit, done, 2014-01-06,24h
        设计框架                             :crit, done, after des2, 2d
        开发                                 :crit, active, 3d
        未来任务                              :crit, 5d
        耍                                   :2d
        section 测试
        功能测试                              :active, a1, after des3, 3d
        压力测试                               :after a1  , 20h
        测试报告                               : 48h
​```
Mon 06 Mon 13 Mon 20 需求 原型 UI设计 未来任务 学习准备理解需求 设计框架 开发 未来任务 功能测试 压力测试 测试报告 设计 开发 测试 软件开发甘特图

四:引用网址(没看懂的话可以去看)

  1. 超链接示例:https://www.bilibili.com
  2. 图片来自:http://sukasuka-anime.com
  3. html的img标签:https://www.runoob.com/tags/tag-img.html
  4. emoji:https://www.cnblogs.com/wangjs-jacky/p/12011208.html
  5. Typora 语法整理思路:https://www.bilibili.com/video/BV1yW411s7og
  6. markdown 画图语法:https://blog.csdn.net/WeiLanooo/article/details/102800554

后记:

  • 本文是个人的学习笔记写的时候是用的Vue主题,如果有错误请指正。
  • 本来是准备分享typora的使用方法的,但是在编辑这篇文章的时候发现了CSDN的markdown编辑果然不如typora好用(typoraYYDS)
  • 由于不知道应该怎么首行缩进,于是用了无序列表的方法代表首行缩进,如果有知道如何缩进的请告诉我(这么写的太难受了)

  1. f(x)在[a,b]上连续,且有F(x)=f(x) ↩︎

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值