首页 > 其他 > 详细

Markdown使用指南

时间:2020-04-22 21:12:54      阅读:52      评论:0      收藏:0      [点我收藏+]

设置分级标题

语法示例:
技术分享图片

加粗文本

技术分享图片you know me

斜体

技术分享图片

下划线

技术分享图片

删除线

技术分享图片

添加分隔线

技术分享图片

引用文本

技术分享图片

添加待办事项

技术分享图片

添加符号列表或者数字列表

技术分享图片

插入链接

技术分享图片

插入图片

技术分享图片
直接复制粘贴图片即可,image不用填

调整图片大小

技术分享图片

<123img src="图片地址" style="zoom: 百分比%;" /> 去掉开头数字123
或者
<123img src="图片地址" width="宽度值px" /> 去掉开头数字123

插入行内代码或代码块

技术分享图片

#```python

#```

把注释#去掉就可以用了```后面填写的是代码类型

代码折叠

#高亮折叠
<details>
  <summary><mark><font color=black>点击查看详细内容</font></mark></summary>
  <p> - 测试 测试测试</p>
  <pre><code>  
for i in a:
    print(i)
  </code></pre>
</details>
#普通折叠
<details>
<summary>内容描述</summary>
测试内容
</details>

效果:

点击查看详细内容

- 测试 测试测试

  
for i in a:
    print(i)
  
内容描述 测试内容

页面内跳转(关键词/目录)跳转

//点击:
<a href="#test">Something you should know</a>
//跳转至:
<a name="test">用htmla标签实现的锚链接</a>

something you should know
保证两个要跳转的点的name值相等就可以

使图片居中

当你使用center标签单独居中一张图片的时候,开标签和图片代码通常需要空一行才会正常显示(博客园中)
技术分享图片

两张图片连接并排居中

#紧连
<center>

![](http://image1.bubuko.com/info/202004/20200422211259854634.png)![](http://image1.bubuko.com/info/202004/20200422211300048001.png)
</center>
#有一定距离
<center>
<figure>
<img src="http://image1.bubuko.com/info/202004/20200422211259854634.png" />
·
·
·
<img src="http://image1.bubuko.com/info/202004/20200422211259854634.png" />
</figure>
</center>

紧连

技术分享图片技术分享图片

有一定距离

技术分享图片 · · · 技术分享图片

注意:在博客园中写博客时,代码块和上方文字要空一行才会生效

设置目录

[TOC]


直接在文章开头或结尾输入即可自动将标题生成目录

插入时序图

#```mermaid
sequenceDiagram
A->>B: 是否已收到消息?
B-->>A: 已收到消息
#```

注意将注释符#去掉代码块不要跟上一行文字有空行

sequenceDiagram A->>B: 是否已收到消息? B-->>A: 已收到消息

插入流程图

graph TD A[模块A] -->|A1| B(模块B) B --> C{判断条件C} C -->|条件C1| D[模块D] C -->|条件C2| E[模块E] C -->|条件C3| F[模块F]

注意将注释符#去掉代码块不要跟上一行文字有空行

#```mermaid
graph TD
A[模块A] -->|A1| B(模块B)
B --> C{判断条件C}
C -->|条件C1| D[模块D]
C -->|条件C2| E[模块E]
C -->|条件C3| F[模块F]
#```

插入甘特图

gantt title 甘特图 dateFormat YYYY-MM-DD section 项目A 任务1 :a1, 2018-06-06, 30d 任务2 :after a1 , 20d section 项目B 任务3 :2018-06-12 , 12d 任务4 : 24d
#```
gantt
title 甘特图
dateFormat YYYY-MM-DD
section 项目A
任务1 :a1, 2018-06-06, 30d
任务2 :after a1 , 20d
section 项目B
任务3 :2018-06-12 , 12d
任务4 : 24d
#```

本文整理和归纳了基本上在[博客园]使用Markdown的方法
本文内容参考收集来自:
markdown 插入图片太大?怎么设定图片大小?
Markdown 实现页面内部跳转和代码折叠
MarkDown折叠语法
Markdown 插入链接
markdown 图片文字等内容居中显示的方法
markdown中锚链接实现目录跳转以及注意事项
markdown多张图片并排显示
印象笔记 Markdown 入门指南

Markdown使用指南

原文:https://www.cnblogs.com/Nickyl07/p/12755183.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!