【Tools系列】之Markdown编辑实用小技巧(持续更新ing)

Date: 2018.9.13


1、参考:

https://www.jianshu.com/p/61f6e84619de
https://www.jianshu.com/p/191d1e21f7ed
https://blog.csdn.net/manjianchao/article/details/53668280

2、添加空格
  1. 手动输入空格 ( )。注意!此时的分号为英文分号;
  2. 使用全角空格。即:在全角输入状态下直接使用空格键就ok了。
3、添加超链接
[超链接名](超链接地址 "超链接title")
title可加可不加

举个栗子:
我的CSDN主页
百度

注:markdown本身语法不支持链接在新页面中打开,如果想要在新页面中打开的话可以用html语言的a标签代替
比如:

采用a标签的CSDN主页

4、添加标题

我是一级标题

我是二级标题

我是三级标题

我是四级标题

我是五级标题
我是六级标题
5、设置字体大小、颜色、背景色、粗体等属性
  1. 加粗
    要加粗的文字左右分别用两个*号包起来
    我是粗体

  2. 斜体
    要倾斜的文字左右分别用一个*号包起来
    我是斜体

  3. 斜体加粗
    要倾斜和加粗的文字左右分别用三个*号包起来
    我是斜体加粗

  4. 删除线
    要加删除线的文字左右分别用两个~~号包起来
    我是删除线

  5. 设置字体颜色
    我是红色的
    我是绿色的
    我是蓝色的
    我是紫色的

  6. 设置字体大小
    size为1:size为1
    size为2:size为2
    size为3:size为3
    size为4:size为4
    size为10:size为10

  7. 设置字体类型
    我是黑体字
    我是宋体字
    我是微软雅黑字
    我是fantasy字
    我是Helvetica字

  8. 设置背景色

背景色的设置是按照十六进制颜色值:#7FFFD4
背景色的设置是按照十六进制颜色值:#FF83FA
背景色的设置是按照十六进制颜色值:#D1EEEE
背景色的设置是按照十六进制颜色值:#C0FF3E
背景色的设置是按照十六进制颜色值:#54FF9F
6、添加横线

三个或者三个以上的 - 或者 * 都可以。



7、列表格
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略

举个栗子:

速度 时间 比例
10 20 0.5
20 30 0.2
8、引用

在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>
n个…

9、添加图片
![图片alt](图片地址 ''图片title'')

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

Open Source

10、列表

语法:
无序列表用 - + * 任何一种都可以,注意:- + * 跟内容之间都要有一个空格。

-无序列表1

  • 无序列表2
  • 无序列表3
    **有序列表:**数字加点
  1. 有序列表1
  2. 有序列表2
  3. 有序列表3
11、代码

语法:
单行代码:代码之间分别用一个反引号包起来

`code`

代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

  code...
  code...
  code...
12、流程图

flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&

Created with Raphaël 2.2.0开始My OperationYes or No?Endyes
13、表格中合并单元格效果

参考自:https://blog.csdn.net/loongshawn/article/details/72829090?ref=myread
主要用到了HTML的一个标签:

  • rowspan:规定单元格可横跨的行数。横跨几行属性值就写几,如上图中横跨7行,则rowspan=”7”
  • colspan:规定单元格可纵深的列数。

一、合并行

<table>
    <tr>
        <td>列一</td> 
        <td>列一</td> 
   </tr>
    <tr>
        <td colspan="2">合并行</td>    
    </tr>
    <tr>
        <td colspan="2">合并行</td>    
    </tr>
</table>
列一 列一
合并行
合并行

二、合并列

<table>
    <tr>
        <td>列一</td> 
        <td>列二</td> 
   </tr>
    <tr>
        <td rowspan="2">合并列</td>    
        <td >行二列二</td>  
    </tr>
    <tr>
        <td >行三列二</td>  
    </tr>
</table>
列一 列二
合并列 行二列二
行三列二
N、持续更新ing…

THE END!

posted @ 2019-03-07 22:08  SoaringLee_fighting  阅读(373)  评论(0编辑  收藏  举报