Skip to content
HTML5 details tag on your Hexo article
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
LICENSE
README.md
index.js
package-lock.json
package.json

README.md

hexo-tag-details

NPM licence hexo Maintainability

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

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.