百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

MarkDown语法 markdown语法换行

yuyutoo 2024-12-24 16:32 1 浏览 0 评论

1、分级标题

一级标题 —— # 一级标题

二级标题 —— ## 二级标题

三级标题 —— ### 三级标题

四级标题 —— #### 四级标题

五级标题 —— ##### 五级标题

六级标题 —— ###### 六级标题

####### 没有七级标题

2、字体

  • 字体效果

斜体 或 斜体 —— *斜体* 或 _斜体_

粗体 —— **粗体**

加粗斜体 —— ***加粗斜体***

删除线 —— ~~删除线~~

  • 字体颜色

将颜色mardown代码放于$ $之间,代码格式为 $\color{颜色}{文本}$

要实现丰富的色彩,可搜索字体颜色代码

附上颜色代码表网址

RGB颜色查询对照表

3、列表

  • 有序列表

有序列表使用数字接着一个英文句点。

1. 有序列表一
2. 有序列表二
3. 有序列表三
  1. 有序列表一
  2. 有序列表二
  3. 有序列表三
  • 无序列表

使用*,+,-表示无序列表

* 无序列表一
* 无序列表二
  • 无序列表一
  • 无序列表二
+ 无序列表一
+ 无序列表二
  • 无序列表一
  • 无序列表二
- 无序列表一
- 无序列表三
  • 无序列表一
  • 无序列表三
* 无序列表一
+ 无序列表二
- 无序列表三
  • 无序列表一
  • 无序列表二
  • 无序列表三
  • 嵌套列表
* 无序列表一
Tab * 无序列表二
Tab Tab * 无序列表三


4、链接

  • 行内式

[]里是链接文字,()里是链接地址,()中的""可以为链接指定的title属性,title属性可以不加。title属性效果是鼠标悬停在链接上会出现指定的title文字。链接地址与链接标题前有一个空格。

