0%

Markdown语法

之前只学过一些基础的markdown语法,但今日需要用到表格、行内公式、行内代码、代码段、流程图、引用网址、引用图片等语法,因此在此总结,方便之后使用。

表格

1
2
3
| 序号 |   中文   |       英文       |
| :--: | :------: | :--------------: |
| 1 | 机器学习 | Machine Learning |
序号 中文 英文
1 机器学习 Machine Learning

公式

  1. 行内公式: \(y=ax+b\)

  2. 公式段:

    \(f(x)=\alpha x+\beta\)

    $f(x)=\alpha x+\beta$

    两者语法一样,都是用单个$。公式渲染调试参考

代码

  1. 行内代码:tmp = a[i]+b;

    1
    2
    # 语法:
    `tmp = a[i]+b;`
  2. 代码段:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    # 语法
    ```c++
    #include<iostream>
    using namespace std;
    int main()
    {
    cout<<"hello world";
    return 0;
    }
    ​```
    1
    2
    3
    4
    5
    6
    7
    #include<iostream>
    using namespace std;
    int main()
    {
    cout<<"hello world";
    return 0;
    }

流程图

1
2
3
4
5
6
7
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
1
2
3
4
5
6
7
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op

引用网址

  1. 在当前页跳转:[百度](http://baidu.com) 百度

  2. 在空白页打开:<a href="https://baidu.com" target="_blank">百度</a> 百度

    两者好像效果一样,估计跟渲染器有关

引用图片

1
2
3
4
![图片alt](图片地址 ''图片title'')

图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加
图片alt
图片alt

文字颜色、大小、居中

用html的语句写就可以啦

我可以设置这一句的颜色哈哈

我还可以设置这一句的大小嘻嘻

我甚至可以设置这一句的颜色和大小呵呵

这一行需要居中
1
2
3
4
<font color="#FF0000"> 我可以设置这一句的颜色哈哈 </font> 
<font size=6> 我还可以设置这一句的大小嘻嘻 </font>
<font size=5 color="#FF0000"> 我甚至可以设置这一句的颜色和大小呵呵</font>
<center>这一行需要居中</center>

引用

主要参考:简书大佬教程

数学公式:渲染

欲戴皇冠,必承其重,加油!