网页代码的Markdown

Question

我在 CSS 方面经验丰富，在 Python 方面是初学者。过去，在用代码编写 blogs/webpages 时，我只是简单地创建一个带有特定 class 的 div 并使其成为具有不同颜色和字体系列等的代码块。

不过，这几天看到了很多markdown的漂亮应用，比如github-markdown-css or dillinger。但是我真的不知道从哪里开始学习。例如，我什至不知道在哪里执行下面的安装指令...

$ npm install --global generate-github-markdown-css

如果我真的想超越链接 html files/blog 帖子与 CSS 并做一些漂亮的标记，需要哪些步骤？为了让它更容易解决这个论坛中的问题：如果我只有一个 html 文件并且想通过键入

创建上面显示的代码块

> line 1
> line 2

而不是

<div class="codebloc">
    line 1<br/>
    line2
</div>

我应该从哪里开始？

Answer 1

For instance, I am not even sure where to execute the installation instruction below...

npm install --global generate-github-markdown-css

您可以在终端中执行此命令，它将全局安装指定的 npm 包 generate-github-markdown，使其可从系统的任何位置使用。要执行它，您需要在计算机上安装 npm。如果您还不熟悉 npm，我建议您阅读 the official documentation or this guide on Sitepoint。由于它会全局安装软件包，因此您几乎可以在计算机的任何位置执行命令。

How do I make code blocks in Markdown?

Markdown 会自动将前面带有空格的文本转换为代码，如下所示：

console.log("This code is cool");

如果 Markdown 解析器支持 GitHub Flavored Markdown（大多数解析器支持），您还可以用三个反引号``` 包装您的代码。如果你想要 inline code 你可以在代码的两边只使用一个反引号 `。

如果您想了解更多关于如何使用 Markdown 做各种事情，包括更多关于如何编写代码块的示例，我建议查看 this page。

网页代码的Markdown

Markdown for codes on webpage

html

css

markdown