Other articles

  1. "Welcome to Jekyll! (2025)"

    Published: Fri 31 January 2025
    By octt

    In posts.

    You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site …

    read more

  3. a post with tabs

    This is how a post with tabs looks like. Note that the tabs could be used for different purposes, not only for code.

    First tabs

    To add tabs, use the following syntax:

    {% raw %}

    {% tabs group-name %}

{% tab group-name tab-name-1 %}

Content 1

{% endtab %}

{% tab group-name tab-name-2 %}

Content 2

{% endtab %}

{% endtabs …
    read more

  4. a post with typograms

    This is an example post with some typograms code.

    ```typograms
+----+
|    |---> My first diagram!
+----+
```

    Which generates:

    +----+
|    |---> My first diagram!
+----+

    Another example:

    ```typograms
.------------------------.
|.----------------------.|
||"https://example.com" ||
|'----------------------'|
| ______________________ |
||                      ||
||   Welcome!           ||
||                      ||
||                      ||
||  .----------------.  ||
||  | username       |  ||
||  '----------------'  ||
||  .----------------.  ||
||  |"*******"       |  ||
||  '----------------'  ||
||                      ||
||  .----------------.  ||
||  |   "Sign-up"    |  ||
||  '----------------'  ||
||                      ||
|+----------------------+|
.------------------------.
```

    which generates:

    .------------------------.
|.----------------------.|
||"https://example.com" ||
|'----------------------'|
| ______________________ |
||                      ||
||   Welcome!           ||
||                      ||
||                      ||
||  .----------------.  ||
||  | username       |  ||
||  '----------------'  ||
||  .----------------.  ||
||  |"*******"       |  ||
||  '----------------'  ||
||                      ||
||  .----------------.  ||
||  |   "Sign-up"    |  ||
||  '----------------'  ||
||                      ||
|+----------------------+|
.------------------------.

    For more examples, check out the typograms documentation.

    read more

  5. a post that can be cited

    This is an example post that can be cited. The content of the post ends here, while the citation information is automatically provided below. The only thing needed is for you to set the citation key in the front matter to true.

    read more

  6. a post with pseudo code

    This is an example post with some pseudo code rendered by pseudocode. The example presented here is the same as the one in the pseudocode.js documentation, with only one simple but important change: everytime you would use $, you should use $$ instead. Also, note that the pseudocode key in the …

    read more

  7. a post with code diff

    You can display diff code by using the regular markdown syntax:

    ```diff
diff --git a/sample.js b/sample.js
index 0000001..0ddf2ba
--- a/sample.js
+++ b/sample.js
@@ -1 +1 @@
-console.log("Hello World!")
+console.log("Hello from Diff2Html!")
```

    Which generates:

    diff --git a/sample.js b/sample.js …
    read more

  9. a post with vega lite

    This is an example post with some vega lite code.

    ```vega_lite
{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "description": "A dot plot showing each movie in the database, and the difference from the average movie rating. The display is sorted by year to visualize everything in sequential order …
    read more

links

social