Github Jekyll 如何使真实页面格式与预览相同

Question

我的 github jekyll 结构如下所示：

在我输入_posts 并创建.md 文件后，它看起来像：

对应的代码是：

 Generics were introduced to the Java language to provide tighter type checks at compile time and to support generic programming. 
 The generics looks like:    
 ```Java    
 List<String> list = new ArrayList<>();    
 //add item to list    
 String s = list.get(0);   
 ```    
 or    
 ```Java   
 public class Box<T> {
        // T stands for "Type"
        private T t;
        //other code    
 }    
 ```
 The most commonly used type parameter names are:    
 ```    
 E - Element (used extensively by the Java Collections Framework)    
 K - Key  

 ```

我们可以看到格式很好，比如有语法高亮。

我称之为预览页面

但是，当我通过输入我的 github 页面 url 进入我的页面时，它喜欢：

我称之为真实页面

我们可以看到真实页面看起来很糟糕，例如没有语法高亮，引用代码语法等有多个边框。

那么，如何使真实页面格式与预览页面相同？

Answer 1

我想你对Jekyll 比较陌生，所以我必须对你做一些澄清。

你称之为“预览”的结果是你的 Markdown 被 GitHub 解析的结果。所有降价都有一些共同点，所以即使你的解析器不同，几乎所有的东西都会被类似地解析。您可以在“预览”的开头看到不同之处：yaml 内容显示为表格。

让我们回到杰基尔。如果您使用默认设置，则代码的解析器是 kramdown（您可以在 _config.yml 文件中更改它）。当您执行 Jekyll 时，它会构建您的网站。这意味着它会解析您的降价并将其转换为 HTML。它如何转换为 HTML 取决于您的配置和安装的插件。

默认情况下，您没有突出显示。如果您想更改它，请查看jekyll documentation。默认情况下，它使用Rogue，但您也可以使用Pigments 或您选择的其他荧光笔。

我认为这个答案不能涵盖您的所有疑问，当然也不能涵盖您的所有问题，但它是为了让您了解您的问题，正如它所发布的那样，因为您的“预览页面”和您的“真实页面”是两个完全不同的东西。所以谷歌一下，找到你想要实现的目标并提出一个新问题（你肯定会在不久的将来有一个问题）。

编码愉快！