markdown编辑器的使用

Markdown编辑器的使用

功能快捷键

撤销:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜体:Ctrl/Command + I
标题:Ctrl/Command + Shift + H
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入链接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G

合理的创建标题,有助于目录的生成

直接输入1次#,并按下space后,将生成1级标题。
输入2次#,并按下space后,将生成2级标题。
以此类推,我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

目录

markdown介绍
从目录和标题开始说起
一级标题
二级标题
三级标题
四级标题
插入图片
块引用
代码块引用
列表
对字体进行一些设置
总结
1.markdown介绍
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 —— 维基百科 
CSDN提供编辑器支持 Markdown Extra ,  扩展了很多好用的功能。具体代码请参考Github.当你开始接触markdown你要认识一种全新的格式叫做顶格格式,现在已经有好多书开始使用这种格式了,我们不在专门空两个空格,而是直接采取齐头式

2.从目录和标题开始说起
平常我们在写一篇文章的时候最常用的无非也就是这两个东西,我们需要建立一个目录,同时也需要进行对每一部分进行分节,每一个目录对应一个小节。一个#代表一级标题,就跟word一样,我们可以使用一个#或者多个#来确定我们是第几级标题

一级标题
二级标题
三级标题
四级标题
这个标题大家可以通过目录最上方的目录有一个深刻的理解。上面的这个内容是怎么显示出来的呢,我们可以通过下面这幅图片知道我输入的内容和实际显示的内容 


接下来我们要看到目录并不是标题,而只是一种放大了的字体而已,这是如何实现的呢,其实是利用了编辑器中的内嵌的Html语句, 
<font size="10">目录</font>利用了这么一条语句就能实现将目录字体放大

3.插入图片
和之前的编辑器插入的方法差不多,虽然也有利用代码插入的,但是觉得那样的方法其实并不是很快,可以利用快捷键ctrl +G插入本地图片,按出快捷键之后,就会有一个窗口提示你上传需要插入的图片

4 .块引用
有时候我们需要讲一句话放入到一个块中,就像现在这样,怎么实现呢

我们只需要将这句话前面加上一个符号>即可,那么又开始就一定有结束我们如何终结这个退出这个块儿切换到普通的模式输入文字呢, 我们只需要在块的最后一行中敲击一个空格,然后再按一下回车就可以切回到非块的编辑模式中。

5.代码块引用
markdown是支持进行代码块的,那么如何实现呢,大家看下面这段代码
 @requires_authorization
 def somefunc(param1='', param2=0):
     '''A docstring'''
     if param1 > param2: # interesting
         print 'Greater'
     return (param2 - param1 + 1) or None
 class SomeClass:
     pass
 >>> message = '''interpreter
 ... prompt'''

这是一段python脚本如何将这一部分代码放入代码框中呢,我们可以利用键盘左上角的波浪线符号,位于esc键下面当输入法处于英文模式时,你敲入这个键其实就是`。也就是句号前的那个符号。下面截图演示 


从图片中我们可以看出代码块的实现格式其实就是个代码开头 三个`符号,然后输入代码名字是java python 还是shell,最后在代码尾部再加上三个宇开头相同的符号即可

6.列表
有序列表 
有序列表就是像这样能有个一二三的排列的 
1.列表一 
2.列表二 
3.列表三 
实现方式也很简单,就是数字加上英文.即可
无序列表 
无序列表的实现方式一般就是+ - *这三种符号的其中一种加上文字
列表1
列表2
列表3 
上面的实现机制,我们能够通过截图来演示。 

7.对字体进行一些设置
我们在平常也会需要对字体进行一些设置,其实也就单单调整下大小和颜色对于新手而言你不需要知道很多的命令只需知道常用的即可

调整颜色 
字体调整为蓝色 
语法:<font color=blue>+文本内容</font>可以使中间的文本内容字体变色 
当然,这个颜色你可以自己上网百度有很多种颜色可以供你选择,平常我们能用得到的基本上也就蓝色跟红色,专门用这个来标注一下醒目的笔记啊,感受啊这之类的
调整字体 
字体变大 
语法:<font size='5'>字体变大</font> 这句文本可以使中间的内容大小改变

 

文章内容的定位 
有时候我们在写文章时,想提供读者一个参考。这里使用的便是a标签的锚点定位,既可以跳到本页的某一处,也可以定位到另一个网页的某一处: 
1. 在目标处设置一个id; 
2. 使用a标签,属性 href =”URL#id” 
3. 使用markdown的语法:[文字](#id)
<!-- 这里的ID就是aaa ,截取自本文章的首行--> <span id="aaa">自从我学习编程开始</span > <!-- 注意:不添加URL地址,表示跳转到本页的某处。--> <a href="#aaa">本文的首行</a> [本文的首行](#aaa)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值