Ready to take your JavaScript development to the next level? Meet npm Enterprise - the ultimate in enterprise JavaScript. Learn more »

hexo-tag-link-card

0.0.4 • Public • Published

hero-tag-link-card

Embed a link card on your Hexo article.

Installation

npm install hexo-tag-link-card --save

Usage

Use tags:

{% linkCard url title desc %}

Example:

{% linkCard https://blog.mayuko.cn Title Desc %}

Then, it generates HTML:

<a class="link-card" href="https://blog.mayuko.cn/" target="_blank">
  <div class="link-card__content">
    <h1>Title</h1>
    <p>Desc</p>
  </div>
</a>

Notice: Make sure there are no SPACES in Title or Desc.

Options

  • className: You can customize the class name. (Default:link-card & link-card__content)

By modifying the _config.yml file under the Hexo root directory.

linkCard:
  className: link-card

Style

You can customize the style by modifying the class name.

Example:

License

MIT

install

npm i hexo-tag-link-card

Downloadsweekly downloads

125

version

0.0.4

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability