hexo-tag-details

0.1.7 • Public • Published

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

Package Sidebar

Install

npm i hexo-tag-details

Weekly Downloads

40

Version

0.1.7

License

MIT

Unpacked Size

5.52 kB

Total Files

5

Last publish

Collaborators

  • hinastory