jekyll-wsd-tag

jekyll-wsd-tag

A Liquid Tag for Jekyll to to embed a web sequence diagram from websequencediagrams.com

jekyll-wsd-tag is a Jekyll plugin to embed a web sequence diagram using the script provided by websequencediagrams.com

Requirements

Jekyll

Installation

Add jekyll-wsd-tag.rb to the _plugins directory of your Jekyll site.

Usage

{% wsg %}
diagram source text
{% endwsg %}

Alternatively you can provide a parameter to change the style of the diagram

{% wsg *wsd_style* %}
diagram source text
{% endwsg %}

Where wsd_style is one of:

  • default
  • earth
  • modern-blue
  • mscgen
  • omegapple
  • qsd
  • rose
  • roundgreen
  • napkin

Example

{% wsg %}  
title Authentication Sequence  

Alice->Bob: Authentication Request  
note right of Bob: Bob thinks about it  
Bob->Alice: Authentication Response  
{% endwsg %}

Result:

with wsd_style parameter

{% wsg rose %}  
title Authentication Sequence  

Alice->Bob: Authentication Request  
note right of Bob: Bob thinks about it  
Bob->Alice: Authentication Response  
{% endwsg %}  

Result:

License

License

jekyll logo

Want a Jekyll website built?

Hire a Jekyll developer