原文地址:http://www.work100.net/training/monolithic-markdown-basic.html

更多教程:光束云 - 免费课程

基础语法

序号 文内章节 视频
1 标题 -
2 段落 -
3 字体 -
4 分隔线 -
5 删除线 -
6 下划线 -
7 脚注 -
8 列表 -
9 区块 -
10 代码 -
11 链接 -
12 图片 -
13 表格 -

请参照如上章节导航进行阅读

1.标题

1.1. 使用 = 和 - 标记一级和二级标题

语法格式如下:

  1. 我展示的是一级标题
  2. =================
  3. 我展示的是二级标题
  4. -----------------

显示效果如下:

我展示的是一级标题

我展示的是二级标题

1.2. 使用 # 号标记

使用 # 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推。

语法格式如下:

  1. # 一级标题
  2. ## 二级标题
  3. ### 三级标题
  4. #### 四级标题
  5. ##### 五级标题
  6. ###### 六级标题

显示效果如下:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

2.段落

Markdown 段落没有特殊的格式,直接编写文字就好,段落的换行是使用两个以上空格加上回车

语法格式如下:

  1. 光束云网址:http://www.work100.net
  2. 免费教程:http://www.work100.net/training/java

显示效果如下:

光束云网址:http://www.work100.net

免费教程:http://www.work100.net/training/java

3.字体

Markdown 可以使用以下几种字体:

  1. *斜体文本*
  2. _斜体文本_
  3. **粗体文本**
  4. __粗体文本__
  5. ***粗斜体文本***
  6. ___粗斜体文本___

显示效果如下:

斜体文本

斜体文本

粗体文本

粗体文本

粗斜体文本

粗斜体文本

4.分隔线

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

  1. ***
  2. * * *
  3. *****
  4. - - -
  5. ----------

显示效果如下:






5.删除线

如果段落上的文字要添加删除线,只需要在文字的两端加上两个波浪线 ~~ 即可,实例如下:

  1. work100.net
  2. google.com
  3. ~~baidu.com~~

显示效果如下:

work100.net

google.com

baidu.com

6.下划线

下划线可以通过 HTML<u> 标签来实现:

  1. <u>带下划线文本</u>

显示效果如下:

带下划线文本

7.脚注

脚注是对文本的补充说明。

Markdown 脚注的格式如下:

  1. [^要注明的文本]

以下实例演示了脚注的用法:

创建脚注格式类似这样:[^work100.net]

[^work100.net]: 光束云 -- Just for working !

8.列表

Markdown 支持有序列表和无序列表。

8.1.无序列表

使用星号(*)、加号(+)或是减号(-)作为列表标记:

  1. * 第一项
  2. * 第二项
  3. * 第三项
  4. + 第一项
  5. + 第二项
  6. + 第三项
  7. - 第一项
  8. - 第二项
  9. - 第三项

显示效果如下:

  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项

8.2.有序列表

使用数字并加上 . 号来表示,如:

  1. 1. 第一项
  2. 2. 第二项
  3. 3. 第三项

显示效果如下:

  1. 第一项
  2. 第二项
  3. 第三项

8.3.列表嵌套

只需在子列表中的选项添加四个空格即可:

  1. 1. 第一项:
  2. - 第一项嵌套的第一个元素
  3. - 第一项嵌套的第二个元素
  4. 2. 第二项:
  5. - 第二项嵌套的第一个元素
  6. - 第二项嵌套的第二个元素

显示效果如下:

  1. 第一项:

    • 第一项嵌套的第一个元素
    • 第一项嵌套的第二个元素
  2. 第二项:
    • 第二项嵌套的第一个元素
    • 第二项嵌套的第二个元素

9.区块

Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号:

  1. > 区块引用
  2. > Java教程
  3. > 学的不仅是技术更是梦想

显示效果如下:

区块引用

Java教程

学的不仅是技术更是梦想

另外区块是可以嵌套的,一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推退:

  1. > 最外层
  2. > > 第一层嵌套
  3. > > > 第二层嵌套

显示效果如下:

最外层

第一层嵌套

第二层嵌套

区块中使用列表

区块中使用列表实例如下:

  1. > 区块中使用列表
  2. > 1. 第一项
  3. > 2. 第二项
  4. > + 第一项
  5. > + 第二项
  6. > + 第三项

