降价网页上的代码

Question

我对CSS和Python初学者很有经验。过去，在使用代码编写博客/网页时，我只需创建一个具有特定类的div，并使其成为具有不同颜色和字体系列等的代码块。

但是，现在我已经看到了很多美丽的降价应用，例如github-markdown-css或dillinger。但我真的不知道从哪里开始学习。例如，我甚至不确定在哪里执行下面的安装说明......

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

如果我真的想要真正超越使用CSS链接html文件/博客帖子并做一些漂亮的标记，需要采取哪些步骤？ 为了使它在这个论坛中更容易解决：如果我只有一个html文件，并想通过输入

创建上面显示的代码块

> line 1
> line 2

而不是

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

我应该从哪里开始？

Answer 1

  

例如，我甚至不确定在哪里执行下面的安装说明......

     

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

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

  

如何在Markdown中创建代码块？

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

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

如果Markdown解析器支持大多数解析器所做的GitHub Flavored Markdown，你也可以使用三个反向标记```来包装你的代码。如果你想要inline code，你可以在代码的两边只使用一个回拨号。

如果您想了解更多关于如何使用Markdown进行各种操作的信息，包括更多关于如何编写代码块的示例，我建议您查看this page。