Easton's Blog Easton's Blog
首页
  • 编程语言

    • Python
  • 框架

    • Django
  • Mdn (opens new window)
  • HTML
  • CSS
  • JavaScript
  • Mysql
  • PostgreSQL
  • Elasticsearch
  • MongoDB
  • Redis
  • 服务器命令
  • Docker
  • GIT
  • 摄影
  • 草稿
  • 归类方式

    • 分类
    • 标签
    • 归档
  • 关于博客

    • 博客教程
    • 友情链接
    • 关于
导航站
GitHub (opens new window)

Easton Yang

爱生活😊爱学习
首页
  • 编程语言

    • Python
  • 框架

    • Django
  • Mdn (opens new window)
  • HTML
  • CSS
  • JavaScript
  • Mysql
  • PostgreSQL
  • Elasticsearch
  • MongoDB
  • Redis
  • 服务器命令
  • Docker
  • GIT
  • 摄影
  • 草稿
  • 归类方式

    • 分类
    • 标签
    • 归档
  • 关于博客

    • 博客教程
    • 友情链接
    • 关于
导航站
GitHub (opens new window)
  • 博客教程

    • 目录结构
    • 各种配置
    • 博客主题案例
    • markdown基本用法
      • 强调语法
      • 引用
      • 列表
      • 分割线
      • 删除线
      • 代码块
        • 字符代码块
        • 语言代码块+隐藏
      • 链接
      • 图片
      • GitHub 风格表格
      • Escaping
    • markdown更具表现力
    • mermaid流程图案例
    • 插件
    • 自定义样式
    • 自定义components
    • Shields - 徽章
    • 项目遇到的问题
    • 更多
  • 关于

  • 索引
  • 博客教程
eastonyangxu
2023-05-04
目录

markdown基本用法

提示

markdown 文档 (opens new window) 请注意,markdown 的基本用法都差不多,但是有各种版本,所以不一定每个样式都通用。

# 强调语法

输入:

**粗体**
*斜体*
***粗斜体***
1
2
3

输出: 粗体 斜体 粗斜体

高级字体

# 引用

输入:

> 你好
>
> > 你好呀,**粗体**
> >
> > - 你好呀
1
2
3
4
5

输出:

你好

你好呀,粗体

  • 你好呀

# 列表

输入:

1. First item
2. Second item
3. Third item
   - Indented item
   - Indented item
     - item
4. Fourth item
1
2
3
4
5
6
7

输出:

  1. First item
  2. Second item
  3. Third item
    • Indented item
    • Indented item
      • item
  4. Fourth item

# 分割线

输入:

---
1

输出:


# 删除线

输入:

~~删除线~~
1

输出: 删除线

# 代码块

# 字符代码块

输入:

`hello`
`` `hello` ``
1
2

输出: hello `hello`

# 语言代码块+隐藏

代码块隐藏来源 (opens new window)

输入:

```md-example
-example:主要为了防止在输出原格式时被格式化
:不自动隐藏,不添加默认隐藏(或者使用 -n )
最终显示语言:md
```
1
2
3
4
5

输出:

-example:主要为了防止在输出原格式时被格式化
:不自动隐藏,不添加默认隐藏(或者使用 -n )
最终显示语言:md
1
2
3

# 链接

输入:

[内部链接](#链接) <!-- 跳转到本页 链接 标题处 -->
[外部链接](https://eastonyangxu.github.io/)
1
2

输出: 内部链接 外部链接 (opens new window)

# 图片

输入:

![avatar-git](/avatar-git.png)
[![avatar-git](/avatar-git.png)](https://eastonyangxu.github.io/) <!-- 图片 + 链接 -->
1
2

输出:

avatar-git avatar-git (opens new window)

# GitHub 风格表格

输入:

| Tables        |      Are      |  Cool |
| ------------- | :-----------: | ----: |
| col 3 is      | right-aligned | $1600 |
| col 2 is      |   centered    |   $12 |
| zebra stripes |   are neat    |    $1 |
1
2
3
4
5

输出:

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

# Escaping

默认情况下,块级 (block) 的代码块将会被自动包裹在 v-pre 中。如果你想要在内联 (inline) 的代码块或者普通文本中显示原始的大括号,或者一些 Vue 特定的语法,你需要使用自定义容器 v-pre 来包裹:
输入:

::: v-pre
`{{ This will be displayed as-is }}`
:::
1
2
3

输出:

{{ This will be displayed as-is }}

#博客教程#markdown案例
上次更新: 2023/08/08, 20:00:46
博客主题案例
markdown更具表现力

← 博客主题案例 markdown更具表现力→

最近更新
01
攻略制作要点
07-18
02
摄影主题拍摄
07-18
03
延时摄影剧本
07-18
更多文章>
Theme by Vdoing | Copyright © 2023-2024 Easton Yang | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式