2016-09-28 90 views
0

我对CSS和Python初学者有丰富的经验。在过去,在编写带有代码的博客/网页时,我只是简单地创建一个具有特定类的div,并使其成为具有不同颜色和字体系列的代码块。网页上的代码降价

但是,现在我已经看到许多美丽的降价应用,如github-markdown-cssdillinger。但我真的不知道从哪里开始学习。举例来说,我甚至不能确定在哪里执行下面的安装说明...

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

如果我真的想要真正超越联HTML文件/博客文章用CSS和做一些非常漂亮的标记,是什么是必要的步骤? 为了使它更可解作为这个论坛的一个问题:如果我有一个HTML文件,并希望创建一个代码集团通过键入

> line 1 
> line 2 

,而不是

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

上面显示我应该在哪里开始?

+1

,如果你有兴趣使用降价,这是一个巨大的资源(https://github.com/trentm/python-markdown2) –

回答

2

举例来说,我甚至不能确定在哪里执行下面的安装说明...

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

这个命令,你可以在你的终端执行,将安装指定的npm全球包装generate-github-markdown,可在系统的任何地方使用。要执行它,你需要在你的计算机上安装npm。如果您还不熟悉npm,我建议您阅读the official documentationthis guide on Sitepoint。由于它在全局安装软件包,因此您可以在计算机上的任何位置执行该命令。

如何在Markdown中创建代码块?

降价会自动与空间前将文本转换为代码,它看起来像这样:

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

如果降价解析器支持GitHub风格降价,其中大部分解析器做,你也可以换你代码有三个back-ticks```。如果你需要inline code,你可以在代码的两边使用一个单一的“back-tick”。

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

+0

谢谢,我会从''故宫的文档开始呢! –