Jekyll2026-01-24T23:21:24+00:00https://ayingxizhao.github.io/feed.xmlblankA simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design. a post with image galleries2024-12-04T01:59:00+00:002024-12-04T01:59:00+00:00https://ayingxizhao.github.io/blog/2024/photo-galleryThe images in this post are all zoomable, arranged into different mini-galleries using different libraries.

Lightbox2

PhotoSwipe

Spotlight JS

Venobox

]]>a post with tabs2024-05-01T00:32:13+00:002024-05-01T00:32:13+00:00https://ayingxizhao.github.io/blog/2024/tabsThis 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:

{% tabs group-name %}

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

Content 1

{% endtab %}

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

Content 2

{% endtab %}

{% endtabs %}

With this you can generate visualizations like:

  • var_dump('hello');

  • console.log("hello");

  • pputs 'hello'

Another example

  • hello:
  - "whatsup"
  - "hi"

  • {
  "hello": ["whatsup", "hi"]
}

Tabs for something else

  • Regular text

  • A quote

  • Hipster list

    • brunch
    • fixie
    • raybans
    • messenger bag
]]>a post with typograms2024-04-29T23:36:10+00:002024-04-29T23:36:10+00:00https://ayingxizhao.github.io/blog/2024/typogramsThis 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.

]]>