小于博客 小于博客
首页
  • Java学习笔记
  • Docker专区
  • 实战教程
  • Shell
  • 内存数据库
  • Vue学习笔记
  • Nginx
  • Php
  • CentOS
  • Docker
  • Gitlab
  • GitHub
  • MySql
  • MongoDB
  • OpenVPN
  • 配置文件详解
  • Other
  • ELK
  • K8S
  • Nexus
  • Jenkins
  • 随写编年
  • 电影音乐
  • 效率工具
  • 博客相关
  • 最佳实践
  • 迎刃而解
  • 学习周刊
关于
友链
  • 本站索引

    • 分类
    • 标签
    • 归档
  • 本站页面

    • 导航
    • 打赏
  • 我的工具

    • 备忘录清单 (opens new window)
    • 网站状态 (opens new window)
    • json2go (opens new window)
    • 微信MD编辑 (opens new window)
    • 国内镜像 (opens new window)
    • 出口IP查询 (opens new window)
    • 代码高亮工具 (opens new window)
  • 外站页面

    • 开往 (opens new window)
    • ldapdoc (opens new window)
    • HowToStartOpenSource (opens new window)
    • vdoing-template (opens new window)
GitHub (opens new window)

小于博客

行者常至,为者常成
首页
  • Java学习笔记
  • Docker专区
  • 实战教程
  • Shell
  • 内存数据库
  • Vue学习笔记
  • Nginx
  • Php
  • CentOS
  • Docker
  • Gitlab
  • GitHub
  • MySql
  • MongoDB
  • OpenVPN
  • 配置文件详解
  • Other
  • ELK
  • K8S
  • Nexus
  • Jenkins
  • 随写编年
  • 电影音乐
  • 效率工具
  • 博客相关
  • 最佳实践
  • 迎刃而解
  • 学习周刊
关于
友链
  • 本站索引

    • 分类
    • 标签
    • 归档
  • 本站页面

    • 导航
    • 打赏
  • 我的工具

    • 备忘录清单 (opens new window)
    • 网站状态 (opens new window)
    • json2go (opens new window)
    • 微信MD编辑 (opens new window)
    • 国内镜像 (opens new window)
    • 出口IP查询 (opens new window)
    • 代码高亮工具 (opens new window)
  • 外站页面

    • 开往 (opens new window)
    • ldapdoc (opens new window)
    • HowToStartOpenSource (opens new window)
    • vdoing-template (opens new window)
GitHub (opens new window)
  • Java学习笔记

  • Docker专区

  • Shell编程

  • 实战教程

    • git教程

    • idea教程

    • linux教程

    • markdown教程

      • Markdown教程
        • 1.标题
        • 2.段落
        • 3.字体
        • 4.分隔线
        • 5.删除线
        • 6.下划线
        • 7.列表
        • 8.列表嵌套
        • 9.区块
        • 10.区块中使用列表
        • 11.列表中使用区块
        • 12.代码
        • 13.代码区块
        • 14.链接
        • 15.高级链接
        • 16.图片
        • 17.表格
        • 18.支持的 HTML 元素
        • 19.转义
        • 20.添加视频
        • 21.插入云上对象存储中的视频
      • Markdown 中使用组件
      • 如何让你的笔记更有表现力
      • Markdown进阶用法教程
    • maven教程

    • 数据库部分

    • 电脑操作

  • 内存数据库

  • Vue学习笔记

  • 编程世界
  • 实战教程
  • markdown教程
小于博客
2024-01-18
目录

Markdown教程

Markdown教程

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。 Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。 Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。 Markdown 编写的文档后缀为 .md, .markdown。

# 1.标题

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

# 2.段落

Markdown 段落没有特殊的格式,直接编写文字就好,段落的换行是使用两个以上空格加上回车。 当然也可以在段落后面使用一个空行来表示重新开始一个段落。

# 3.字体

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

斜体文本 斜体文本 粗体文本 粗体文本 粗斜体文本 粗斜体文本

# 4.分隔线

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

# 5.删除线

~~BAIDU.COM~~
1

# 6.下划线

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

# 7.列表

* 第一项
* 第二项
* 第三项

1. 第一项
2. 第二项
3. 第三项
1
2
3
4
5
6
7
  • 第一项
  • 第二项
  • 第三项
  1. 第一项
  2. 第二项
  3. 第三项

# 8.列表嵌套

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

# 9.区块

> 区块引用
> 念念不忘,必有回响
1
2

显示结果如下:

区块引用 念念不忘,必有回响

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

> 第一层
> > 第二层嵌套
> > > 第三层嵌套
1
2
3

# 10.区块中使用列表

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

区块中使用列表

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

# 11.列表中使用区块

* 第一项
    > 列表中使用区块
    > 念念不忘,必有回响
* 第二项
1
2
3
4

# 12.代码

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

`printf()` 函数
1

printf() 函数 你想输入这段代码中包含符号` ,那么你应该这么输入:

``这段代码中包含`符号``
1

# 13.代码区块

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

# 14.链接

这是一个博客链接 [Jayhrn](https://blog.jayhrn.com/)
1

# 15.高级链接

我们可以通过变量来设置一个链接,变量赋值在文档末尾进行:

这个链接用 1 作为网址变量 [Google][1]
这个链接用 Jayhrn 作为网址变量 [Jayhrn][Jayhrn]
然后在文档的结尾为变量赋值(网址)

  [1]: http://www.google.com/
  [Jayhrn]: https://blog.jayhrn.com/
1
2
3
4
5
6

这个链接用 1 作为网址变量 Google (opens new window) 这个链接用 Jayhrn 作为网址变量 Jayhrn (opens new window) 然后在文档的结尾为变量赋值(网址)

# 16.图片

![学习 图片](https://img.jayhrn.com/img/posts/20220727/003.webp)

![学习 图片](https://img.jayhrn.com/img/posts/20220727/003.webp "Jayhrn")
1
2
3

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

<img src="https://img.jayhrn.com/img/posts/20220727/003.webp" width="25%">
1

# 17.表格

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

对齐方式

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

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

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

# 18.支持的 HTML 元素

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
1

使用 Ctrl+Alt+Del 重启电脑

# 19.转义

**文本加粗** 
\*\* 正常显示星号 \*\*
1
2

文本加粗 ** 正常显示星号 **

# 20.添加视频

由于 Markdown 支持 HTML 语法,会对相应的标签进行解析。所以我们可以通过 HTML 语法将视频放入到我们的 Markdown 中。 用法如下(本地视频、在线视频都可以):

<iframe height=498 width=510 src="视频地址">
1

其中 height 和 width 是 HTML 中的属性可以设置视频的大小,我们也可以使用 HTML 中的其他属性对插入视频进行相应设置。

  • 在视频链接后加上&autoplay=0就是禁止自动播放(需要自动播放去掉即可)

# 21.插入云上对象存储中的视频

直接插入本地已上传至公网的视频,使用的是自定义的 HTML 标签的视频播放器。

<video controls height='100%' width='100%' src="https://encooacademy.oss-cn-shanghai.aliyuncs.com/activity/OpenBrowser.mp4"></video>
1

Your user agent does not support the HTML5 Video element.

上次更新: 2024/02/03, 13:17:04

← Linux常用命令 Markdown 中使用组件→

最近更新
01
SpringBoot 快速实现 api 加密!
03-21
02
SpringBoot整合SQLite
03-07
03
SpringBoot配置使用H2数据库的简单教程
02-21
更多文章>
Theme by Vdoing | Copyright © 2017-2024 | 点击查看十年之约 | 豫ICP备2022014539号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式