Markdown的常用语法 markdown的使用
yuyutoo 2024-12-24 16:32 1 浏览 0 评论
1、所有的操作,都会即时在右侧的文档栏目中即时反馈显示,左侧显示为 Markdown 文本编辑器,右侧窗口为最终生成文档
2、对于开始不熟悉 Markdown 语法的新手,软件提供了新手引导:在菜单栏里集成了很多常用操作,对于初学者,可以学习与 这种操作对应的语法;
3、对同一功能的实现 MarkdownPad2 对不同程度的使用者提供了多种方式供选择;
4、软件上方的ToolBar,一次点击即可完成操作。
5、而对于新手,在菜单栏的insert选项中提供了相关操作。
6、对常用操作,在菜单中都提供了相应快捷键。如 MarkdownPad2 提供的网页浏览模式:在 Tools-> Preview Markdown in Browser,使用对应的快捷键 F6, 可以减少查找时间。
7、注意开启Markdown的扩展模式。
<u>注意:Markdown使用#、+、*等符号来标记, 符号后面必须跟上 至少1个 空格才有效!</u>
Markdown的常用语法
标题
Markdown 标题支持两种形式:
1、用#标记
在 标题开头 加上1~6个#,依次代表一级标题、二级标题....六级标题
# 一级标题
## 二级标题
### 三级标题
##### 四级标题
###### 五级标题
###### 六级标题
2、用=和-标记
在 标题底下 加上任意个=代表一级标题,-代表二级标题
一级标题
======
二级标题
----------
效果如下:
列表
Markdown 支持有序列表和无序列表。
无序列表使用-、+和*作为列表标记:
- Red
- Green
- Blue
* Red
* Green
* Blue
+ Red
+ Green
+ Blue
效果如下:
有序列表则使用数字加英文句点.来表示:
1. Red
2. Green
3. Blue
效果如下:
引用
引用以>来表示,引用中支持多级引用、标题、列表、代码块、分割线等常规语法。
常见的引用写法:
> 这是一段引用 //在`>`后面有 1 个空格
>
> 这是引用的代码块形式 //在`>`后面有 5 个空格
>
> 代码例子:
>
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
> 一级引用
> > 二级引用
> > > 三级引用
> #### 这是一个四级标题
>
> 1. 这是第一行列表项
> 2. 这是第二行列表项
效果如下:
强调
两个*或-代表加粗,一个*或-代表斜体.
**加粗文本** 或者 __加粗文本__
*斜体文本* 或者_斜体文本_
效果如下:
图片与链接
图片与链接的语法很像,区别在一个 ! 号。二者格式:
图片:![]() ![图片文本(可忽略)](图片地址)
链接:[]() [链接文本](链接地址)
链接又分为行内式、参考式和 自动链接:
这是行内式链接:[萌宠](https://p0.ssl.qhimgs1.com/sdr/400__/t01c82282163ca80a2a.jpg)。
这是参考式链接:[萌宠][url],其中url为链接标记,可置于文中任意位置。
[url]: https://p0.ssl.qhimgs1.com/sdr/400__/t01c82282163ca80a2a.jpg "萌宠"
链接标记格式为:[链接标记文本]: 链接地址 链接title(可忽略)
这是自动链接:直接使用`<>`括起来<https://p0.ssl.qhimgs1.com/sdr/400__/t01c82282163ca80a2a.jpg>
这是图片:![][avatar]
[avatar]: https://p0.ssl.qhimgs1.com/sdr/400__/t01c82282163ca80a2a.jpg
效果如下:
代码
代码分为行内代码和代码块。
行内代码使用 `代码` 标识,可嵌入文字中
·代码块使用4个空格或```标识
```
这里是代码
```
·代码语法高亮在 ```后面加上空格和语言名称即可
``` 语言
//注意语言前面有空格
这里是代码
```
例如:
这是行内代码`onCreate(Bundle savedInstanceState)`的例子。
这是代码块:(在语句前按Tab键)
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
效果如下:
表格
表格对齐格式
· 居左::----
· 居中::----:或-----
· 居右:----:
例子:
|标题|标题|标题|
|:---|:---:|---:|
|居左测试文本|居中测试文本|居右测试文本|
|居左测试文本1|居中测试文本2|居右测试文本3|
|居左测试文本11|居中测试文本22|居右测试文本33|
|居左测试文本111|居中测试文本222|居右测试文本333|
效果如下:
分隔线
在一行中用三个以上的*、-、_来建立一个分隔线,行内不能有其他东西。也可以在符号间插入空格。
---
___
效果均为一条分割线:
换行
在行尾添加两个空格加回车表示换行:
脚注(注解)
使用[^]来定义脚注:
这是一个脚注的例子[^1]
[^1]: 这里是脚注
效果如下:
常用弥补Markdown的Html标签
字体
<font face="微软雅黑" color="red" size="6">字体及字体颜色和大小</font>
<font color="#0000ff">字体颜色</font>
效果如下:
换行
使用html标签<br/>换行
文本对齐方式
<p align="left" style="color:red">居左文本</p>
<p align="center" style="color:green">居中文本</p>
---
<p align="right" style="color:blue">居右文本</p>
___
效果如下:
下划线和删除线
<u>下划线文本</u></br>
<strike style="color:red;font-size:1.2em">删除线效果</strike>
效果
相关推荐
- 一篇文章认识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...
你 发表评论:
欢迎- 一周热门
- 最近发表
-
- 一篇文章认识JavaScript中的Web API
- html5大神结合js带你研究古老读心术,你的心思早被猜透
- 纯CSS实现3个圆圈横向排列不断闪烁的Loading特效
- 网站建设知识分享系列文章三:符合用户体验的网页设计应如何做?
- 「更新」微信小程序 Lottie 动画组件 lottiejs-miniapp V1.1.0 发布
- Web开发基础之jQuery javascript web开发
- Web前端:JavaScript最强总结,最全面的零基础入门教程
- jQuery 动画制作与特效 jquery的动画函数
- JavaScript+css实现的登录注册页面web前端html源码
- CSS 3.0+HTML5.0制作各种网页特效
- 标签列表
-
- mybatis plus (70)
- scheduledtask (71)
- css滚动条 (60)
- java学生成绩管理系统 (59)
- 结构体数组 (69)
- databasemetadata (64)
- javastatic (68)
- jsp实用教程 (53)
- fontawesome (57)
- widget开发 (57)
- vb net教程 (62)
- hibernate 教程 (63)
- case语句 (57)
- svn连接 (74)
- directoryindex (69)
- session timeout (58)
- textbox换行 (67)
- extension_dir (64)
- linearlayout (58)
- vba高级教程 (75)
- iframe用法 (58)
- sqlparameter (59)
- trim函数 (59)
- flex布局 (63)
- contextloaderlistener (56)