jasonbellamy / jekyll-mermaid Goto Github PK

I am not seeing the rendered flow diagram from the example you provided in the readme.md. It seems to be a loading sequence issue because if I execute

mermaid.init(undefined, $(".mermaid"));

The diagrams start to render although the styles seem to be messed up.

I added the mermaid jekyll-mermaid gem to my jekyll site.
When I uploaded it to the github.io repository I received an email stating:

The tag mermaid on line 18 in _posts/2017-10-12-postname.md is not a recognized Liquid tag. For
more information, see https://help.github.com/articles/page-build-failed-unknown-tag-error/.

It works locally any ideas?

Hi

I searched in the mermaid official respo. and I found 4 files that are named mermaid.js

which one should I pick?

The mermaid documentation states that you need to include their CSS, not only JS. However, this plugin provides only an attribute src to include the JS. CSS must be included manually via <link rel="stylesheet" href="https://cdn.rawgit.com/knsv/mermaid/7.0.0/dist/mermaid.css"> in order for the plugin to work.

Hi,

I just received an email notifying me that:

The page build failed with the following error:

The tag mermaid in _posts/... is not a recognized Liquid tag. For more information, see https://help.github.com/articles/page-build-failed-unknown-tag-error.

If you have any questions you can contact us by replying to this email.

But it works fine locally.

Here is my config and the failed page.

Thanks.

Please see the issue at mermaid-js/mermaid#291

Using the Jekyll plugin and getting the error Invalid value for <svg> attribute viewBox="0 0 -Infinity -Infinity". Also get the error when calling mermaid.init();

The svg looks like:

<svg id="mermaidChart1" xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="0 0 -Infinity -Infinity" style="max-width:-Infinitypx;"><g><g class="output"><g class="clusters"></g><g class="edgePaths"></g><g class="edgeLabels"></g><g class="nodes"></g></g></g></svg>

for the example:

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

https://travis-ci.org/github/albertlauncher/documentation
I build a page containing mermaid code using jekyll on travis. Afaik I set everything up as defined in the docs. However it is failing. What am I doing wrong?

Error:

  Liquid Exception: Liquid syntax error (line 28): Unknown tag 'mermaid' in /home/travis/build/albertlauncher/documentation/src/_docs/extensions/python.md
                    ------------------------------------------------
      Jekyll 4.1.0   Please append `--trace` to the `build` command 
                     for any additional information or backtrace. 
                    ------------------------------------------------
The command "jekyll build -s src -d ./site  && htmlproofer ./site" exited with 1.

Travis config

os: linux
dist: xenial
language: ruby

install: gem install jekyll html-proofer jekyll-mermaid

addons:
  apt:
    packages:
      - libcurl4-openssl-dev  # Avoid ssl errors

script: jekyll build -s src -d ./site  && htmlproofer ./site

deploy:
  provider: script
  skip_cleanup: true
  on:
    branch: master
  script: ./deploy.sh

jekyll config

title: Albert
email: [email protected]
description: > # this means to ignore newlines until "baseurl:"
  Write an awesome description for your new site here. You can edit this
  line in _config.yml. It will appear in your document head meta (for
  Google search results) and in your feed.xml site description.
baseurl: "" # the subpath of your site, e.g. /blog
url: https://albertlauncher.github.io
github_username:  manuelschneid3r
repository: https://github.com/albertlauncher/albert.git
exclude: [vendor]

collections:
  docs:
    output: true

gems:
- jekyll-mermaid

not working...

I have this in my _config.yml file:

mermaid:                                                   
  src: '/usr/local/lib/node_modules/mermaid/src/mermaid.js'

it report:

ERROR `/usr/local/lib/node_modules/mermaid/src/mermaid.js' not found

but I do have this file in there.

$ ls -l /usr/local/lib/node_modules/mermaid/src/mermaid.js
-rw-r--r-- 1 nobody ping 4631 Mar 13 10:58 /usr/local/lib/node_modules/mermaid/src/mermaid.js

If you write markdown like this in github:

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

It renders the mermaid like this:

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

Is there a way to use the same syntax with Jekyll?