Gahing's blog Gahing's blog
首页
知识体系
  • 前端基础
  • 应用框架
  • 工程能力
  • 应用基础
  • 专业领域
  • 业务场景
  • 前端晋升 (opens new window)
  • Git
  • 网络基础
  • 算法
  • 数据结构
  • 编程范式
  • 编解码
  • Linux
  • AIGC
  • 其他领域

    • 客户端
    • 服务端
    • 产品设计
软素质
  • 面试经验
  • 人生总结
  • 个人简历
  • 知识卡片
  • 灵感记录
  • 实用技巧
  • 知识科普
  • 友情链接
  • 美食推荐 (opens new window)
  • 收藏夹

    • 优质前端信息源 (opens new window)
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Gahing / francecil

To be best
首页
知识体系
  • 前端基础
  • 应用框架
  • 工程能力
  • 应用基础
  • 专业领域
  • 业务场景
  • 前端晋升 (opens new window)
  • Git
  • 网络基础
  • 算法
  • 数据结构
  • 编程范式
  • 编解码
  • Linux
  • AIGC
  • 其他领域

    • 客户端
    • 服务端
    • 产品设计
软素质
  • 面试经验
  • 人生总结
  • 个人简历
  • 知识卡片
  • 灵感记录
  • 实用技巧
  • 知识科普
  • 友情链接
  • 美食推荐 (opens new window)
  • 收藏夹

    • 优质前端信息源 (opens new window)
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 个人简历

  • 人生总结

  • 实用技巧

    • Windows 下快捷启动应用的小技巧
    • wifi 认证弹窗未弹出
    • 使用 shell 一键搭建 macOS 前端环境
    • 图片隐写技巧
    • 文章一键发布多平台
    • macOS 使用初体验
    • markdown技巧
      • 1. 文本删除线效果
      • 2. 区块引用的换行
      • 3. 点击展开效果
      • 4. 页内跳转
      • 5. 行内代码中包含 ` `` 字符
      • 6.
    • 公众号原创申诉经验
    • 去除部分 Chrome 拓展的付费功能限制(持续整理)
  • 影剧观感

  • 教育

  • 服务搭建

  • 灵感记录
  • 理财投资

  • 生活常识

  • 知识科普

  • 自媒体

  • 面试经验

  • 闲言碎语
  • 实用技巧
gahing
2018-10-16
目录

markdown技巧

# 1. 文本删除线效果

在需要删除线效果的单行文本两侧加~~,例如

~~test~~
1

效果如下:

test

但对于多行文本,使用

~~test1

test2~~

我们发现没有效果,此时有两种方法,

  1. 每行都用~~包起来,即
~~test1~~

~~test2~~
1
2
3
  1. 利用html的<s>删除线标签
<s>test1

test2~~</s>
1
2
3

# 2. 区块引用的换行

我们可以在文明前使用> 来对文本样式进行特殊的展示,常用于引用、说明、标注,例如

> test
1

效果如下:

test

对于多行文本,使用

> test1
> test2
1
2

效果如下:

test1 test2

我们发现 test1 test2处于同一行,解决方法有两种

  1. 加入空的>行
> test1
>
> test2
1
2
3

效果如下,会多一个空行:

test1

test2

  1. 行末加入\
> test1\
> test2
1
2

效果如下:

test1
test2

ps: 有些md解析器没有效果

# 3. 点击展开效果

<details>
<summary>title</summary>
content
</details>
1
2
3
4

效果如下:

点击展开

我是内容详情

# 4. 页内跳转

  1. 先定义一个锚
<span id="anchor"></span>
1
  1. 使用链接跳转语法
[点击跳转](#anchor)
or
<a href="#anchor">点击跳转</a>
1
2
3

注意:

使用 # 语法定义的各级标题,若标题为纯文本(没有使用md样式)且不带空格,该标题就是一个锚

## 前言

## **内容** 1


// 有效
[点击跳转](#前言)
// 无效
[点击跳转](#**内容** 1)
1
2
3
4
5
6
7
8
9

# 5. 行内代码中包含 ` 字符

行内代码的语法是 `内容` ,如果里面的内容包含 ` 字符,不能直接使用 `内`容` 语法, 会被识别为 内容` ,而不是 内`容 ,

此时有两种方案:

  1. 使用特殊字符 ˋ 代替:其实不是同个字符,长相相似表达个意思即可,
  2. 使用 `` 将语句包裹,比如 ``内`容``,将被正确识别为 内`容。特别说明,如果 `` 直接连接内容的 ` 字符,中间需要加个空格避免识别失败

同样的,对于代码块中,如果需要包含 ``` 字符且前面没有前缀字符,不能这么写

```
```
```
1
2
3

需要前后包裹的 ` 使用和内容中出现的 ` 不同的数量,比如

````
```
````
1
2
3

将展示如下效果

```
1

# 6.

编辑 (opens new window)
#markdown
上次更新: 2024/09/01, 23:56:56
macOS 使用初体验
公众号原创申诉经验

← macOS 使用初体验 公众号原创申诉经验→

最近更新
01
浅谈代码质量与量化指标
08-27
02
快速理解 JS 装饰器
08-26
03
Vue 项目中的 data-v-xxx 是怎么生成的
09-19
更多文章>
Theme by Vdoing | Copyright © 2016-2024 Gahing | 闽ICP备19024221号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式