網頁上的代碼降價

Question

我對CSS和Python初學者有豐富的經驗。在過去，在編寫帶有代碼的博客/網頁時，我只是簡單地創建一個具有特定類的div，並使其成爲具有不同顏色和字體系列的代碼塊。

但是，現在我已經看到許多美麗的降價應用，如github-markdown-css或dillinger。但我真的不知道從哪裏開始學習。舉例來說，我甚至不能確定在哪裏執行下面的安裝說明...

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

如果我真的想要真正超越聯HTML文件/博客文章用CSS和做一些非常漂亮的標記，是什麼是必要的步驟？ 爲了使它更可解作爲這個論壇的一個問題：如果我有一個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中創建代碼塊？

降價會自動與空間前將文本轉換爲代碼，它看起來像這樣：

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

如果降價解析器支持GitHub風格降價，其中大部分解析器做，你也可以換你代碼有三個back-ticks```。如果你需要inline code，你可以在代碼的兩邊使用一個單一的「back-tick」。

如果您想了解更多關於如何使用Markdown做各種事情的信息，包括更多關於如何編寫代碼塊的示例，我建議您查看this page。