用markdown写博客

常见用法代码对照

Posted by 继省阁尚书 on May 4, 2020

<!-- 想写注释的话用这一行代码里的符号,不会显示 -->

<!-- 习惯了markdown之后写作效率明显提高 -->

<!-- 写代码记得换行和空格 -->

下面每一行内容,我都贴出对应代码。阴影部分,就是在markdown文档里输入的“代码”。

一级标题——怎样用markdown写文章

# 一级标题——怎样用markdown写文章

其实世上本没有路,走的人多了,也就成了路。——鲁迅

其实世上到处是坑,陷的人多了,坑也就平了。——不是鲁迅说的

> 其实世上本没有路,走的人多了,也就成了路。——鲁迅

> 其实世上到处是坑,陷的人多了,坑也就平了。——不是鲁迅说的

二级标题——正文段前空两格

## 二级标题——正文段前空两格

  正文,前面用两组代码实现首行空格。

&emsp;&emsp;正文,前面用两组代码实现首行空格。

<!-- 一个&emsp;等于一个汉字 -->

三级标题——粗体斜体字号调整

一对星号之间内容斜体; 两对星号之间内容粗体; 三个星号是分割线 ***

四级标题——改变字号

<font size=4>我是4号字</font> <font size=6>我是6号字</font>

### 三级标题——粗体斜体字号调整

*一对星号之间内容斜体;*
**两对星号之间内容粗体;**
三个星号是分割线
***
<!-- 不知道又粗又斜怎么弄 -->


#### 四级标题——改变字号

<font size=4>我是4号字</font>
<font size=6>我是6号字</font>

插入图片

  在网上找到图片,右键复制图片绝对地址;或自己上传到某个平台(如Github)上,获得图片链接地址。插入图片的代码有两类写法:markdown语法或html语法。html语法比较方便设置对齐方式、图片大小等格式。

markdown语法插图

html语法插图

### 插入图片

&emsp;&emsp;在网上找到图片,右键复制图片绝对地址;或自己上传到某个平台(如Github)上,获得图片链接地址。插入图片的代码有两类写法:markdown语法或html语法。html语法比较方便设置对齐方式、图片大小等格式。

![](https://www.almanac.com/sites/default/files/styles/primary_image_in_article/public/spring-1210194_1280.jpg)

markdown语法插图
<p align="center">
  <img src="https://www.almanac.com/sites/default/files/styles/primary_image_in_article/public/spring-1210194_1280.jpg?itok=SAzwzVq8" style="width: 450px;"/>
</p>

html语法插图

插入代码

本图来自参考资料(见文末)

#PBS -l walltime=20:00:00
#PBS -l mem=200gb
#PBS -l nodes=1:ppn=8
#PBS -M shang.su@vai.org
#PBS -m abe

#setup environment
source /home/shang.su/miniconda3/etc/profile.d/conda.sh
conda activate bioinfo
### 插入代码

<p align="center">
<img src="https://jixingsu.github.io/img/code.png?raw=true" />
</p>
本图来自参考资料(见文末)
<!-- 此处应有``` -->
#PBS -l walltime=20:00:00
#PBS -l mem=200gb
#PBS -l nodes=1:ppn=8
#PBS -M shang.su@vai.org
#PBS -m abe

#setup environment
source /home/shang.su/miniconda3/etc/profile.d/conda.sh
conda activate bioinfo
<!-- 此处应有``` -->

插入表格

算了,表格太麻烦,不写了。。。还不如截个图。

参考

[1] 献给写作者的 Markdown 新手指南

## 插入表格
算了,表格太麻烦,不写了。。。还不如截个图。

## 参考
[1] [献给写作者的 Markdown 新手指南](https://www.jianshu.com/p/q81rer)
<!--像上一行这样写,就可以实现上面参考资料超链接的效果 -->