Markdown入门8-定义型列表、Html 标签、内嵌图标、目录索引

最新推荐文章于 2024-03-04 14:43:51 发布

_尊哥

最新推荐文章于 2024-03-04 14:43:51 发布

阅读量2.5k

点赞数 4

分类专栏： Markdown 文章标签： markdown

本文链接：https://blog.csdn.net/cuishizun/article/details/80352901

版权

本文介绍了Markdown的基本用法，包括如何创建定义型列表、使用HTML标签、内嵌图标以及构建目录索引。通过这些技巧，你可以更高效地编写和组织Markdown文档。

摘要由CSDN通过智能技术生成

13、定义型列表

定义型列表由名词和解释组成。一行写上定义，紧跟一行写上解释。解释的写法:紧跟一个缩进(Tab)。

Markdown
:    轻量级文本标记语言，可以转换成html，pdf等格式
（左侧有一个可见的冒号和四个不可见的空格）
代码块 2
:   这是代码块的定义（左侧有一个可见的冒号和四个不可见的空格）
        代码块（左侧有八个不可见的空格）

效果如下：

Markdown

轻量级文本标记语言，可以转换成html，pdf等格式（左侧有一个可见的冒号和四个不可见的空格）
代码块 2

这是代码块的定义（左侧有一个可见的冒号和四个不可见的空格）
代码块（左侧有八个不可见的空格）

14、Html 标签

Markdown 语法是支持 Html 标签的。

15、内嵌图标

<i class="icon-weibo"></i>
<i class="icon-renren"></i>

效果如下：
这里写图片描述
更多的图标可以参看

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

_尊哥

关注关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Markdown 图标收集

Zmaomao_的博客

07-24

838

【MarkDown】添加小图标，让你的博客更炫丽 ~~在使用Markdown编写文章时，适当的添加一些表情符号，有助于丰富页面的展示，突出文章的重点部分。其实，我们平时使用的汉字、英文字母、数字等都对应计算机中的一个唯一编码，各类表情符号也是这个编码系统中的成员。有了这基本的认知，你就很容易理解表情符号了。

【Markdown语法】定义列表（有序列表、无序列表、缩进列表）

惊鸿若梦一书生

08-29

1万+

无序列表：：只需要在文字前面加上- 、*、+就可以了，它们效果是一样的，例如： + 苹果 + 橘子 + 香蕉效果如下：苹果橘子香蕉有序列表：只需在数字后面加上英文句点即可，这里面的数字不影响排序，例如： 1. 学生 8.老师 4. 班主任效果如下：学生老师班主任缩进列表用:标记要缩进的行，例如：目录1 ...

1 条评论您还未登录，请先登录后发表或查看评论

Markdown图标

Eric

04-16

8334

Markdown中增加图标，来自如下： https://gitcode.net/mirrors/zhouie/markdown-emoji?utm_source=csdn_github_accelerator markdown-emoji Markdown语法支持添加 emoji 表情，输入不同的符号码（两个冒号包围的字符）可以显示出不同的表情人物自然事物地点符号人物 :bowtie: :bowtie: 😄 :smile: 😆 :laughing: 😊 :blush: .

Markdown入门教程-列表

weixin_52345129的博客

01-19

809

通常，你可能需要将一个列表变得更深，或者，将一个列表放置在另一个列表中。接下来，我们会学习另一个列表和缩进的技巧，该技巧可以处理段落的情况。，你需要在每一个列表项前加一个星号（*）。基本上，请遵循与上述相同的指导：不要把牛奶洒出来，但是如果您把牛奶洒出来了，请清理干净！虽然你可以继续缩进并无限地继续添加子列表，但是最好在三个级别后停止，否则你的文字会变得一团糟。要创建这种格式的文本，你的段落必须在列表项目下一行开始，以及要用至少一个空格开始。当然在列表中同样也可以使用斜体，加粗，或是超链接。

Markdown如何自定义表格

weixin_43434932的博客

05-05

1425

