a post with table of contents
This post shows how to add a table of contents in the beginning of the post.
Adding a Table of Contents
To add a table of contents to a post, simply add
toc:
beginning: true
to the front matter of the post. The table of contents will be automatically generated from the headings in the post.
Example of Sub-Heading 1
Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.
a post with diagrams
This theme supports generating various diagrams from a text description using mermaid{:target="_blank"}. Previously, this was done using the jekyll-diagrams{:target="_blank"} plugin. For more information on this matter, see the related issue. To disable the zooming feature, set mermaid.zoomable
to false
in this post frontmatter.
Mermaid
The diagram below was generated by the following code:
```mermaid
sequenceDiagram
participant John
participant Alice
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
```
sequenceDiagram
participant John
participant Alice
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
a distill-style blog post
Equations
This theme supports rendering beautiful math in inline and display modes using MathJax 3 engine.
You just need to surround your math expression with $$
, like $$ E = mc^2 $$
.
If you leave it inside a paragraph, it will produce an inline expression, just like $$ E = mc^2 $$.
In fact, you can also use a single dollar sign $
to create inline formulas, such as $ E = mc^2 $
, which will render as $ E = mc^2 $. This approach provides the same effect during TeX-based compilation, but visually it appears slightly less bold compared to double-dollar signs $$
, making it blend more naturally with surrounding text.
a post with twitter
A sample blog page that demonstrates the inclusion of Tweets/Timelines/etc.
Tweet
An example of displaying a tweet: { % twitter https://twitter.com/rubygems/status/518821243320287232 % }
Timeline
An example of pulling from a timeline: { % twitter https://twitter.com/jekyllrb maxwidth=500 limit=3 % }
Additional Details
For more details on using the plugin visit: jekyll-twitter-plugin
Sticky Article with Higher Priority
Excerpt information which is added manually.
Heading 2
Here is the content.
Heading 3
Here is the content.