LiuWen's Blogs
0%

[Markdown]进阶用法

Posted on In

记录最近用到的一些markdown进阶用法备忘

目录#

页面管理#

  • 转pdf的分页符 
    1
    <div STYLE="page-break-after: always;"></div>

字体#

大小、颜色、字体#

1
2
3
4
5
6
7
8
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=red>我是红色</font>
<font color=#008000>我是绿色</font>
<font color=Blue>我是蓝色</font>
<font size=5>我是尺寸</font>
<font face="黑体" color=green size=5>我是黑体，绿色，尺寸为5</font>

我是黑体字 我是微软雅黑 我是华文彩云 我是红色 我是绿色 我是蓝色 我是尺寸 我是黑体，绿色，尺寸为5

背景色#

1
<table><tr><td bgcolor=yellow>背景色yellow</td></tr></table>
背景色yellow

图片#

设置图片大小#

1
<img src="xxx  url" width="350" height="350" >

或 

1
2
3
![test image size](url){:class="img-responsive"}
![test image size](url){:height="50%" width="50%"}
![test image size](url){:height="100px" width="400px"}

图片位置设置#

  • align: right、left、middle 
    1
    <div align=middle><img src="xxx url" width="350" height="350" ></div>

表格#

  • 指定列宽 
    1
    <div style="width: 180pt"> 
1
2
3
4

| <div style="width: 180pt"> | <div style="width: 88pt">full rpc | <div style="width: 88pt">partial rpc | <div style="width: 88pt">优化占比 |
| :-: | :-: | :-: | :-: | 
| 15048 **ncalls** | 1999 | 1598 | 44.42% |

plantuml画图#

参考连接[vscode]markdown+plantuml画图

reference#

  1. Markdown 基本语法
  2. GitHub目录自动生成工具
  3. [vscode]markdown+plantuml画图