文档章节

Markdown语法学习笔记

o
 osc_a22drz29
发布于 2019/03/28 15:39
字数 1103
阅读 20
收藏 0

精选30+云产品,助力企业轻松上云!>>>

前言

最近打算做一个开源的weapp,才开始接触Markdown,仅此记录Markdown语法(只要学习,总不算晚)。

在博客园如何使用Markdown编辑器呢,很简单,管理→选项→默认编辑器(选择Markdown),再次编写博客时候,就可以使用Markdown语法写博客啦! 当然,如果对Markdown不熟悉的朋友可以使用在线对照编辑器来验证自己的语法是否正确,当然新手朋友也可以在这里先练习编辑好格式后,粘贴到博客园编辑器中。 本地可以在VScode编辑器中,搜索安装 Markdown Preview Enhanced 插件实时查看编辑Markdown效果。

正文

一. Markdown是什么

Markdwon 是一种轻量级 标记语言,它以纯文本形式(易读、易写、易更改)编写文档,并最终以HTLM格式发布。Markdown也可以理解为将以 MARKDOWN语法编写的语言转换成HTML内容的工具。

二. 为什么要使用Markdown

  • 它是易读(看起来很舒服)、易写(语法简单)、易更改(纯文本)。处处体现着极简主义的影子。
  • 兼容HTML,可以转换为HTML格式发布。
  • 跨平台使用。
  • 越来越多的网站支持Markdown。

三. Markdown的初级使用

1.标题

以#开头,会转换为html的h1~h6标签,配合([TOC])可以做页面锚点导航
H1 :# Header 1
H2 :## Header 2
H3 :### Header 3
H4 :#### Header 4
H5 :##### Header 5
H6 :###### Header 6

效果如下:

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

2.斜体、粗体、加粗斜体、删除线

强调作用
*斜体*
**粗体**
***加粗斜体***
~~删除线~~

效果如下: 斜体 粗体 加粗斜体 删除线


3.引用

可多层嵌套
> 引用了某人的一句话
>> 两层嵌套
>>> 多层嵌套

效果如下:

引用了某人的一句话

两层嵌套

多层嵌套


4.列表

无序列表使用*-+后接文字,注意-后需要添加一个空格,列表可逐级嵌套,在前面加空格即可
+ 吃饭
 - 吃早饭
- 睡觉
- 打豆豆
  • 吃饭
  • 吃早饭
  • 睡觉
  • 打豆豆
有序列表直接使用数字和点
1.吃饭
2.睡觉
3.打豆豆

1.吃饭 2.睡觉 3.打豆豆


5.外链

使用 [描述](链接地址) 为文字增加外链接。
[我是电子猫](http://www.cnblogs.com/e-cat/)

效果如下: 我是电子猫


6.图片

![图片alt](图片地址 ''图片title'')
图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加
![你好,我是谢耳朵](https://pic.cnblogs.com/avatar/1324387/20180124154851.png "谢耳朵")

效果如下: 你好,我是谢耳朵


7.分割线

三个或三个以上的---或***都可以做页面分割线,注意在分割线上方留一个回车
------
***
******



8.表格

第二行分割表头和内容。
- 有一个就行
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略

姓名|技能|排行
-|:-:|-:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟
姓名 技能 排行
唐僧 念经 老大
悟空 打架 大师兄
八戒 二师兄
沙僧 沉默 三师弟

9.行内代码块以及代码块

行内代码块
我是`行内代码块`呀

我是行内代码块

在文字前敲4个空格,即可实现简单的代码块
    代码块
代码块
也可以使用三个`包含代码,实现。在第一段后接上编程语言名称可实现不同编程语言样式变化
(```)
function love(you) {
    if (!you) {
        return false;
    }
}
(```)

四. Markdown的高阶使用

1.目录锚点

在段落中填写 [TOC] 以显示全文内容的目录结构。

2.todo列表

  • [ ] Cmd Markdown 开发
    • [ ] 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
    • [ ] 支持以 PDF 格式导出文稿
    • [x] 新增Todo列表功能 语法参考
    • [x] 改进 LaTex 功能
      • [x] 修复 LaTex 公式渲染问题
      • [x] 新增 LaTex 公式编号功能 语法参考
  • [ ] 七月旅行准备
    • [ ] 准备邮轮上需要携带的物品
    • [ ] 浏览日本免税店的物品
    • [x] 购买蓝宝石公主号七月一日的船票
o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
有道云笔记 - Markdown模板(文首附markdown源码,即.md文件)

有道云笔记 - Markdown模板 附 本文的Markdown源码镜像: https://github.com/yanglr/AlgoSolutions/blob/master/YoudaoNoteMarkdownTemplate.md 点击”Raw”可看到源码,欢迎fork或star~ 有道......

osc_kjmfkyv9
2018/07/18
11
0
[简明版] 有道云笔记Markdown指南

使用有道词典配合Markdown,可以快速准确做出美观精致的笔记,下面我们来看一下如何使用有道词典的MarkDown功能。 什么是Markdown?Markdown是一种轻量级的「标记语言」,通常为程序员群体所...

osc_d5exiys5
2018/07/13
1
0
印象笔记终于支持Markdown了 !你还会再用其他笔记吗?

Markdown 是什么? Markdown 是一种轻量级的「标记语言」,创始人为约翰·格鲁伯,用简洁的语法代替排版,目前被越来越多的知识工作者、写作爱好者、程序员或研究员广泛使用。其常用的标记符...

技术小能手
2018/09/17
0
0
zz【简明版】有道云笔记Markdown指南

http://note.youdao.com/iyoudao/?p=2411&vendor=unsilent14 有道云笔记内置Markdown编辑器和使用指南,非技术类笔记用户,千万不要被「标记」、「语言」吓到,Markdown的语法十分简单,常用...

osc_9z0e3l8u
2018/11/18
2
0
Markdown插入图表

链接:https://www.jianshu.com/p/3cf83d22dd3d Markdown图表语法 本文介绍如何用Markdown的mermaid等语法插入时序图、流程图、甘特图 如果是想学习Markdown基本语法,请看:系统学习GitHub ...

osc_cnpchqmq
2019/07/31
2
0

没有更多内容

加载失败,请刷新页面

加载更多

R中“ =”和“ <-”赋值运算符有什么区别?

问题: What are the differences between the assignment operators = and <- in R? R中赋值运算符=和<-之间有什么区别? I know that operators are slightly different, as this example ......

fyin1314
40分钟前
14
0
JavaScript中的静态变量 - Static variables in JavaScript

问题: 如何在Javascript中创建静态变量? 解决方案: 参考一: https://stackoom.com/question/6RUF/JavaScript中的静态变量 参考二: https://oldbug.net/q/6RUF/Static-variables-in-Java...

法国红酒甜
今天
14
0
之间的区别 和

问题: I'm learning Spring 3 and I don't seem to grasp the functionality behind <context:annotation-config> and <context:component-scan> . 我正在学习Spring 3,并且似乎不太了解<......

javail
今天
15
0
业内首款,百度工业视觉智能平台全新亮相

本文作者:y****n 业内首款全国产化工业视觉智能平台——百度工业视觉智能平台亮相中国机器视觉展(Vision China),该平台所具有的核心AI能力完全自主可控,在质检、巡检等场景中具有高效、...

百度开发者中心
昨天
7
0
我们如何制作xkcd样式图? - How can we make xkcd style graphs?

问题: Apparently, folk have figured out how to make xkcd style graphs in Mathematica and in LaTeX . 显然,民间已经想出了如何在Mathematica和LaTeX中制作xkcd风格的图形。 Can we d......

富含淀粉
今天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部