简介
generate-github-markdown-css 是一个基于 Node.js 平台的 npm 包，用于生成类似于 GitHub Markdown 样式的 CSS 文件。该包基于 sindresorhus/github-markdown-css，但在此基础上做了一些优化和增强。
安装
在使用 generate-github-markdown-css 之前，需要确保本地已经安装了 Node.js 环境。然后可以使用 npm 安装 generate-github-markdown-css。
npm install generate-github-markdown-css -g
安装之后，就可以使用 generate-github-markdown-css 的命令行工具了。
使用
使用 generate-github-markdown-css 的命令行工具非常简单，只需要执行以下命令即可：
generate-github-markdown-css -t <GitHubFlavoredMarkdown/Customer>
其中，-t 后面可以跟 GitHubFlavoredMarkdown 或者 Customer，表示需要生成的 CSS 样式类型。GitHubFlavoredMarkdown 是类似于 GitHub Markdown 样式的默认样式，而 Customer 则是自定义的样式。
执行完命令之后，就会在当前目录下生成一个名为 github-markdown.css 的 CSS 文件。
示例
下面是如何使用 generate-github-markdown-css 生成样式的示例。
生成默认样式
生成类似于 GitHub Markdown 样式的默认样式非常简单，只需要执行以下命令即可：
generate-github-markdown-css -t GitHubFlavoredMarkdown
执行完命令之后，就会在当前目录下生成一个名为 github-markdown.css 的 CSS 文件。
生成自定义样式
generate-github-markdown-css 也可以用来生成自定义的 CSS 样式。以下是一个自定义样式的示例。
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
------------- --- ---------------
----- ---------------- ----------------------------
-------
-- ----- --
--------------- -
----------------- --------
------------ --------- ----------- ------ ------ -------- ----------
---------- -----
------------ ----
-------- --- ----
-
--------
-------
------
-------- ----------------------
---------- --- ------------
------- -- -- ------- -- ----- ------ --- ---- -------------
---------- ------------------------------------------ ----------------------
----------
-------
-------首先，需要将生成的 github-markdown.css 文件引入到 HTML 文件中。然后通过添加自定义样式来修改默认的样式。以上示例中修改了代码块的样式，使其背景色为灰色，字体为等宽字体，字体大小为 14px。
指导意义
generate-github-markdown-css 的使用非常简单，但鉴于它可以生成自定义样式的优点，它可以帮助开发者快速生成 UI 样式，从而提高生产力。例如，在快速开发原型或者演示时，可以使用 generate-github-markdown-css 生成类似于 GitHub Markdown 样式的 UI，使得 UI 更加直观易懂，提高产品展示的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/generate-github-markdown-css