如何将修改后的 Jekyll 主题与原版进行比较？

Question

我修改了 Jekyll Cayman 主题。如何将其跟踪到原件，以便我可以看到原件何时更改并且我需要重新复制和修改它？

我尝试使用wget，然后使用diff，但结果很荒谬。以下是在浏览器中显示正常但使用wget 下载时显示为垃圾的原始链接和修改链接：

• Original theme - jekyll-theme-cayman.scss

• Modified theme - jekyll-theme-cayman.scss

Answer 1

GitHub 页面以 HTML 格式呈现

您使用 GitHub 查看的文件将包含大量 HTML。你想要的是跳过 HTML 并下载原始代码，因为这个 Stack Overflow 答案描述：

• How can I check out a single file from GitHub without cloning the whole repository?

---

分步说明

首先下载原始格式的 Jekyll Cayman 主题文件：

wget -O original 'https://raw.githubusercontent.com/pages-themes/cayman/master/_sass/jekyll-theme-cayman.scss'

然后以原始格式下载修改后的 Jekyll Cayman 主题文件：

wget -O modified 'https://raw.githubusercontent.com/pippim/pippim.github.io/main/_sass/jekyll-theme-cayman.scss'

现在用diff 命令比较这两个文件：

$ diff original modified

0a1,5
> /* Github Pages Jekyll Cayman Theme. Make code block font size larger. Copied from:
>  * https://github.com/pages-themes/cayman/blob/master/_sass/jekyll-theme-cayman.scss
>  * Source code version: January 2021
>  */
> 
223c228
<     font-size: 0.9rem;
---
>     font-size: 96%;  // Change 0.9rem to 96% for proper size in headings
238a244,248
>     
>     /** Code Block scroll bar From: 
>      ** https://stackoverflow.com/a/38490989/6929343 **/
>     max-height: 400px;
>     overflow-y: auto;
277a288
> 

---

分析diff 结果

> 显示您添加到主题中的内容。如果有<，那么这就是您的主题副本所缺少的。发生这种情况时，将主题文件再次复制到您的存储库中，然后重新添加您的修订。

在这种情况下，原始版本中只出现一行，而修改版本中没有：

<     font-size: 0.9rem;

由于此行是故意从原始版本中删除的（因为它不能正常工作），因此原始版本在被复制和修改后没有更新。