显示效果如下:

区块中使用列表

  1. 第一项
  2. 第二项
  • 第一项
  • 第二项
  • 第三项

列表中使用区块

如果要在列表项目内放进区块,那么就需要在 > 前添加四个空格的缩进。

区块中使用列表实例如下:

  1. * 第一项
  2. > Java教程
  3. > 学的不仅是技术更是梦想
  4. * 第二项

显示效果如下:

  • 第一项

    Java教程

    学的不仅是技术更是梦想

  • 第二项

10.代码

10.1.代码片段

如果是段落上的一个函数或片段的代码可以用反引号把它包起来(`````),例如:

  1. `printf()` 函数

显示效果如下:

printf() 函数

10.2.代码区块

代码区块使用 4个空格 或者一个 制表符(Tab 键)

实例如下:

  1. public class MyDemo {
  2. }

你也可以用 ``` 包裹一段代码,并指定一种语言(也可以不指定):

  1. public class MyDemo {
  2. }

11.链接

11.1.基础用法

  1. [链接名称](链接地址)
  2. 或者
  3. <链接地址>

例如:

  1. 这是一个链接 [光束云](http://www.work100.net)

显示效果如下:

这是一个链接 光束云

直接使用链接地址

  1. <http://www.work100.net>

显示效果如下:

http://www.work100.net

11.2.高级用法

  1. 链接也可以用变量来代替,文档末尾附带变量地址:
  2. 这个链接用 1 作为网址变量 [Google][1]
  3. 这个链接用 work100 作为网址变量 [Work100][work100]
  4. 然后在文档的结尾为变量赋值(网址)
  5. [1]: http://www.google.com/
  6. [work100]: http://www.work100.net/

显示结果如下:

链接也可以用变量来代替,文档末尾附带变量地址:

这个链接用 1 作为网址变量 Google

这个链接用 work100 作为网址变量 光束云

然后在文档的结尾为变量赋值(网址)

12.图片

12.1.基础用法

Markdown 图片语法格式如下:

  1. ![alt 属性文本](图片地址)
  2. ![alt 属性文本](图片地址 "可选标题")
  • 开头一个感叹号 !
  • 接着一个方括号,里面放上图片的替代文字
  • 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 'title' 属性的文字。

使用实例:

  1. ![光束云 图标](http://www.work100.net/static/img/logo_light.9749705a.png)
  2. ![光束云 图标](http://www.work100.net/static/img/logo_light.9749705a.png "光束云")

12.2.高级用法

当然,你也可以像网址那样对图片网址使用变量:

  1. 这个链接用 2 作为网址变量 ![光束云][2].
  2. 然后在文档的结尾位变量赋值(网址)
  3. [2]: http://www.work100.net/static/img/logo_light.9749705a.png

显示结果如下:

这个链接用 2 作为网址变量 .

然后在文档的结尾位变量赋值(网址)

Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的 <img> 标签:

  1. <img src="http://www.work100.net/static/img/logo_light.9749705a.png" width="200px">

显示结果如下:

13.表格

13.1.概述

Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。

语法格式如下:

  1. | 表头 | 表头 |
  2. | ---- | ---- |
  3. | 单元格 | 单元格 |
  4. | 单元格 | 单元格 |

显示结果如下:

表头 表头
单元格 单元格
单元格 单元格

13.2.对齐方式

我们可以设置表格的对齐方式:

  • -: 设置内容和标题栏居右对齐
  • :- 设置内容和标题栏居左对齐
  • :-: 设置内容和标题栏居中对齐

实例如下:

  1. | 左对齐 | 右对齐 | 居中对齐 |
  2. | :---- | ----: | :----: |
  3. | 单元格 | 单元格 | 单元格 |
  4. | 单元格 | 单元格 | 单元格 |

显示结果如下:

左对齐 右对齐 居中对齐
单元格0000000000 单元格0000000000 单元格0000000000
单元格 单元格 单元格

上一篇:简介

下一篇:高级技巧


如果对课程内容感兴趣,可以扫码关注我们的 公众号QQ群,及时关注我们的课程更新


Java单体应用 - Markdown - 02.基础语法的更多相关文章

  1. JavaScript学习02 基础语法

    JavaScript学习02 基础语法 JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括: 各种算术运算符.比较运算符.逻辑运算符: if else语句.s ...

  2. java学习(一)--- 基础语法

    学习内容来 自菜鸟教程 http://www.runoob.com/java/java-object-classes.html   Java基础 Java:一个Java程序可以认为是一系列的对象组合, ...

  3. Java 教程(开发环境配置+基础语法)

    Java 开发环境配置 在本章节中我们将为大家介绍如何搭建Java开发环境. window系统安装java 下载JDK 首先我们需要下载java开发工具包JDK,下载地址:http://www.ora ...

  4. Java单体应用 - Markdown - 01.简介

    原文地址:http://www.work100.net/training/monolithic-markdown.html 更多教程:光束云 - 免费课程 简介 序号 文内章节 视频 1 概述 2 特 ...

  5. Java单体应用 - Markdown - 03.高级技巧

    原文地址:http://www.work100.net/training/monolithic-markdown-advance.html 更多教程:光束云 - 免费课程 高级技巧 序号 文内章节 视 ...

  6. Python入门 —— 02基础语法

    基础语法入门学习推荐: 简明 Python 教程 下文仅为入门推荐书籍的补充与重点 多行语句:末尾使用斜杠 (  ) ,将一行分为多行 var = item1 + item2 + item3 注释: ...

  7. Markdown之基础语法

    Markdown是一种纯文本格式的标记语言.通过简单的标记语法,它可以使普通文本内容具有一定的格式 优点: 1.因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排 ...

  8. java操作Excel的poi基础语法

    创建一个简单的实列 package com.java.poi; import org.apache.poi.hssf.usermodel.HSSFWorkbook; import org.apache ...

  9. markdown的基础语法

    一级标题,一个#加空格 二级标题,两个#加空格 三级标题,三个#加空格 四级标题,四个#加空格 五级标题,五个#加空格 六级标题(最多支持到六级),六个#加空格 字体 粗体,两边加两个星号 斜体,两边 ...

随机推荐

  1. 备战省赛组队训练赛第十六场(UPC)

    传送门 题解: by 烟台大学 (提取码:8972)

  2. 前端导出&配置问题

    <button class="search" onclick="method5('dataTable');">导出</button> 在 ...

  3. Online Classification

    Another challenging trend in Internet evolution is the tremendous growth of the infrastructure in ev ...

  4. LuoguP3521 [POI2011]ROT-Tree Rotations

    P3521 [POI2011]ROT-Tree Rotations 题目大意: 给一棵\((1≤n≤200000)\)个叶子的二叉树,可以交换每个点的左右子树,要求前序遍历叶子的逆序对最少. 我们发现 ...

  5. 【34.54%】【codeforces 675E】Trains and Statistic

    time limit per test2 seconds memory limit per test256 megabytes inputstandard input outputstandard o ...

  6. 2019牛客多校第一场 I Points Division(动态规划+线段树)

    2019牛客多校第一场 I Points Division(动态规划+线段树) 传送门:https://ac.nowcoder.com/acm/contest/881/I 题意: 给你n个点,每个点有 ...

  7. remote api

    iperf -B 99.99.3.1 -c 192.168.42.242 -p 10002 -f m -i 1 -P 1 -w 1M -u -b 1M -t 20 iperf -B 192.168.4 ...

  8. monaco-editor使用

    monaco-editor是一款非常好用的web代码编辑器,那么如何把他加到自己的项目中呢. 1.下载插件 npm install monaco-editor@0.8.3 2.初始化编辑器值 < ...

  9. 关于在vuejs中动态加载不确定数量和内容的组件的解决方案

    在做一个门户项目的时候,客户要求需要进行私人化定制,每个人进入首页的时候可以自定义首页显示的版块 要在4.50个组件中显示随机N个组件按照每个人选定的顺序排列.需求说完了,接下来说说解决方案: htm ...

  10. JSR-133内存模型手册

    1.介绍 JVM支持多种线程的执行,Threads代表的是线程类,位于java.lang.Thread包下,唯一的方式就是为用户在这个类下的对象创建线程,每一个线程关联着一个对象,一个线程将在star ...