Inside Theme — Tag Plugins

Inside extends standard Markdown with custom tag plugins — special block-level markup that renders rich UI components. These go directly in your Markdown files.

Code Block with Caption

Like standard Markdown fenced code blocks, but with an optional caption and language label:

1
2
3

{% codeblock lang:javascript %}
const greet = (name) => `Hello, ${name}!`;
{% endcodeblock %}

The lang: argument sets the language for syntax highlighting (same as fenced code blocks).

YouTube Video

Embed a YouTube video by its video ID:

1

{% youtube dQw4w9WgXcQ %}

The video renders in a responsive 16:9 iframe.

Collapsible / Expandable Content

Collapse a section behind a clickable header. Great for FAQs, spoilers, or supplementary details:

1
2
3

{% collapsible Click to expand %}
This content is hidden until the reader clicks the header.
{% endcollapsible %}

With a custom title:

1
2
3

{% collapsible Spoiler: the ending was... %}
The main character survives.
{% endcollapsible %}

Multiple collapsible blocks stack nicely in an accordion.

Timeline

Render a chronological sequence of events with a vertical timeline:

1
2
3
4
5

{% timeline %}
- 2024: Launched the new blog
- 2023: Migrated to Hexo 7
- 2022: First open-source contribution
{% endtimeline %}

The timeline renders with date markers on a vertical line. Works well for project changelogs or personal milestones.

Tree Structure

Render a nested outline as an interactive tree:

1
2
3
4
5
6
7
8
9
10

{% tree icon:circle %}
- project:
  - src:
    - _posts:
      - post-1.md
      - post-2.md
    - about/
  - _config.yml
  - package.json
{% endtree %}

Available icon styles: circle, file, folder. Nesting is unlimited.

Centered Text

Center-align a block of text:

1
2
3

{% center %}
*This text is centered.*
{% endcenter %}

Useful for pull quotes, section dividers, or callout text.

Raw Content (No Parsing)

Pass content through without Inside processing it (useful for showing tag syntax itself):

1
2
3
4
5

{% raw %}
{% codeblock lang:javascript %}
const x = 1;
{% endcodeblock %}
{% endraw %}

The content inside `...` is output verbatim.

AdSense Units