Markdown 使用参考h1

<a name="summary">Markdown概述</a>

Markdown是一种易读易写的标记语言。它能被生成HTML。Markdown的目标是:成为一种适用于网络的书写语言。

Markdown 与 Office Word 相比,其控制文本的格式更容易;与 HTML 相比,其写法上更简洁和简单。虽然 Markdown 在功能上没有 Office Word 和 HTML 强大,但如果只是用 Markdown 来写写文章和文档,也够用了~

Github,Stackoverflow等网站都支持Markdown。

<a name="headers">标题</a>

# h1
## h2
### h3
#### h4
##### h5
###### h6

转化成HTML的效果如下

h1

h2

h3

h4

h5
h6

<a name="break-line">换行</a>

四个及以上空格加回车。

<a name="anchor">链接</a>

跳至[落网](http://www.luoo.net/)    
新窗口跳至<a href="http://www.luoo.net/" target="_blank">落网</a>    
带title的链接 [落网](http://www.luoo.net/ '落网')    
地址与文字一样的链接的简写 <http://www.baidu.com>

转化成HTML的效果如下

跳至落网 新窗口跳至<a href="http://www.luoo.net/" target="_blank">落网</a> 带title的链接 落网 地址与文字一样的链接的简写 http://www.baidu.com

<a name="pic">图片</a>

![头像](https://avatars0.githubusercontent.com/u/2120155?v=3&s=40)

转化成HTML的效果如下

头像

<a name="list">列表</a>

有序列表

1. 第一个
    1. 第1.1个
1. 第二个
1. 第三个

转化成HTML的效果如下

  1. 第一个
    1. 第1.1个
  2. 第二个
  3. 第三个

无序列表

* 葡萄
    * 夏黑
    * 巨峰
* 荔枝
* 梨

转化成HTML的效果如下

  • 葡萄
    • 夏黑
    • 巨峰
  • 荔枝

<a name="strong">强调</a>

**强调内容**

转化成HTML的效果如下 强调内容

<a name="italic">斜体</a>

*斜体内容*

转化成HTML的效果如下 斜体内容

<a name="del-line">删除线</a>

~~这种理解是有问题的~~

转化成HTML的效果如下 这种理解是有问题的

<a name="split-line">分割线</a>

****

转化成HTML的效果如下


<a name="inline-code">行内代码</a>

`npm i`

转化成HTML的效果如下 npm i

<a name="block-code">块级代码</a>

3个`js
function say(str){
    console.log(str);
}
3个`

3个`css
#main{
    width: 80%;
    margin: 20px auto;
}
3个`

转化成HTML的效果如下

function say(str){
    console.log(str);
}
#main{
    width: 80%;
    margin: 20px auto;
}

<a name="table">表格</a>

| Tables        | Are           | Cool  |
| :------------ |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

转化成HTML的效果如下

Tables

Are

Cool

col 3 is

right-aligned

$1600

col 2 is

centered

$12

zebra stripes

are neat

$1

<a name="blockquote">引用</a>

> 天才就是99%的努力加上1%的灵感。-爱迪生

转化成HTML的效果如下

天才就是99%的努力加上1%的灵感。-爱迪生

<a name="block">块状元素</a>

∙∙∙∙天才就是99%的努力加上1%的灵感。
∙∙∙∙1%的灵感是很重要的。
∙∙∙∙∙∙∙∙∙∙∙∙∙∙∙∙∙∙∙∙-爱迪生

其中代表空格。

转化成HTML的效果如下

天才就是99%的努力加上1%的灵感。
1%的灵感是很重要的。
                        -爱迪生

<a name="checkbox">复选框</a>

- [x] Be awesome
- [ ] Prepare dinner
  - [x] Research recipe
  - [ ] Buy ingredients
  - [ ] Cook recipe
- [ ] Sleep

转化成HTML的效果如下(简书还不支持复选框,Github支持)

  • [x] Be awesome
  • [ ] Prepare dinner
    • [x] Research recipe
    • [ ] Buy ingredients
    • [ ] Cook recipe
  • [ ] Sleep

<a name="backslash-escapes">转义</a>

Markdown 可以利用反斜杠来插入一些在语法中有其它意义的符号,例如:如果你想要用星号加在文字旁边的方式来做出强调效果(但不用<em>标签),你可以在星号的前面加上反斜杠:

\*sth\*

转化成HTML的效果如下 *sth*

<a name="reference">参考</a>

<a name="reading">拓展阅读</a>

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏快乐八哥

Cmd Markdown编辑器简明语法手册

标签: Cmd-Markdown 1. 斜体和粗体 使用 * 和 ** 表示斜体和粗体。 示例: 这是 斜体,这是 粗体。 2. 分级标题 使用 === 表示一...

21770
来自专栏flutter开发者

自定义View概述

在前面的文章中我们学习了ExpansionPanelList的用法,使用ExpansionPanelList可以很轻松的实现可展开列表的效果,在文章的最后依然给...

22030
来自专栏葬爱家族

Android高级动画(2)

前面一篇文章已经讲了Android中大部分的动画框架,回顾一下有:Tween动画,属性动画,帧动画,CircularReveal,Activity转场动画,5....

24720
来自专栏Code_iOS

OpenGL ES 2.0 (iOS)[05-1]:进入 3D 世界,从正方体开始

a. 渲染管线的基础知识 《OpenGL ES 2.0 (iOS)[01]: 一步从一个小三角开始》

17230
来自专栏mukekeheart的iOS之旅

iOS学习——核心动画

  Core Animation(核心动画)是一组功能强大、效果华丽的动画API,无论在iOS系统或者在你开发的App中,都有大量应用。核心动画所在的位置如下图...

15340
来自专栏林德熙的博客

Xamarin Forms 进度条控件

本文翻译:http://xamlnative.com/2016/04/14/xamarin-forms-a-simple-circular-progress-c...

20910
来自专栏hightopo

基于 HTML5 WebGL 的 3D 场景中的灯光效果

15720
来自专栏冰霜之地

由FlexBox算法强力驱动的Weex布局引擎

在上篇文章里面谈了Weex在iOS客户端工作的基本流程。这篇文章将会详细的分析Weex是如何高性能的布局原生界面的,之后还会与现有的布局方法进行对比,看看Wee...

23940
来自专栏Android机器圈

Android之MaterialDesign应用技术2-仿支付宝上滑搜索框缓慢消失

PS:在这之前也就是上一篇介绍了MaterialDesign一些滑动删除、标题栏的悬浮效果等,如果没看过第一篇的小火鸡可以看一下,因为这篇是接着上一篇写的,有一...

413100
来自专栏小蠢驴iOS专题

xib之cell高度计算--简单实现cell高度由控件数量自定义

33080

扫码关注云+社区

领取腾讯云代金券