Typora—— [Typora](https://www.typora.io/)

Typora—— [Typora](https://www.typora.io/ "Typora")

  • 参考式

参考式链接分为两部分,文字部分:文中的写法[链接文字][链接标记],链接部分:在文中的任意位置添加[链接标记]: 链接地址 "链接标题",(链接地址与:之间有个空格,链接地址与链接标题前有一个空格,文字部分与链接部分空一行)。

MarkDown编辑器[Typora][1],[VNote][2],[MarkdownPad][3]。

[1]: https://www.typora.io/
[2]: https://gitee.com/qiujiayu/vnote/
[3]: http://markdownpad.com/ "MarkdownPad"

MarkDown编辑器TyporaVNoteMarkdownPad

如果链接文字本身可以作为链接标记,可以写成[链接文字][]对应[链接文字]:链接地址的形式,(链接地址与:之间有个空格,链接地址与链接标题前有一个空格,文字部分与链接部分空一行)。 参考式一般用于学术论文,例如:参考文献部分。同时也用于一个链接在文章中的多处使用,可以对链接进行统一管理。

笔记软件[Mybase][],[Notion][]

[Mybase]: http://www.wjjsoft.com/mybase_cn.html/ 
[Notion]: https://www.notion.so/zh-cn "Notion"

笔记软件MybaseNotion

  • 自动链接

Markdown 支持一种 "自动" 创建 URL 和 email 地址链接的简短形式: 只需用尖括号包围 URL 或 email 地址即可,这意味着如果你想为 URL 和 email 链接加上可点击的链接。

http://example.com/ —— <http://example.com/>

address@example.com —— <address@example.com>

5、图片插入

图片创建与超链接类似,包含两种形式: 行内式和参考式。

行内式图片语法:一个感叹号: !;紧跟着一对方括号, 包含了图片的 alt 属性;紧跟着一对圆括号, 包含了图片的 URL 或者路径, 以及一个可选的用单引号或双引号包裹的 title 属性。

语法:

![Alt text](/path/to/img.jpg)
![Alt text](/path/to/img.jpg "Optional title")
![MarkdownPad](http://markdownpad.com/img/markdownpad2-weblogo.png)
![VNote](https://gitee.com/qiujiayu/vnote/raw/master/screenshots/vnote.png "VNote")



参考式的图片语法:

![Alt text][id]
[id]: url/to/image "Optional title attribute"

6、目录

在标题前加[TOC]。

[TOC]
# 一、部分一
## 1.1 二级标题一
### 1.1.3 三级标题一
### 1.1.3 三级标题二
### 1.1.3 三级标题三
## 1.2 二级标题二
## 1.3 二级标记三
# 二、部分二
# 三、部分三

7、代码及代码块

代码:使用` `之间添加代码。

print("hello world") —— `print("hello world")`

代码块:使用``` ```之间添加代码块。```语言 ```可实现代码高亮。

```python
from django.http import HttpResponse 
def index(request):
      return HttpResponse(u"Welcome!")```
from django.http import HttpResponse
def index(request):
      return HttpResponse(u"Welcome!")

8、引用

  • 引用是在每行的最前面加上 >
> 这是一个引用


  • 区块引用可以嵌套(例如:引用内的引用),只要根据层次加上不同数量的 >
> 这是个引用
>> 这也是个引用
>>> 这更是个引用
  • 引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码区块等
> ## 这是一个标题。
>
> 1. 这是第一行列表项。
> 2. 这是第二行列表项。
>
> 给出一些例子代码:
>
>      return shell_exec("echo $input | $markdown_script");


9、分隔线

***   三个星号
---   三个减号
___   三个下划线



10、表格

名称|类别|版本
-|-|-
Python|语言|最新版 
Ubuntu|系统|桌面版 
Office|软件|专业版

名称

类别

版本

Python

语言

最新版

Ubuntu

系统

桌面版

Office

软件

专业版

11、流程图

流程图分为两段,一是定义元素,二定义元素之间的关系。

定义元素的语法:

tag——元素名字
type——元素的类型,分别为下面六种:
      start —— 开始
      end —— 结束
      operation —— 操作
      subroutine —— 子程序
      condition —— 条件
      inputoutput —— 输入或输出
content——框中要写的内容
url——一个链接,与框框中的文本相绑定

type后的冒号与文本之间一定要有个空格。

```flow
st=>start: 开始
op=>operation: BUG
sub=>subroutine: 运行成功
cond=>condition: 是 或 否?
io=>inputoutput: 输入新代码
e=>end: 结束
st->op->cond
cond(yes,right)->io->op
cond(no)->sub->e```

相关推荐

一篇文章认识JavaScript中的Web API

在了解webapi之前先要明白在我们声明变量三个关键字(var、let、const),我们到底该用哪一个?首先排除var,它是老牌的写法,会有很多问题,可以淘汰掉...我们在开发中建议const...

html5大神结合js带你研究古老读心术,你的心思早被猜透

javascript/HTML5课题:javascript开发读心术游戏PS:大爆料!javascript解密读心术游戏背后故事知识点:读心术原理算法独家揭秘,HTML5最新选择器,...

纯CSS实现3个圆圈横向排列不断闪烁的Loading特效

这个纯CSS实现的Loading特效是一个非常简单而实用的选择,它由三个圆圈横向排列,并不断闪烁。这种动画效果很适合用于页面加载过程中,为用户提供一个愉悦的等待体验。在这个特效的设计中,使用了CSS的...

网站建设知识分享系列文章三:符合用户体验的网页设计应如何做?

上篇文章向各位讲述了网站建设知识分享系列文章二:如何选择建站公司,今天我们来讲述下建站公司选定后,网站制作流程是怎样的,有哪些需要注意的细节性问题。选定建站公司,签订正规劳务合同后,最先开始的是设计环...

「更新」微信小程序 Lottie 动画组件 lottiejs-miniapp V1.1.0 发布

lottiejs-miniapp当前版本号:1.1.0npm地址:...

Web开发基础之jQuery javascript web开发

jQuery是一个JavaScript库。jQuery极大地简化了JavaScript编程。jQuery的语法设计可以使开发更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Aj...

Web前端:JavaScript最强总结,最全面的零基础入门教程

JavaScript是网景(Netscape)公司开发的一种基于客户端浏览器、面向(基于)对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Livescript。JavaScript...

jQuery 动画制作与特效 jquery的动画函数

使用show()和hide()方法在普通的javascript编程中,要实现元素的显示、隐藏通常是利用其CSS的display属性或者visibility属性。在jQuery中提供了show()和hi...

JavaScript+css实现的登录注册页面web前端html源码

大家好,今天给大家介绍一款,JavaScript+css实现的登录注册页面web前端html源码(图1),布局合理。送给大家哦,获取方式在本文末尾。文本框获取焦点动画特效(图2)源码完整,需要的朋友可...

CSS 3.0+HTML5.0制作各种网页特效

?1、C33实现点击图片渐渐放大特效??2、CSS3实现图片全屏背景特效?3、CSS3实现的鼠标移动到图片上不规则放大??3、jQuery+CSS3模拟苹果桌面系统??4、CSS3+jQuery照片...

js+css实现的按钮悬停动画特效html前端源码,随机元素弹出效果

大家好,今天给大家介绍一款,js+css实现的按钮悬停动画特效html页面前端源码,随机元素弹出(图1)。送给大家哦,获取方式在本文末尾。鼠标经过按钮区域的时候,会随机从不同位置上弹出很多小元素,效果...

Swiper - 免费开源、功能强大的触摸滑动js特效插件

简单配置就能实现手机、PC网页中滑动、焦点轮播图、tab切换和触摸导航等大部分功能。js滑动特效插件Swiper是一款纯javascript打造的滑动特效插件,主要用对移动端web开发...

html5精选特效代码分享(收藏) html酷炫特效

在网页设计过程中,我们会经常用到一些HTML5特效代码,下面就是为大家整理分享的一些好看炫酷且实用的HTML5特效代码,可以放心在您的应用程序中使用。一、Canvas跟随鼠标光标动画特效演示、下载地址...

玩转Markdown(2)——抽象语法树的提取与操纵

上一篇玩转Markdown——数据的分离存储与组件的原生渲染发布,转眼已经鸽了大半年了。最近在操纵mdast生成md文件的时候,心血来潮,把玩转Markdown(2)给补上了。...

任由文字肆意流淌,更自由的开源 Markdown 编辑器

对于创作平台来说内容编辑器是十分重要的功能,强大的编辑器可以让创作者专注于创作“笔”下生花。而最好取悦程序员创作者的方法之一就是支持Markdown写作,因为大多数程序员都是用Markdown...

取消回复欢迎 发表评论: