Skip to content
This repository has been archived by the owner on Jul 14, 2023. It is now read-only.

格式规范

Jump to bottom
KnowsCount edited this page Aug 7, 2021 · 6 revisions

提交规范

可以查看 这次提交 的 commit message 作为示例，或参考 这个网站 了解提交信息的既定书写格式：

<type>(<scope>): <subject>
^-------------^  ^-------^
|                |
|                +-> 主题。总结 commit 内容，用现在时书写。
|
+-------> 目的: Chore, Docs, Feat, Fix, Refactor, Style, 或 Test。<scope> 为可选项。

  hash: (对应到官方英文文档的某次更新 commit hash)
  time: (由 `new Date().toLocaleString()` 生成的时间戳)
  • 如果您贡献提交的目的并不是与官方英文文档同步内容相关，为 Chore 或其他类型，body 部分可以省略。
  • 如果您的贡献无需提交后经由 CI 验证，需要加上 [ci skip] 标识符。

释义

  • Feat: (新功能，面向用户)
  • Fix: (bug 修复，面向用户)
  • Docs: (编辑文档)
  • Style: (格式，如全角半角；没有 production code 方面的改变)
  • Refactor: (比如重命名变量)
  • Test: (加入缺少的测试，没有 production code 方面的改变)
  • Chore: (更新依赖等，没有 production code 方面的改变)

文档格式规范

译注写法

  1. 在原文需要加译者注的位置添加角标：
... <sup>[[1]](#footnote-1)</sup> ... <sup>[[2]](#footnote-2)</sup> ...
  1. 在文章最末尾加入译者注的内容，格式如下：
<small>
__译者注__
<a id="footnote-1"></a>[1] ...
<a id="footnote-2"></a>[2] ...
<a id="footnote-3"></a>[3] ...
</small>

标点符号

  • 逗号、句号、分号、冒号、叹号、问号，统一使用全角字符：，。；：！？
  • 破折号使用：——
  • 引号统一使用 “ ” 和 ‘ ’
  • 括号统一使用全角括号 （）
  • 非注释部分的代码除外，保留英文标点符号。

内联代码或代码关键字

  • 务必用反引号（即英文输入法下，按键盘上 Tab 键上方的那个键）将内容括起来。
  • 包括代码注释中出现代码或代码关键字时，也要括起来。

空格的使用

  • 英文单词和英文单词之间要有一个空格 something in English

  • 中文和英文单词之间要有一个空格 中文当中有 something 是英文

  • 英文单词和标点符号之间没有空格 这里是一句中文，something 又是英文

这时英文前无需

链接、斜体、粗体与行内代码等

对于 Markdown 中上述的行内简单样式，为了保证良好的渲染效果，我们提倡在文档中使用如下的格式：

<!-- 链接 -->
这是一个 [链接](https://github.com/eslint/cn.eslint.org) 指向 Eslint 官方中文文档仓库

<!-- 加粗 -->
这是一个 **加粗** 的文字

<!-- 斜体 -->
这是一个 _斜体_ 的文字 <!-- Good -->
这是一个 *斜体* 的文字 <!-- 不推荐，尽在下划线效果不可用时作为替代使用 -->

<!-- 行内代码 -->
这是一个 `code` 行内代码
假如后面就是标点符号 `code`：

你可能已经注意到，默认情况下，在两端我们都加上了空格。

这里的某些规则可能暂时和 Vue.js 中文文档的风格 不太一致，如果您曾参与过 Vue 中文文档可能与您的习惯不一，望周知。

这是为了保证文档视图中不会出现字符靠太近而黏合的问题。

关于文档中的链接，针对以下两种 Markdown 书写：

<!-- 链接前后带空格  -->
ESLint 最初是由 [Nicholas C. Zakas](http://nczonline.net/) 于2013年6月创建的开源项目。它的目标是提供一个插件化的 javascript 代码检测工具。

<!-- 链接前后不带空格 -->
ESLint 最初是由[Nicholas C. Zakas](http://nczonline.net/)于2013年6月创建的开源项目。它的目标是提供一个插件化的 javascript 代码检测工具。

Vitepress 和 Vuepress 中对以上两种写法的渲染视觉效果为：

链接前后带空格

ESLint 最初是由 Nicholas C. Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的 javascript 代码检测工具。

链接前后不带空格

ESLint 最初是由Nicholas C. Zakas于2013年6月创建的开源项目。它的目标是提供一个插件化的 javascript 代码检测工具。

不带空格的形式 与 带空格相比，没有那么突出。

同样这类情况还包括 Markdown 中的斜体字：

这是一个_斜体_尝试 <!-- Vitepress 和 Vuepress 中无效！  -->

这是一个*斜体*尝试 <!-- 前后无空格 -->

这是一个 _斜体_ 尝试 <!-- 前后有空格 -->

下面是效果，不带空格的情况看上去中文字体的笔画之间会接在一起，变得很拥挤，观感较差。

image

Clone this wiki locally