Markdown语法如何自定义表格

【icon】：可在Markdown随意插入的表情符号集大全，简单复制粘贴法，2种在线实时检索法，釜底抽薪的快捷键法

Xminyang的博客

05-04

2375

这些表情符号集(图标ICONS)可增强美观性，让读者阅读技术博客时，提升精气神。复制粘贴法：用户可直接复制，并在CSDN文章的任意处进行粘贴。釜底抽薪法：用户可自由选择适合的表情符号，更全、更快、更准。...............

markdown toc 生成--自动生成markdown文档侧边栏目录

04-23

本资源提供了一个简单方法，用于生成华丽的markdown文档侧边栏目录。本资源包含一个模板文档，没有任何程序代码，简单易用。本模板是对开源项目 i5ting-i5ting_ztree_toc-0.3.0-11 的精简，主要是针对Windows下无法...

Markdown入门指南 --写博客，word必备技术

dingzitu的博客

04-14

3803

Markdown入门指南【写博客，word必备技术，用过才知道有多香！！！】文章目录Markdown入门指南【写博客，word必备技术，用过才知道有多香！！！】前言一、设置标题二、字体设置1.黑体设置2.斜体设置3.斜体加黑设置4.删除线设置三、引用四、分割线五、插入图片六、插入超链接七、列表1. 有序列表2.无序列表八、插入表格九、代码自动生成目录前言等等等，小伙伴们是不是又要说这是个标题党了！！！别急，且听我说 Markdown真的非常好用，学会后的你一定爱不释手。 Markown 是一种是一

Markdown入门7-甘特图、标签分类、脚注、LaTeX 公式、加强的代码块

尊哥的博客

05-16

3128

甘特图先上代码： ```gantt dateFormat YYYY-MM-DD title Shop项目交付计划 section 里程碑 0.1 数据库设计 :active, p1, 2016-08-15, 3d 详细设计 : p2, after p1, 2d section 里程碑 0.2 后端开发 ...

Markdown入门2-标题、引用、列表、代码、分隔线

尊哥的博客

05-14

8129

markdown手动添加目录

热门推荐

星空

04-22

1万+

MarkDown 自动生成目录索引 @[TOC]自动生成目录索引

【使用Markdown自动生成目录的几种方法】

m0_66706847的博客

08-06

9898

有关下载Markdown和自动生成目录的分享。

零基础HTML入门教程(22)——自定义列表

weixin_61808806的博客

12-08

2470

自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的描述以 dd 开始。

Markdown 语法的简要规则

babybk的博客

10-05

3799

Markdown 语法的简要规则标题标题是每篇文章都需要也是最常用的格式，在 Markdown 中，如果一段文字被定义为标题，只要在这段文字前加 # 号即可。 # 一级标题 ## 二级标题 ### 三级标题以此类推，总共六级标题，建议在#号后加一个空格，这是最标准的 Markdown 语法。列表熟悉 HTML 的同学肯定知道有序列表与无序列表的区别，在 Markdown 下，列表的显示只需要在文字

html中自定义列表项图片怎么加,给列表项标记添加自定义图像

weixin_39955418的博客

06-14

2862

要给列表项标记修改样式的话，list-style-image以及list-style-type是很好选择，前者可以使用自己定义的图像，后者可以选择圆形，矩形之类的矢量图形。但是由于不同浏览器的实现不同，这些样式可能会出现一些小的偏差，比如说，可能火狐浏览器和谷歌浏览器之间，这个标记的位置就会差那么一两个像素。为了解决这种浏览器之间带来的位置差异，可以通过自己设定样式的方法来达到效果：ul{ ...

vue markdown toc 生成--自动生成markdown文档侧边栏目录

05-26

在上面的代码中，我们使用了 `markdown-it-toc` 插件来自动生成目录导航，并将导航内容存储在 `toc` 变量中。然后，我们使用 `v-html` 指令将导航和 Markdown 文档内容渲染到页面上。注意，`markdown-it-toc` 插件...