mirror of
https://gh.wpcy.net/https://github.com/TGMPA/TGM-Plugin-Activation.git
synced 2026-07-14 10:56:39 +08:00
f052cf2975
Jekyll 3.0 forces switching from Pygments to Rouge for code highlighting. Using the Rouge native linenr feature screws up the layout of our code samples - see screenshots below. This PR fixes that by: * turning off the Rouge line nr feature. * using Liquid to add empty linenr spans at the beginning of each line * using CSS with :before to add the actual line numbers This PR also includes some additional HTML source code compression, getting rid of extraneous new lines caused by Liquid parsing (outside of `<pre>` tags). Both the linenrs as well as the blank line removal can be turned on/off via a configuration feature in `_config.yml`. Additionally, the syntax highlight styling has been synced with the GH native syntax highlight styles. ##### How it used to display  ##### Display after switching to Rouge 
64 lines
No EOL
2.2 KiB
HTML
64 lines
No EOL
2.2 KiB
HTML
---
|
|
layout: compress
|
|
---
|
|
<!doctype html>
|
|
<html lang="en">
|
|
{% include header.html %}
|
|
|
|
<article class="post">
|
|
{% include tweet-button.html %}
|
|
|
|
<section class="post-content">
|
|
{{ content }}
|
|
</section>
|
|
<section class="post-meta">
|
|
<p class="published">
|
|
<span class="permalink"><a href="{{ page.url | remove: 'index.html' | prepend: site.tgmpa.url }}" rel="bookmark">Permalink</a></span>.
|
|
Published by
|
|
<span class="post-author">
|
|
{% for contributor in site.github.contributors %}
|
|
{% if contributor.login == page.author %}
|
|
<a href="{{ contributor.html_url }}"><img src="{{ contributor.avatar_url }}" width="22" height="22" alt="@{{ contributor.login }}" /></a>
|
|
<a href="{{ contributor.html_url }}">@{{ contributor.login }}</a>
|
|
{% endif %}
|
|
{% else %}
|
|
<a href="{{ page.author | url_escape | prepend: 'https://github.com/' }}">@{{ page.author }}</a>
|
|
{% endfor %}
|
|
</span>
|
|
on
|
|
<time datetime="{{ page.date | date: "%F %R" }}">{{ page.date | date_to_string }}</time>.
|
|
<span class="rss"><a class="subscribe" href="{{ "/atom.xml" | prepend: site.tgmpa.url }}">
|
|
<img src="{{ "/images/rss.png" | prepend: site.tgmpa.url }}" width="16" height="16" alt="Subscribe to the RSS feed" />
|
|
</a></span>
|
|
</p>
|
|
{% if page.category || page.tags %}
|
|
<p class="post-category-tags">
|
|
{% if page.category %}
|
|
<span class="post-category">Category: {{ page.category }}</span>
|
|
{% endif %}
|
|
{% if page.tags %}
|
|
<span class="post-tags">Tags: {{ page.tags | array_to_sentence_string }}</span>
|
|
{% endif %}
|
|
</p>
|
|
{% endif %}
|
|
</section>
|
|
<section class="post-nav">
|
|
{% if page.previous and page.previous != nil %}
|
|
<p class="post-previous">
|
|
<a href="{{ page.previous.url | remove: 'index.html' | prepend: site.tgmpa.url }}" rel="previous">⇐ {{ page.previous.title }}</a>
|
|
</p>
|
|
{% endif %}
|
|
{% if page.next and page.next != nil %}
|
|
<p class="post-next">
|
|
<a href="{{ page.next.url | remove: 'index.html' | prepend: site.tgmpa.url }}" rel="next">{{ page.next.title }} ⇒</a>
|
|
</p>
|
|
{% endif %}
|
|
</section>
|
|
</article>
|
|
|
|
{% capture backtotop %}[Back to Top](#top){:.top}{% endcapture %}
|
|
{{ backtotop|markdownify }}
|
|
|
|
{% include footer.html %}
|
|
|
|
</html> |
