How to suppress blank line in Jekyll?

Question

I use GitHub Pages for my blog, and am running into a problem with Jekyll. My post.html has a block like this:

{%    for testpost in site.posts   %}
{%                  


        

Answer 1

There is Jekyll plugin that strips the whitespace.

Jekyll plugins by Aucor: Plugins for eg. trimming unwanted newlines/whitespace and sorting pages by weight attribute.

You can get it directly from its Github repository. So basically you wrap your code with {% strip %}{% endstrip %}. Even if this doesn't suit you needs, you can easily change the ruby script.

For example:

{% strip %}
    {%    for testpost in site.posts   %}
    {%           four                  %}
    {%          lines of               %}
    {%         processing              %}
    {%         goes here               %}
    {%    endfor                       %}
{% endstrip %}

However, please remember the nature of Jekyll plugins, you can't run them on the Github Pages server.

Quote from Jekyll Doccumentation:

GitHub Pages is powered by Jekyll, however all Pages sites are generated using the --safe option to disable custom plugins for security reasons. Unfortunately, this means your plugins won’t work if you’re deploying to GitHub Pages.

You can still use GitHub Pages to publish your site, but you'll need to convert the site locally and push the generated static files to your GitHub repository instead of the Jekyll source files.

Answer 2

There's a nice workaround, that I found out in https://github.com/plusjade/jekyll-bootstrap/blob/master/_includes/JB/setup, and which is compatible with github pages.

Just enclose your loop in a capture statement, and assign nil to the resulting var.

{% capture cache %}
    {% for p in site.posts %}
       do stuff here
    {% endfor %}
{% endcapture %}{% assign cache = nil %}

Answer 3

Actually there is a new solution for this problem which works without any plugin.

A Jekyll layout that compresses HTML. At a glance:

• removes unnecessary whitespace;
• removes optional end tags;
• removes optional start tags;
• removes comments;
• preserves whitespace within <pre>;
• GitHub Pages compatible;
• ignores development environments;
• configurable affected elements;
• profile mode;
• automatically tested.

http://jch.penibelst.de/

If you - for some reason - do not want to use this here is a nice article, which describes some workarounds: Compressing Liquid generated code - sylvain durand

Answer 4

How about

{{ page.content | escape | strip_newlines }}

Answer 5

Since Liquid v4 (included in Jekyll from v3.5) there is a Whitespace control, which finally resolved case with blank line, white space, etc.

Link to documentation: https://shopify.github.io/liquid/basics/whitespace/