Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

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

About

HTML5 details tag on your Hexo article

Resources

License

Packages

No packages published