尝试学习一些markdown语法,以及一些效果,但是换成HTML之后可能就糊掉了,想不到解决方法
基础部分
typora能够实时渲染,所以记得开源代码显示器
标题
这个我不用多说吧
段落
除了这个回车之外
还有这个
换行或者shift+entet我
我
我
风格
以下代码能够实现换行,大概,放在最后一行
分割线
这样或者
这样
项
- 无序项
- 及其连环套
- 简单吧
- 有序
- 同理
- 项
引用
引用
和交叉引用
很简单
对吧
层数
强调
包括加粗和斜体甚至可以这样
辅助线
删除和下划线
字体
使用 <font> 标签的修改字体
这里是默认字体
这里是黑体
这里是楷体
这里是扩展字体
使用 <font> 标签的修改字号
这里是默认正文字号
1号字 最小
2号字
3号字 默认
4号字
5号字
6号字
7号字 最大
前景色和背景色
使用 <font> 的标签的修改文字前景色
红色 绿色 蓝色
使用 rgb 颜色值
使用十六进制颜色值
使用 style 属性修改文字的背景色
红色 绿色 蓝色
使用 rgb 颜色值
使用十六进制颜色值
更丰富背景样式
I wish you a Merry Christmas
使用图片作背景
太阳太阳，给我们带来，七色光彩
渐变背景色
行内代码和代码块
定义行内代码
行内的 html 代码：<head><title>网页标题</title></head>
行内的 json 代码：var json = {key: value};
使用反引号定义代码块
pubic static void main(String[] args) {
System.out.println("Hello world");
}
超链接
声明超链接
一对中括号就可以将文字转换为超链接，如: 北京，上海，广州，深圳
声明超链接的细节
声明超链接的细节
天坛公园，是明清两代皇帝每年祭天和祈祷五谷丰收的地方。天坛以严谨的建筑布局、奇特的建筑构造和瑰丽的建筑装饰著称于世。
图片
使用全局声明方式插入图片
拓展
此时很多东西就需要有相应插件了,自己查看
任务列表
在 Markdown 文件中，在 " 无序列表 -,+,* " 后面使用 「中括号 []」 声明复选框。在中括号中写入 x ，便可实现选中效果。
就像是
复选框 checkbox
- Java
- Php
转义
在文档中使用特殊字符
如果不使用转义字符，以下算式将不能按预期输出
234=24
以上算式的正确写法为：
2*3*4=24
注释
基于 HTML 样式
这是一段没有被注释的文字
通过 Markdown 解析达到注释效果
这是一段没有被注释的文字
表格
Markdown 表格包含三个部分：表头、分割线、数据。
- 表头 用来对列名对象进行描述，也就是通常所说的列名；
- 数据 用来展示每行的具体内容，数据是表格的核心；
- 分割线 用来区分表头和数据，也是 Markdown 中表格定义的最基本语法要求。
表格内容的对齐
| 左对齐 | 居中对齐 | 右对齐 |
|---|---|---|
| 1 | 张三 | 17岁 |
| 2 | 李四 | 18岁 |
| 3 | 王五 | 19岁 |
流程图
纵向
graph TD
开始 --> 结束
横向
graph LR
开始 --> 结束
名字和内容分开
graph LR
一号节点[在此输入希望在一号节点上显示的文字内容]
二号节点[如常]
一号节点 --> 二号节点
特殊形状
graph TD
圆((节点显示文本))
这种>也可以]
长方形[或者]
这个{菱形}
我{{六角形}}
平行四边形[/这个/]
或者这种[\难以理解的脑洞/]
连接线
一般的
graph LR
A --- B -- 带文字连接线 --- C
B --> A
C -.-> D
E -.带文字也可以.-> f ==> A ==一样的 ==> C
更高级的
graph TB
c1-->a2
subgraph 第一组
a1-->a2
end
subgraph 第二组
b1-->b2
end
subgraph 第三组
c1-->c2
end
时序图
| 类型 | 描述 |
|---|---|
| -> | 没有箭头的实线 |
| –> | 没有箭头的虚线 |
| -» | 有箭头的实线 |
| –» | 有箭头的虚线 |
| -x | 有交叉箭头的实线 |
| –x | 有交叉箭头的虚线 |
sequenceDiagram
李雷 ->韩梅梅: Hi LiLei, How do you do?
韩梅梅-->>李雷: How do you do!
别名
sequenceDiagram
participant l as 李雷
participant h as 韩梅梅
l->>h: Hello Hanmeimei, how are you?
h->>l: Hello Lilei, I am fine, thank you, and you?
l-->h: I am fine, thank you.
添加备注
sequenceDiagram
李雷->>韩梅梅: Hi Hanmeimei, How do you do?
Note over 李雷,韩梅梅: Lesson 1
韩梅梅-->>李雷: How do you do!
聚焦和另一种备注
sequenceDiagram
participant l as 李雷
participant h as 韩梅梅
l->>h: Hello, what's your name?
activate h
h-->>l: Hello, my name is Hanmeimei!
deactivate h
Note left of l : test
l->>+h:yeah
h->>-l :great
逻辑
sequenceDiagram
participant l as 李雷
participant h as 韩梅梅
l ->> h: Hello, what's your name?
loop test 听到与否
opt 听到了吗
l->>h:can you hear me?
alt yes
h->>l: yeah
else no
h->>l: what
end
end
end
h ->> l :great
类图
包括用class或者关系声明类,用冒号声明类成员
classDiagram
class 动物
class 我
动物 : 吃()
动物 : 我
我 --|> 动物
我:另一个
更多声明
classDiagram
class 银行账户 {
+String 户主
+BigDecimal 余额
+存(数量)* bool
+取(数量)- int
}
classA --|> classB : 继承
classC --* classD : 组成
classE --o classF : 集合
classG --> classH : 关联
classI -- classJ : 实线连接
classK ..> classL : 依赖
classM ..|> classN : 实现
classO .. classP : 虚线连接
状态图
使用 <<fork>> 描述分支，使用 <<join>> 描述聚合。
stateDiagram
[*] --> 下单成功
下单成功 --> 备货
state 出货中 <<fork>>
备货 --> 出货中
出货中 --> 出货失败
出货失败 --> [*]
出货中 --> 出货确认
state 出货确认{
出货中 --> NumLock关
NumLock关 --> NumLock开 : 按下 NumLock 键
NumLock开 --> NumLock关 : 按下 NumLock 键
--
出货中 --> CapsLock关
CapsLock关 --> CapsLock开 : 按下 CapsLock 键
CapsLock开 --> CapsLock关 : 按下 CapsLock 键
--
[*] --> ScrollLock关
ScrollLock关 --> ScrollLock开 : 按下 ScrollLock 键
ScrollLock开 --> ScrollLock关 : 按下 ScrollLock 键
}
出货确认 --> 出货完毕
出货完毕 --> 订单完成
订单完成 --> [*]
甘特图
gantt
dateFormat :YYYY-MM-DD
title :甘特图实例
section 基本任务
已完成任务 :done, des1, 2014-01-06,2014-01-08
进行中任务 :active, des2, 2014-01-09, 3d
未开始任务1 : des3, after des2, 5d
未开始任务2 : des4, after des3, 5d
section 紧急任务
已完成的紧急任务 :crit, done, 2014-01-06,24h
已完成紧急任务1 :crit, done, after des1, 2d
进行中紧急任务2 :crit, active, 3d
未开始紧急任务3 :crit, 5d
未开始一般任务4 :2d
未开始一般任务5 :1d
section 文档编写
进行中文档任务1 :active, a1, after des1, 3d
未开始文档任务2 :after a1 , 20h
未开始文档任务3 :doc1, after a1 , 48h
section 其他部分
其他任务1 :after doc1, 3d
其他任务2 :20h
其他任务3 :48h
饼图
pie title 宠物的选择
"狗" : 386
"猫" : 185
"兔子" : 15
上下标
如题^不难^但是test这个方式实际上不兼容
有一个更实用的HTML
abcd
数学公式
最基本的是这个,将等式包裹在$$里面
$$a+b \ c+d $$
四则
加法符号：$x+y=z$
减法符号：$x-y=z$
加减符号：$x \pm y=z$
减加符号：$x \mp y=z$
叉乘符号：$x \times y=z$
点乘符号：$x \cdot y=z$
星乘符号：$x \ast y=z$
除法符号：$x \div y=z$
斜除符号：$x/y=z$
分式1 ：$\frac{x+y}{y+z}$
分式2 ：${x+y} \over {y+z}$
绝对值：$|x+y|$
逻辑运算
等于符号：$x+y=z$
大于符号：$x+y>z$
小于符号：$x+y<z$
大于等于符号：$x+y \geq z$
小于等于符号：$x+y \leq z$
不等于符号：$x+y \neq z$
不大于等于符号：$x+y \ngeq z$
不大于等于符号：$x+y \not\geq z$
不小于等于符号：$x+y \nleq z$
不小于等于符号：$x+y \not\leq z$
约等于符号：$x+y \approx z$
恒定等于符号：$x+y \equiv z$
高级运算
平均数符号：$\overline{xyz}$
开二次方符号：$\sqrt x$
开方符号：$\sqrt[3]{x+y}$
对数符号：$\log(x)$
极限符号：$\lim^{x \to \infty}_{y \to 0}{\frac{x}{y}}$
极限符号：$\displaystyle \lim^{x \to \infty}_{y \to 0}{\frac{x}{y}}$
求和符号：$\sum^{x \to \infty}_{y \to 0}{\frac{x}{y}}$
求和符号：$\displaystyle \sum^{x \to \infty}_{y \to 0}{\frac{x}{y}}$
积分符号：$\int^{\infty}_{0}{xdx}$
积分符号：$\displaystyle \int^{\infty}_{0}{xdx}$
微分符号：\partial，如：$\frac{\partial x}{\partial y}$
矩阵符号：$\left[ \begin{matrix} &1 &2 &\cdots &4 &5 &6 &\cdots &8\ &\vdots &\ddots &\cdots &13 &14 &15 &\cdots &16\end{matrix} \right]$
公式里的上下标
上标符号：$x^2$
下标符号：$y_1$
组合符号：$a^{x^{2}+y^{2}}$
希腊字母
阿尔法：$\Alpha$，$\alpha$
贝塔：$\Beta$，$ \beta$
伽玛：$\Gamma$，$\gamma$
德尔塔：$\Delta$，$\delta$
艾普西龙：$\Epsilon$，$\epsilon$
捷塔：$\Zeta$，$\zeta$
依塔：$\Eta$，$\eta$
西塔：$\Theta$，$\theta$
艾欧塔：$\Iota$，$\iota$
喀帕：$\Kappa$，$\kappa$
拉姆达：$\Lambda$，$\lambda$
缪：$\Mu$，$\mu$
拗：$\Nu$，$\nu$
克西：$\Xi$，$\xi$
欧麦克轮：$\Omicron$，$\omicron$
派：$\Pi$，$\pi$
柔：$\Rho$，$\rho$
西格玛：$\Sigma$，$\sigma$
套：$\Tau$，$\tau$
宇普西龙：$\Upsilon$，$\upsilon$
发艾：$\Phi$，$\phi$
器：$\Chi$，$\chi$
普赛：$\Psi$，$\psi$
欧米伽：$\Omega$，$\omega$
脚注
这里有一个脚注1。
这里有一个脚注2。
test
这里主要测数学公式
$$\lim_{x\to \infty} {ax+b} \ \displaystyle\sum_{x=0}^{x\to \infty} {1 \over x}$$
$$\in \sub $$