Markdown Pad2使用基础(总结)
文档创建时间:7/6/2020 11:12:08 PM
最后修改于:7/8/2020 9:09:10 PM
在此对该文档做简单说明:
该文档内容是对MarkdownPad 2编辑器的,在本人看来比较常用的基础的总结。
因为CSDN可以直接上传md类型的文件,所以本人以其作为对比参照,在此过程中,发现有一部分样式的语法,在MarkdownPad 2编辑器中无法生效。因此本人通过网络各处取经,对无法生效的内容,使用了html语法方式实现做了总结。
内容中虽然有部分html的代码,但是不影响页面效果。
该总结内容涵盖CSDN博客帮助文档的前半部分 (注脚、注释、以及特殊图表的,对本人作用不大)
参考声名:
- 内容参考来源:
- Markdown Pad2使用教程详细版-https://www.jianshu.com/p/ceecac7fb30b
- Markdownpad 2不支持表格语法-https://www.jianshu.com/p/ddfbf74d6d4c
- 关于markdown编辑器中删除线语法的支持问题-https://www.jianshu.com/p/77e853b61b77
- markdown中插入图片怎么定义图片的大小或比例?-https://www.zhihu.com/question/23378396
- Markdown基础教程https://blog.csdn.net/phunxm/article/details/49565427?utm_medium=distribute.pc_relevant_right.none-task-blog-OPENSEARCH-2.nonecase&depth_1-utm_source=distribute.pc_relevant_right.none-task-blog-OPENSEARCH-2.nonecase
- 部分内容由sigu整理
文档目录
- 关于MarkdownPad2所遇到的问题汇总
- 在一些博客网的markdown编辑器中对文本的处理标记和使用markdown Pad2编辑器时有所不同
- MarkdownPad2没有一键替换功能
- 快捷键
- 格式
- 分割横线
- 空格&空行
- 空行
- 空格 和 缩进
- 标题
- 文本样式
- 加粗
- 斜体
- 引用文章
- 文本的上角标&下角标
- 上标
- 下标
- 删除线
- 文字颜色
- 文字底色 和 突出
- 有序列表&无序列表
- 有序列表
- 无序列表
- 图片&超链接
- 超链接:
- 图片:
- 代码片
- 行内代码(Inline Code)
- 表格
关于MarkdownPad2所遇到的问题汇总
在一些博客网的markdown编辑器中对文本的处理标记和使用markdown Pad2编辑器时有所不同
举个例子,CSDN的markdown编辑器编辑器,用“~~”来标记删除线。
使用markdown Pad2时,在预览时会失效。
原因是:
前端预览是js渲染的,后端输出php处理的,两者的markdown语法有差异
~~来做删除线被认为是不规范的markdown语法,js渲染时会去掉。
MarkdownPad2没有一键替换功能
在MarkdownPad2中由查找,但没有替换。
如果想一键替换文字,可以通过文本编辑器打开该文档进行操作,比如使用:EverEdit等。
快捷键
- Ctrl + I : 斜体
- Ctrl + B : 粗体
- Ctrl + G : 图片
- Ctrl + Q : 引用
- Ctrl + 1 : 标题 1
- Ctrl + 2 : 标题 2
- Ctrl + 3 : 标题 3
- Ctrl + K : 代码块(因为快捷键)
- Ctrl + L : 超链接
- Ctrl + T : 时间戳
- Ctrl + U : 无序列表
- Ctrl + Shift + O : 有序列表
- Ctrl + R : 水平标尺
- F4 : 启用水平布局/竖直预览
- F5 : 启用/关闭实时预览
- F6 : 在浏览器中预览
关于快捷键的一些说明:
- 这里的插入图片快捷键只适用于插入网页链接,下面选项optional可选填,指的就是方括号里的内容
- 三级以后标题之后的快捷键不适用
- 代码块的快捷键只是缩进了一个tab距离,三个反引号并不会自动添加,不好用
- 时间戳在markdown模式下正常显示,在GitHub离线模式下显示有bug
- 以上的快捷键或者是各种操作在不同的模式下可能显示都会有所差异,出现时可适当尝试选择。
格式
分割横线
- 三个星就行(*)
- 或多个减号(4个以即可,快捷键就是多个减号,快捷键Ctrl+R)
预览效果:
空格&空行
空行
在要空行的前方位置添加标签
第一行
<br/>第三行
预览效果:
第一行
第三行
空格 和 缩进
在markdown里,可以使用如下三种方式实现缩进效果:
html里的空格 或
半方大的空白 或
全方大的空白 或
标题
一级标题一个#号,二级标题两个#号,依次类推…直到六级标题,没有七级标题!如下:
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
如果使用快捷键(Ctrl+1,2,3,4),5级和6级标题开始没有快捷键,会在文本的前后都添加相应数量的#号。如下:
# 一级标题 #
## 二级标题 ##
### 三级标题 ###
#### 四级标题 ####
##### 五级标题 #####
###### 六级标题 ######
预览效果:
文本样式
加粗
文本的前后各加上两个星号“**”且与文本之间不能有空格
(快捷键Ctrl+B)
预览效果:
加粗
斜体
文本的前后各加上一个星号
(快捷键Ctrl+I)
预览效果:
斜体
引用文章
在每一行前面加上大于号“>”英文状态下输入
(快捷键Ctrl+Q)
预览效果:
有些人活着
但他已经死了
有些人死了
但他依旧活着
其实只需要输入一个“>”即可,换行的时候会自动添加。也就是说只要中间不跳行,换行时会自动给你加上大于号,但一旦隔行了就跳出引用模式了,即引用的中间不允许有空行。
这里注意,有时文字会都显示在1行上并以空格间隔,所以行间需要打一个空的引用行
文本的上角标&下角标
上标
将上标内容放在标签内。
sup为“上标”的英文“superscript”的简写。
2<sup>3</sup>
预览效果:23
下标
将上标内容放在标签内。
sub为“下标”的英文“subscript”的简写。
log<sub>3</sub>9
预览效果:log39
删除线
使用del
语法:
<del>我是删除线</del>
预览效果:我是删除线
文字颜色
1、颜色名称要加英文双引号,如下:
<font color="red">标记文本</font>
预览效果:
标记文本
2、如果是通过十六进制获取的,十六进制数前要加#
<font color=#00ff00>标记文本</font>
预览效果:
标记文本
文字底色 和 突出
方式1:
用html方式实现,给文字添加底色,也就是标记文本样式。
关键点:html中的标签分为两类,块级和行级。因为是标记文本,所以要使用行级标签,使用css对其渲染背景色即可。
此处使用span标签作为举例:
段落中的黄色<span style="background:yellow">标记文本</span>的文字
markdownPad 2编辑器预览效果:
csdn博客编辑预览效果:
段落中的黄色标记文本的文字。
csdn博客编辑好像不支持style样式。
方式2:
在 HTML 中,可以使用 <mark>
标签来高亮显示文字,以达到醒目的目的。
HTML:<mark>Highlight</mark>
Highlight
(这里要通过F6使用浏览器才能看到效果,在MarkdownPad2的预览模式下没有办法看到效果)
有序列表&无序列表
有序列表
“1.”加空格再输入内容,英文输入状态,同时注意每一点后加上两个空格再换行否则列表不自动换行
(快捷键Ctrl+Shift+O)
- 第一条
- 第二条
- 第三条
无序列表
减号“-”或者星号“*”加上空格输入内容即为无序列表
(快捷键Ctrl+U)
- 第一条
- 第二条
- 第三条
图片&超链接
如果是图片的话就要将图片的本地文件放到与该md文件相同的路径下,且填写文件的相对路径
如果是网页链接就直接贴上网页链接,http一定要有
超链接:
方括号+圆括号。
方括号里描述文字会以蓝色字体超链接样式显示,URL地址写在圆括号内。
语法:
[链接描述](URL地址)
预览效果:
百度一下(点我打开百度首页)
图片:
感叹号+方括号+圆括号。
方括号里填图片的名称或描述,如果图片正常显示,则方括号里的内容在页面不会显示出来,如果通过URL到不到图片,则会显示该文字。
圆括号里填写图片文件的相对路径或者如果是网页连接的话可以填写网页链接,因为存为本地文件较为方便,本人选择采用前者。注意文件名最好不要带中文,好像不行。还有,如果创作的文章需要发布到网上,需要将图片上传,并采用URL链接的方式才可以。
语法:
![图片描述](URL地址)
预览效果:
MarkdownPad 2,不能在插入图片时指定图片的长宽,如果想这么做,需要通过html实现效果。
嵌入使用html代码,设置图片大小和位置:
<div align="center"><img src="https://img-blog.csdnimg.cn/2020070700195475.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpZ3VjaG91" width = "300" height = "200" alt="图片名称" /></div>
预览效果:
加载本地文件的图片时,可以使用绝对路径,或相对路径。
绝对路径,例如:D:/文档/img/1.jpg
相对路径,是以这个文档所在的位置为基准
如果如图片和文档放在同一文件夹下,则直接引图片的名名称,url为:./1.png
如果图片是放在单独文件夹内,且该文件夹和文档是放在同一文件夹下,url为:./img/1.jpg
如果存放图片的文件夹和,该文档的上层目录平级,则url:…/img/1.jpg
PS:
./表示当前目录
…/表示上一层目录
这里注意:
- 文件夹层级要使用反斜杠隔开“/”。
- 如果路径带有中文,在文档编辑时,图片不能正常预览,要使用F6用网页打开才能后正常看到图片。
- 如果图片和文档不在同一层级,仍然可能出现图片不能正常预览情况,要使用F6用网页打开才能后正常看到图片。
代码片
- 前后各加上三个反引号,就是数字1前面那个键(英文状态下输入)
- 选中代码,直接使用Tab键(快捷使用的该方式,快捷键为Ctrl+K)
预览效果:
list_1 = [1, 4, 5, 7, 3, 6, 7, 9]
list_1 = set(list_1)
list_2 = set([2, 6, 0, 66, 22, 8, 4])
print(list_1, list_2)
#求交集
print(list_1.intersection(list_2))
#求并集
print(list_1.union(list_2))
#求差集(你有我无或你无我有)
print(list_1.difference(list_2))
print(list_2.difference(list_1))
如果不行则需要设置其他模式才能实现代码样式,操作如下:tools->options->markdown->markdown processor->commonmark。至此OK!或者设置为GitHub离线格式也行。
行内代码(Inline Code)
说明:
如果要标记行内代码片段,可以用反引号(backtick quotes)包裹,对应 HTML 中的 <code>
标签(把文本变成等宽字体,暗示是源程序代码)。
如果要在代码区段内插入反引号,可以用多个反引号来开启和结束代码区段。
语法:
`printf()`
示例:
Use the printf() function.(printf()
)
表格
注意:
- MarkdownPad 2安装后的免费版,只有支持一些基础功能
- 需要切换到扩展(Extra)版或GitHub离线版才支持表格语法,需要破解版
MarkdownPad 2破解参考:https://www.jianshu.com/p/ddfbf74d6d4c
表格语法:
列1|列2|列3
:--|:--:|--:
文本左对齐|居中|右对齐
0000000000000|0000000000000|0000000000000
111|111|111
使用冒号控制每个列的对齐方式。
预览效果:
列1 | 列2 | 列3 |
---|---|---|
文本左对齐 | 居中 | 右对齐 |
0000000000000 | 0000000000000 | 0000000000000 |
111 | 111 | 111 |
Markdown Pad2使用基础(总结)相关推荐
- markdown pad2 无法使用gihub Markdown在线风格,提示“请求被中止: 未能创建 SSL/TLS 安全通道
markdown pad2 无法使用gihub Markdown在线风格,提示"请求被中止: 未能创建 SSL/TLS 安全通道" 首先要确认是否安装了 .Net Framewor ...
- 使用Markdown作为生产力——基于markdown pad2的md编辑、导出工具
提前说明: 这是过程最完整的markdown pad2安装说明 废话少说,直接上链接: 链接:https://pan.baidu.com/s/1U7Q8c-d-lYxN3pPcOMPd6Q 提取码:1 ...
- Markdown pad2 保存为pdf的两种方法
法一:使用专业版Markdown pad2 激活方式详见我的另一篇博客 MarkdownPad2注册码--亲测有效 具体方法:打开MarkdownPad2--文件--导出--Export PDF 法二 ...
- Markdown语法-从基础到进阶
时代在进步,越来越多的人和软件开始使用Markdown进行文字编辑,其编辑方便性让很多人爱不释手.但是,不可避免的问题是,在编辑的时候,经常会需要去google,毕竟,习惯了office的可视化操作符 ...
- Markdown语法学习-基础语法
前言 本人是一名普通二本的在读大一学生,准备在机械.编程.嵌入式开发等这一些方面深耕.现在也在准备经营属于自己的博客.因为是新手小白,没有什么基础,所以在前期会发一些比较基础的内容,在网上都是可以随便 ...
- Markdown语法参考-基础与高级用法
Markdown 是一种轻量级标记语言,它允许人们"使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者 HTML)文档".被广泛应用于博客,网页与技术文档中 为什 ...
- markdown编辑器的基础语法
编辑器的基础语法及使用 标题的基础语法 #+一个空格表示一级标题 ##+一个空格表示二级标题,一次类推 字体 ** 这里是加粗,去掉两边空格就是加粗 **---------加粗 *这里是斜体,去掉两边 ...
- markdown编辑语法基础篇
文章目录 欢迎使用markdown编辑语法 1.Markdown简介 1.1 markdown是什么? 1.2为何使用markdown 2.基本语法 2.1 快捷键 2.2代码块 2.3 分级标题 写 ...
- Markdown 学习小记--基础技巧
From Liuzhi_0101@qq.com 写在开头 本文为笔者自己在读Markdown官方文档和实验时的一些整理. 才疏学浅,难免有些纰漏,望读者多多批评指正 基本语法 1.标题语法 形式:#+ ...
最新文章
- 在vs2008中配置OpenCV2.2
- 2019年深度学习的十大预测
- 序列化流与反序列化流
- Same Sum Blocks
- plotcylinder matlab,Matlab在任意两点之间绘制三维圆柱
- 个推应用统计产品(个数)Android集成实践
- windows server 2008中IIS7的功能模塊
- win10自带虚拟机安装CentOS7系统(转)
- 深入浅出 Proguard
- 异步回调发展(地狱回调)
- Lotus Traveler 8.5.1的安装及配置
- H+ HPlus创建新的标签页/选项卡
- niceScroll滚动条出现在div的左侧(PS:原本应该出现在div右侧)
- opencv摄像头异常处理
- Xshell 3.0序列号注册激活教程
- [译]关于Android图形系统的一些事实真相
- 【Windows】电脑清理个人隐私数据信息
- 看图写英语作文关于计算机,看图说话 英语作文图片上是一个小女孩看着电脑发呆,要求120字~...
- 32位ARM核单片机XL32F003开发板可替代STM32、华大、GD,脚位兼容
- 项目中常用的Util方法