如何为 Dev.to 文章添加代码高亮显示。

事实真相很简单：

const turorialFunction = (name) => {
  console.log(`Hello ${name}`)
}

看起来比以下东西好看得多：

const turorialFunction = (name) => {
  console.log(`Hello ${name}`)
}

在 Dev.to 上写帖子时。

如何操作

Dev.tos 的文章基于 Markdown 语法。在 Markdown 中，我们可以使用缩进或所谓的代码块来指定代码段。代码块使用 `<code>` 标签来表示。您可以在这份速查表```中了解更多信息。

使用三个`符号，我们还可以为代码块指定语言。许多基于 Markdown 构建的工具都利用了这一特性来实现更丰富的功能。其中最简单的就是代码高亮显示。上面这段色彩鲜艳的代码片段就是通过在代码块开头加上 `.` 符号实现的```javascript。

上述示例的完整形式如下：

```javascript
const turorialFunction = (name) => {
  console.log(`你好 ${name}`)
}
```

如果你现在想知道我是怎么让它显示的：

<pre>
```javascript
const turorialFunction = (name) => {
  console.log(`你好 ${name}`)
}
```
</pre>

内联代码为：<code>```</code>。

我的解释到此结束，接下来就是你精彩纷呈的帖子了。

支持的语言列表令人印象深刻，但并不全面（请查看评论）。