林林小窝 - Markdown
type: channel
link: https://blog.gxusb.com/tag/Markdown/
items: Markdown实现卡片效果
items: Markdown 基础教程

Markdown实现卡片效果
type: item
date: 2024-03-15T18:41:00+08:00
description: Markdown 点我查看更多 卡片实现以下是使用Markdown实现卡片效果的代码示例默认关闭 点击展开卡片 这里是卡片的内容，可以在这里写入任何文本和格式。 你可以将以上代码复制粘贴到Markdown编辑器中，然后在 标签内编写卡片的标题。当你在预览或发布Markdown文档时，卡片会以默认闭合的状态显示，点击卡片标题即可展开或关闭卡片内容。默认关闭效果点击展开卡片这里是卡片的内容，可以在这里写入任何文本和格式。默认开启如果你希望卡片默认展开，你可以在 标签中添加open属性来实现。以下是默认展开的卡片代码示例： 展开卡片 这里是卡片的内容，可以在这里写入任何文本和格式。 将以上代码复制粘贴到Markdown编辑器中，并在 标签内编写卡片的标题，在 标签之后编写卡片的内容。默认展开效果展开卡片这里是卡片的内容，可以在这里写入任何文本和格式。支持的浏览器列表可以查看：caniuse.com

Markdown 基础教程
type: item
date: 2021-04-28T18:36:00+08:00
description: [TOC]Markdown 基础教程MarkdownMarkdown主张使用最简单的符号来控制格式，兼顾易读易写特性，让你可以专注在文本创作上。 这篇文章旨在让你通过大约三分钟来快速掌握Markdown的基本用法。GitHub Flavored MarkdownGitHub的markdown语法在标准的Markdown语法基础上做了扩充，称之为GitHub Flavored Markdown。简称GFM，GFM在GitHub上有广泛应用，除了README文件外，issues和wiki均支持Markdown语法。开始之前，需要特别注意的点通常，格式控制符号与文本内容需要 保留一个空格 。段落之间需要 空格一行 。标题在书写中，标题是最常用的格式，Markdown中，通过在文本前加上\#即可，同时，根据 # 的数量可以可以划分为二级标题、三级标题、四级标题...一共六级。# 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题一级标题二级标题三级标题四级标题五级标题六级标题复选框列表(TodoList)语法- [x] 需求分析 - [x] 系统设计 - [x] 详细设计 - [ ] 编码 - [ ] 测试 - [ ] 交付效果[x] 需求分析[x] 系统设计[x] 详细设计[ ] 编码[ ] 测试[ ] 交付列表无序列表列表分为无序列表和有序列表，无序列表在文本前面加上- + * 三选一 即可，以空格隔开：- 无序列表一 - 无序列表二 - 无序列表三无序列表一无序列表二无序列表三有序列表而有序列表仅需要在文本前面加上 1. +空格 即可：1. 有序列表一 2. 有序列表二 3. 有序列表三有序列表一有序列表二有序列表三列表分级（分层）可以用两个空格隔开，以此类推。- 列表1 * 列表2 + 列表3列表1列表2列表3引用文本经常需要引入一些内容，包括他人的话等等。仅需要在文本前面加上 > 即可：> 引用内容 >> 引用内容引用内容引用内容文字修饰为了表达的抑扬顿挫，需要使用到粗体、斜体、删减体等来表明重点，其中用一个 * 号包围起来的文字为斜体，用 ** 包围起来的文字为粗体，而使用 ~~ 包围起来的文字为删减体：*斜体* **粗体** ***粗斜体*** ~~删减体~~ 斜体 粗体 粗斜体 删减体段落分隔符通过 --- 即可以添加段落分割线：链接及图片链接和图片可以为文章润色不少，通过 [描述](地址) 既可以添加链接，而在其前面添加一个 ! 号即为添加图片， 具体为:[Gxusb.com](https://gxusb.com "鼠标放上去的描述") <https://gxusb.com>Gxusb.comhttps://gxusb.comMarkdown 图片语法格式如下：![alt 属性文本](图片地址) ![alt 属性文本](图片地址 "可选标题")开头一个感叹号 !接着一个方括号，里面放上图片的替代文字接着一个普通括号，里面放上图片的网址，最后还可以用引号包住并加上选择性的 'title' 属性的文字。![Logo](https://blog.gxusb.com/favicon.ico) ![Logo](https://blog.gxusb.com/favicon.ico "Logo")表格| 英文 | 解释 | 备注 | | :---- | :--: | ---: | | Book | 书 | test | | Hello | 你好 | test | | World | 世界 | test |英文解释备注Book书testHello你好testWorld世界test这样即可自动生成表格，第二行为内容对准格式，第二格表示内容居左，第一格表示内容居中，第三格表示内容居右。插入高亮代码如果你需要插入一些代码，Markdown也可以帮你自动高亮，包括行内高亮和代码块高亮，行内高亮仅需要使用 ` 包围起来即可。Markdown在IT圈子里面比较流行的一个重要原因是，它能够轻松漂亮地插入代码。方法是，使用反引号\`进行包裹即可。如果是行内代码引用，使用单个反引号进行包裹。这是一段var x = 3行内代码如果插入一整段代码，需要至少使用两个以上反引号进行包裹， 看效果：```html 上标super 下标sub ```上标 super下标sub注：很多人不知道怎么输入反引号。在 英文模式 下，找到键盘最 左侧 ESC 键下面的第一个键点击即可。diff语法版本控制的系统中都少不了diff的功能，即展示一个文件内容的增加与删除。GFM中可以显示的展示diff效果。使用绿色表示新增，红色表示删除。语法其语法与代码高亮类似，只是在三个反引号后面写diff，并且其内容中，可以用 +…