描述(meta description),是原页面三大标签TDK中之一,同时也是SEO人员需要着重优化的一个页面优化元素。虽然早在2009年~2010年的时候,Google官方就发声说明,描述标签(meta description)不会影响SEO。但是很多人错误地解读了这个信息。

广告 😃

你会喜欢这些项目的!


# h1 标题 😎

# h2 标题

# h3 标题

# h4 标题

# h5 标题
# h6 标题

# 水平分割线




# 排版符替换

启用排版选项以查看结果。

© © ® ® ™ ™ § § ±

测试…测试…测试…测试?

!!! ??? , – —

“Smartypant,双引号”和‘单引号’

# 重点

这是粗体文本

这是粗体文本

这是斜体文本

这是斜体文本

加删除线

# 引用

块引用也可以嵌套…

…彼此相邻使用其他大于号…

…或箭头之间有空格。

# 列表

无序

  • 创建一个列表开始行+,-, 或*
  • 子列表通过缩进 2 个空格组成:
    • 标记字符更改会强制新列表开始:
      • Ac tristique libero volutpat at
      • Facilisis in pretium nisl aliquet
      • Nulla volutpat aliquam velit
  • 非常简单!

有序

  1. Lorem ipsum dolor sit amet

  2. Consectetur adipiscing elit

  3. Integer molestie lorem at massa

  4. 您可以使用序号…

  5. …或将所有数字保持为1.

使用偏移量编号:

  1. foo
  2. bar

# 代码

行内 代码

缩进代码

// 一些评论
代码的第1行
代码的第2行
代码的第3行

代码块 “围栏”

示例文字在这里...

语法高亮

var foo = function(bar) {
  return bar++;
};
console.log(foo(5));
export default { // Highlighted
  data () {
    return {
      msg: `Highlighted!
      This line isn't highlighted,
      but this and the next 2 are.`,
      motd: 'VuePress is awesome',
      lorem: 'ipsum',
    }
  }
}
export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}
// #region snippet
function foo () {
  return ({
    dest: '../../vuepress',
    locales: {
      '/': {
        lang: 'en-US',
        title: 'VuePress',
        description: 'Vue-powered Static Site Generator'
      },
      '/zh/': {
        lang: 'zh-CN',
        title: 'VuePress',
        description: 'Vue 驱动的静态网站生成器'
      }
    },
    head: [
      ['link', { rel: 'icon', href: `/logo.png` }],
      ['link', { rel: 'manifest', href: '/manifest.json' }],
      ['meta', { name: 'theme-color', content: '#3eaf7c' }],
      ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
      ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
      ['link', { rel: 'apple-touch-icon', href: `/icons/apple-touch-icon-152x152.png` }],
      ['link', { rel: 'mask-icon', href: '/icons/safari-pinned-tab.svg', color: '#3eaf7c' }],
      ['meta', { name: 'msapplication-TileImage', content: '/icons/msapplication-icon-144x144.png' }],
      ['meta', { name: 'msapplication-TileColor', content: '#000000' }]
    ]
  })
}
// #endregion snippet
export default foo
const unique = (arr)=>{
-  return Array.from(new Set(arr))
+  return [...new Set(arr)]
}

# 表格

默认对齐列

选项 描述
数据 提供要传递到模板中的数据的数据文件的路径。
引擎 用于处理模板的引擎。 Handlebars 是默认设置。
扩展 用于 dest 目录的扩展名。

左侧对齐列

选项 描述
数据 提供要传递到模板中的数据的数据文件的路径。
引擎 用于处理模板的引擎。 Handlebars 是默认设置。
扩展 用于 dest 目录的扩展名。

居中对其列

选项 描述
数据 提供要传递到模板中的数据的数据文件的路径。
引擎 用于处理模板的引擎。 Handlebars 是默认设置。
扩展 用于 dest 目录的扩展名。

右侧对齐列

选项 描述
数据 提供要传递到模板中的数据的数据文件的路径。
引擎 用于处理模板的引擎。 Handlebars 是默认设置。
扩展 用于 dest 目录的扩展名。

多表

行跨度(可选)

每己糖的ATP净产量
阶段 直接产品 ATP 产量
糖酵解 2 ATP
2 NADH 3–5 ATP
丙酮酸氧化 2 NADH 5 ATP
柠檬酸循环 2 ATP
6 NADH 15 ATP
2 FADH2 3 ATP
30–32 ATP

无表头(可选)

其它

暂无数据
暂无数据
暂无数据
暂无数据

# 链接

链接文本 (opens new window)

链接标题 (opens new window)

自动转换的链接 https://github.com/nodeca/pica (opens new window) (启用 linkify 即可查看)

# 图片

# 默认渲染

奴才
奴才

# 像链接一样,图片也具有脚注样式语法

替代文字

在文档的后面提供了定义URL位置的参考:

# 使用 IntersectionObserver 延迟加载

# 图片详情

# 插件

markdown-it的杀手级功能非常有效地支持语法插件 (opens new window)

# Emojies (opens new window)

经典标记: 😉 :crush: 😢 :tear: 😆 😋 如果上面以:xxx:形式的标记没有被转化,表明不支持该 emoji 快捷方式(表情符号): 😃 😦 😎 😉

了解 如何改变输出 (opens new window) 使用 twemoji.

# Subscript (opens new window) / Superscript (opens new window)

  • 19th
  • H2O

# <ins> (opens new window)

插入文字

# <mark> (opens new window)

标记文字

# 脚注 (opens new window)

脚注 1 链接[1].

脚注 2 链接[2].

内联脚注[3] 定义.

重复的脚注引用[2:1].

和多个段落。

# 定义列表 (opens new window)

项目 1

定义 1 懒加载的续编

项目 2 关于 内联标记

定义 2

{ 一些代码,定义2的一部分 }

定义2第三段。

紧凑的风格:

项目 1
定义 1
项目 2
定义 2a
定义 2b

# 缩写 (opens new window)

这是一个 HTML 缩写的例子。

它会转换“HTML”,但保留完整的部分条目,例如“xxxHTMLyyy”等。

# 自定义容器 (opens new window)

注意

这是危险的

# 任务列表

# 词汇表

The dogs and people and cat are more and more aware of environmental issues.

越来越意识到环境问题。

The dog is interested in fine arts, philosophy, and morality.

这只对美术,哲学和道德感兴趣。

a facility where people and dogs can live in

可以居住的设施

house 屋子


  1. 脚注 可以有标记

  2. 脚注 文本。

  3. 内联脚注文字