1 minute read

Add right side Index bar on this blog

{% include toc title="Index" %}

Or simpley add toc: true on the front matter

Include gists as

Include code as a gist into the Jekyll post. Uses jekyll-gist plugin.

{% gist nitinkc/8a3eb81f7ccf93b013a2fe8455a04703 %}

INCLUDE TIME

Column Header 1 Column Header 1
Site Build Time to be displayed{{ site.time }} 2024-11-23 19:52:24 +0530
{{ 'now' | date: "%Y/%m/%d" }} 2024/11/23
{{ 'now' | date_to_rfc822 }} Sat, 23 Nov 2024 19:52:26 +0530
{{ 'now' | date: "%C" }} 20
{{ 'now' | date: "%c" }} Sat Nov 23 19:52:26 2024
{{ 'now' | date: "%a, %b %-d %Y - %r %Z" }} Sat, Nov 23 2024 - 07:52:26 PM IST

If you’re building your pages with markdown, use the following examples to generate internal links.


[Link title]({{ site.baseurl }}{% link index.html %})

[Link title]({% post_url 2016-04-04-jekyll-blog-GitHub-hosting %})

[Link title]({{ site.baseurl }}{% post_url 2016-04-04-jekyll-blog-GitHub-hosting %})

Use a picture in a post from specific folder

![Image Text]({{ site.url }}/assets/images/image.png)

Escape Liquid template tags in Jekyll posts

  • Use raw tag
    • to begin {% raw %} and end with {% endraw %}
  • Another way to escape {{ tag }}

Use backtick quotes (`) to display a liquid tag as a span of code .

Insert Table

| Column Header 1 | Column Header 1  | 
| :---		| :---   |      
| ⌘E    	| Move to the last location you edited.	|
| ⌘  + 1  	|It activates the quick fix.|

Add Sidebar Navigation

In the header tag add

---
sidebar:
  nav: "algo"
---

Notices with theme

Notice emphasized with the {: .notice} class.

Notice emphasized with the {: .notice--primary} class.

Notice emphasized with the {: .notice--info} class.

Notice emphasized with the {: .notice--warning} class.

Notice emphasized with the {: .notice--success} class.

Notice emphasized with the {: .notice--danger} class.

Enable collapsible code block individually on page

  • 1) Add after the front matter on individual page
  • {::options parse_block_html="true" /}
  • 2) Add below tags when collapsible code block needs to be enabled
<details>
<summary markdown ="span">text</summary>
</details>

Enable collapsible code block by default

  • 1) Add these lines in _config.yml
markdown: kramdown
  kramdown: 
    parse_block_html: true
    parse_span_html: true
  • 2) Add below tags when collapsible code block needs to be enabled
<details>
<summary>text</summary>
</details>

You may also enjoy