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 比较陌生，所以我必须向你做一些澄清。

你调用"preview"的结果是你的markdown被GitHub解析的结果。所有降价促销都有一些共同点，因此即使您的解析器不同，也很可能几乎所有内容都被类似地解析。您可以在 "preview" 的开头看到不同之处：yaml 内容显示为 table。

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

默认情况下，您没有突出显示。如果您想更改它，请查看 jekyll documentation. By default, it uses Rogue but you can also use Pigments 或您选择的其他荧光笔。

我不认为这个答案涵盖了你所有的疑虑，当然也没有涵盖你所有的问题，但它是为了让你明白你的问题，正如它发布的那样，自从你的 "preview page"和你的 "real page" 是两个完全不同的东西。所以google一点，找到你想要达到的目标，然后提出一个新问题（你一定会在不久的将来有一个）。

编码愉快！

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

Github Jekyll how to make real page format same as preview

jekyll

github-pages