Markdown:技巧进阶参考资料:开始学习:

本文作者:keloli 本文说明:本文首发于2017.08.01,用于收集Markdown排版中的一些技巧,会不断更新。

参考资料:

开始学习:

划分隔线

可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:

* * *

***

*****

- - -

---------------------------------------

显示效果:






反斜杠

如果希望显示Markdown语法中的标识符,可以使用反斜杠+标识符的方法(有点类似C语言的转义字符)。 例如:

\*literal asterisks\*

显示效果: *literal asterisks*

删除线

使用 ~~表示删除线。 例如:

~~删除这行文字~~

显示效果: 删除这行文字

引用的多层嵌套

区块引用可以嵌套(例如:引用内的引用),只要根据层次加上不同数量的 > 。如果>和>>嵌套使用的话,从>>退到>时,必须之间要加一个空行或者>作为过渡(简书web端的Markdown对空行支持不美观,建议用>作为过渡行),否则默认为下一行和上一行是同一级别的引用。 例如:

> 一层引用
> 一层引用
>> 二层引用
>>>三层引用
>
>> 这是二层引用

显示效果:

一层引用 一层引用 二层引用 三层引用 这是二层引用

文件目录树

使用-Tab键来生成层次丰富的目录树。 例如:

- 第一级目录无序列表
  - 第二级目录无序列表
  - 第二级目录无序列表
   1. 第二级目录下的有序列表1
   2. 第二级目录下的有序列表2
      - 第三级目录
- 第一级目录

显示效果:

  • 第一级目录无序列表
    • 第二级目录无序列表
    • 第二级目录无序列表
    1. 第二级目录下的有序列表1
    2. 第二级目录下的有序列表2
      • 第三级目录
  • 第一级目录

输入特殊符号(特别是数学公式)

上标的HTML标签的是< sup >,所以如果要打上标的话就用以下格式: <sup>xxx</sup>

其中xxx表示上标的内容,看个例子:我现在想写一个公式:n的平方等于n+1,写法如下: n<sup>2</sup>=n+1

下标的标签是< sub >,同理我们来实现一个例子:a=log2 b写法如下: a=log<sub>2</sub>b

还有一些特殊的、键盘上没有的符号也可以打出来,比如注册商标的符号:立白® 立白&reg;

function符号:ƒ可以轻松得打出函数式:ƒ(x)=x+1 &fnof;(x)=x+1

根号,不过这个根号不完美,少了上面一横,更像对勾:√5 &radic;5

角度符号:30° 30&deg;

以及更多的特殊符号都可以打出,就不一一列举了,想要了解更多特殊符号的打法请查阅下面这个链接:HTML中的特殊符号

首行加空格

一般来说markdown文本中直接加空格是不行的,要将输入法切换到全角模式下(就是弯的月亮图标变成圆的月亮图标),再输入空格。

在全角模式下输入空格

脚注

在要添加注释的词语后面增加 [^1] ,结尾加入[^1]:空格 注释内容。 例如:

hello[^1]
[^1]: hi

显示效果: hello[1]

锚点(页面内跳转)

网页中,锚点其实就是页内超链接,也就是链接本文档内部的某些元素,实现当前页面中的跳转。 例如:

## 0. 目录{#1}
跳转到[目录](#1)

显示效果:

0. 目录{#1} 跳转到目录

注:好像这样写不是我想要的效果,后面再研究。

自动生成目录

在需要显示目录的地方插入[TOC],目前简书web端不支持该功能。

流程图

貌似简书还不支持流程图语法,暂时不研究,有需要再更新。


  1. hi

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏python学习路

五、XML与xpath--------------爬取美女图片 先用一个小实例开头吧(爬取贴吧每个帖子的图片)XML 和 HTML 的区别XML文档示例

除了正则表达式处理HTML文档,我们还可以用XPath,先将 HTML文件 转换成 XML文档,然后用 XPath 查找 HTML 节点或元素。 ----  先...

39140
来自专栏向治洪

java的双缓冲技术

Java的强大特性让其在游戏编程和多媒体动画处理方面也毫不逊色。在Java游戏编程和动画编程中最常见的就是对于屏幕闪烁的处理。本文从J2SE的一个再现了屏幕闪...

43180
来自专栏雪地二货笔记库

vue学习笔记10-组件

之后就可以在html中<tagName></tagName>来使用它。 自定义组件也分为全局和局部两种,全局可以在任何实例中使用,而局部只有注册后才能使用。 全...

14110
来自专栏用户2442861的专栏

在 PyQt4 中的菜单和工具栏¶

http://www.cppblog.com/mirguest/archive/2012/02/05/164982.html

11820
来自专栏自动化测试实战

HTML第二课——css

26470
来自专栏阮一峰的网络日志

IntersectionObserver API 使用教程

网页开发时,常常需要了解某个元素是否进入了"视口"(viewport),即用户能不能看到它。 ? 上图的绿色方块不断滚动,顶部会提示它的可见性。 传统的实现方法...

41960
来自专栏谈补锅

开发中常用的JS知识点集锦

10120
来自专栏liulun

自己动手写UI库——引入ExtJs(布局)

第一:来看一下最终的效果 ? 第二:来看一下使用方法: ? 第三: Component类代码如下所示: public class Compo...

21750
来自专栏mySoul

jQuery(一)

jquery为一种库,属于最基础的一个库,伴随着h5的到来,很多jquery的规则直接融入到了规则本身了,直接使用原生的js也能达到相同的目的。虽然如此,不过依...

28640
来自专栏进击的君君的前端之路

定时器

20060

扫码关注云+社区

领取腾讯云代金券