hexo-tag-details

HTML5 details tag on your Hexo article

Installation

npm install hexo-tag-details --save

Usage

{% details [mode:open/close] summary text %}
detail text
{% enddetails %}

Example1:

{% details Where are you from? %}
I'm from the Earth. Water Planet!
{% enddetails %}

it generates HTML:

<details>
  <summary>Where are you from?</summary>
  I'm from the Earth. Water Planet!
</details>

it is displayed:

Where are you from?

I'm from the Earth. Water Planet!

---

Example2(Specify open mode):

{% details mode:open What food do you like? %}
1. Sushi
2. Tempura
3. Sukiyaki
{% enddetails %}

it generates HTML:

<details open="open">
  <summary>What food do you like?</summary>
  <ol>
    <li>Sushi</li>
    <li>Tempura</li>
    <li>Sukiyaki</li>
  </ol>
</details>

it is displayed:

What food do you like?

1. Sushi
2. Tempura
3. Sukiyaki

Configuration

className

className is CSS class name for details tag. (Default: None)

open

open is default open mode for details tag.(Default: false)

_config.yml:

tag_details:
  className:
  open: false

License

MIT