Socket
Book a DemoInstallSign in
Socket

hexo-tag-uml

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

hexo-tag-uml

Render UML sequence diagram in your blog

latest
Source
npmnpm
Version
1.1.1
Version published
Maintainers
1
Created
Source

hexo-tag-uml

Render UML sequence diagram in your blog powered by Jumly.

snapshot

A Chinese version of document can be found here.

Feature

  • Sequence diagram
  • Robustness diagram

Install

npm install hexo-tag-uml --save

Initialize

  • Run in your blog project folder:
hexo uml install

This command will copy necessary scripts and style sheets to proper location.

  • Edit theme layout file:

Add the following line into a proper location of .ejs file:

<%- partial('jumly') %>

A proper place is usually in the <head> section. But always make sure that there are no other reference to jQuery otherwise it will cause conflicts.

Special note for hexo's landscape theme:

You should add the above line in _partial\after-footer.ejs.

And remove the original jQuery reference.

  • Edit _config.yml:
plugins:
- hexo-tag-uml

Usage

Syntax:

{% uml [diagram_type] %}
{% enduml %}

Valid diagram_type values are:

  • sequence
  • robustness

If user does not specify one, sequence will be used as default.

{% uml %}
@found "You", ->
  @message "Think", ->
    @message "Write your idea", "JUMLY", ->
      @create "Diagram"
jumly.css "background-color":"#8CC84B"
{% enduml %}

For more information on how to write jumly syntax, visit Jumly.

Keywords

website

FAQs

Package last updated on 19 Mar 2014

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts