Page history Edit this page How do I edit this website?

Debugging

The best way to collect debugging information is to build the site locally. However if that isn’t an option, this page documents tags which can be helpful.

Echo

This echo include just prints its arguments, for debugging/learning purposes. This can be helpful in understanding Liquid syntax and how strings are being read internally by an include.

Arguments are printed as a comma-separated list of "argument"==>"value" pairs.

Note that liquid allows the passing of arbitrary arguments to include templates. All these arguments will be stored, but won’t have any effect unless the include’s source actually does something with those arguments.

{% include echo content="This is the content argument" bracket="what if I pass {}?" gorilla="Why do we have a gorilla argument?" %}
{"content"=>"This is the content argument", "bracket"=>"what if I pass {}?", "gorilla"=>"Why do we have a gorilla argument?"}

What’s in a page?

Ever wonder what all is part of the page data structure? Let’s find out!

(You can also do this with the site data structure, but be warned: the output will include every page body across the whole site!)

{% include echo p=page %}
{"p"=>{
  "content": "The best way to collect debugging information is to [build the site locally](/editing/advanced). However if that isn't an option, this page documents tags which can be helpful.\n\n## Echo\n\nThis `echo` include just prints its arguments, for debugging/learning purposes. This can be helpful in understanding Liquid syntax and how strings are being read internally by an `include`.\n\nArguments are printed as a comma-separated list of `\"argument\"==>\"value\"` pairs.\n\nNote that liquid allows the passing of [arbitrary arguments](https://jekyllrb.com/docs/includes/) to `include` templates. All these arguments will be stored, but won't have any effect unless the `include`'s [source](https://github.com/imagej/imagej.github.io/tree/main/_includes) actually does something with those arguments.\n\n{% highlight liquid %}{% raw %}{% include echo content=\"This is the content argument\" bracket=\"what if I pass {}?\" gorilla=\"Why do we have a gorilla argument?\" %}{% endraw %}{% endhighlight %}\n{% include echo content=\"This is the content argument\" bracket=\"what if I pass {}?\" gorilla=\"Why do we have a gorilla argument?\" %}\n\n### What's in a `page`?\n\n{% include notice icon=\"tech\" content=\"Ever wonder what all is part of the `page` data structure? Let's find out! \n\n(You can also do this with the `site` data structure, but be warned: the output will include every page body across the whole site!)\" %}\n\n{% highlight liquid %}{% raw %}{% include echo p=page %}{% endraw %}{% endhighlight %}\n{% include echo p=page %}\n",
  "output": null,
  "previous": {
    "content": "<p>This page describes nice ways of embedding source code in a page.</p>\n\n<h1 id=\"inline-code-snippets\">Inline code snippets</h1>\n\n<p>If you just want to write a short snippet of code as part of a sentence,\nsurround the code in backtick symbols (<code>`</code>).</p>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\">Type `print('Hello world!')` and save as `hello.py`.</code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p>Type <code class=\"language-plaintext highlighter-rouge\">print('Hello world!')</code> and save as <code class=\"language-plaintext highlighter-rouge\">hello.py</code>.</p>\n\n    </div>\n</div>\n</div>\n\n<h2 id=\"code-fences\">Code fences</h2>\n\n<p>A “code fence” is three backtick symbols (<code>```</code>) preceding your\ncode, and another three concluding it. Optionally, you can write the name of\nthe language in small case next to the leading fence to declare syntax\nhighlighting is desired with the stated language.</p>\n\n<p><strong>NB:</strong> code fence syntax highlighting is currently not working locally due to\ndifferences in local build configuration. However, highlighting <em>will</em> display as\nappropriate on the public wiki.</p>\n\n<h3 id=\"java-example\">Java example</h3>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\">```java\nImage3DUniverse univ = new Image3DUniverse();\nuniv.show();\nuniv.addMesh(yourImagePlus, null, \"somename\", 50,\n  new boolean[] {true, true, true}, 2);\n```</code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <div class=\"language-java highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code><span class=\"nc\">Image3DUniverse</span> <span class=\"n\">univ</span> <span class=\"o\">=</span> <span class=\"k\">new</span> <span class=\"nc\">Image3DUniverse</span><span class=\"o\">();</span>\n<span class=\"n\">univ</span><span class=\"o\">.</span><span class=\"na\">show</span><span class=\"o\">();</span>\n<span class=\"n\">univ</span><span class=\"o\">.</span><span class=\"na\">addMesh</span><span class=\"o\">(</span><span class=\"n\">yourImagePlus</span><span class=\"o\">,</span> <span class=\"kc\">null</span><span class=\"o\">,</span> <span class=\"s\">\"somename\"</span><span class=\"o\">,</span> <span class=\"mi\">50</span><span class=\"o\">,</span>\n  <span class=\"k\">new</span> <span class=\"kt\">boolean</span><span class=\"o\">[]</span> <span class=\"o\">{</span><span class=\"kc\">true</span><span class=\"o\">,</span> <span class=\"kc\">true</span><span class=\"o\">,</span> <span class=\"kc\">true</span><span class=\"o\">},</span> <span class=\"mi\">2</span><span class=\"o\">);</span>\n</code></pre></div>      </div>\n\n    </div>\n</div>\n</div>\n\n<h3 id=\"python-example\">Python example</h3>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\">```python\ndef update_progress(progress):\n    barLength = 10 # length of progress bar\n    block = int(round(barLength*progress))\n    text = f'\\rPercent complete: ' +\n      f'[{\"#\"*block + \"-\"*(barLength-block)}] ' +\n      f'{progress*100}%'\n    sys.stdout.write(text)\n    sys.stdout.flush()\n```</code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <div class=\"language-python highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code><span class=\"k\">def</span> <span class=\"nf\">update_progress</span><span class=\"p\">(</span><span class=\"n\">progress</span><span class=\"p\">):</span>\n    <span class=\"n\">barLength</span> <span class=\"o\">=</span> <span class=\"mi\">10</span> <span class=\"c1\"># length of progress bar\n</span>    <span class=\"n\">block</span> <span class=\"o\">=</span> <span class=\"nb\">int</span><span class=\"p\">(</span><span class=\"nb\">round</span><span class=\"p\">(</span><span class=\"n\">barLength</span><span class=\"o\">*</span><span class=\"n\">progress</span><span class=\"p\">))</span>\n    <span class=\"n\">text</span> <span class=\"o\">=</span> <span class=\"sa\">f</span><span class=\"s\">'</span><span class=\"se\">\\r</span><span class=\"s\">Percent complete: '</span> <span class=\"o\">+</span>\n      <span class=\"sa\">f</span><span class=\"s\">'[</span><span class=\"si\">{</span><span class=\"s\">\"#\"</span><span class=\"o\">*</span><span class=\"n\">block</span> <span class=\"o\">+</span> <span class=\"s\">\"-\"</span><span class=\"o\">*</span><span class=\"p\">(</span><span class=\"n\">barLength</span><span class=\"o\">-</span><span class=\"n\">block</span><span class=\"p\">)</span><span class=\"si\">}</span><span class=\"s\">] '</span> <span class=\"o\">+</span>\n      <span class=\"sa\">f</span><span class=\"s\">'</span><span class=\"si\">{</span><span class=\"n\">progress</span><span class=\"o\">*</span><span class=\"mi\">100</span><span class=\"si\">}</span><span class=\"s\">%'</span>\n    <span class=\"n\">sys</span><span class=\"p\">.</span><span class=\"n\">stdout</span><span class=\"p\">.</span><span class=\"n\">write</span><span class=\"p\">(</span><span class=\"n\">text</span><span class=\"p\">)</span>\n    <span class=\"n\">sys</span><span class=\"p\">.</span><span class=\"n\">stdout</span><span class=\"p\">.</span><span class=\"n\">flush</span><span class=\"p\">()</span>\n</code></pre></div>      </div>\n\n    </div>\n</div>\n</div>\n\n<h2 id=\"highlight-directive\">Highlight directive</h2>\n\n<p>Alternately, there is a <code class=\"language-plaintext highlighter-rouge\">highlight</code> Liquid directive you can try.\nIt looks like this:</p>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">highlight</span><span class=\"w\"> </span>java<span class=\"w\"> </span><span class=\"p\">%}</span>\nlog.info(\"You're a wizard, Harry!\");\nlog.error(\"I'm a what?\");\n<span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">endhighlight</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <figure class=\"highlight\"><pre><code class=\"language-java\" data-lang=\"java\"><span class=\"n\">log</span><span class=\"o\">.</span><span class=\"na\">info</span><span class=\"o\">(</span><span class=\"s\">\"You're a wizard, Harry!\"</span><span class=\"o\">);</span>\n<span class=\"n\">log</span><span class=\"o\">.</span><span class=\"na\">error</span><span class=\"o\">(</span><span class=\"s\">\"I'm a what?\"</span><span class=\"o\">);</span></code></pre></figure>\n\n    </div>\n</div>\n</div>\n\n<p>The <code class=\"language-plaintext highlighter-rouge\">highlight</code> directive and code fences are separate features, but\nfunctionally very similar. If code fences are not working as you like,\ngive the <code class=\"language-plaintext highlighter-rouge\">highlight</code> directive a try to see if it does any better.</p>\n\n<h2 id=\"line-numbers\">Line numbers</h2>\n\n<p>Right now, inline code snippets cannot have line numbers; see\n<a href=\"https://github.com/imagej/imagej.github.io/issues/128\">issue 128</a>\nfor technical details. For now, if you want to have line numbers, use the\n<a href=\"#embedding-external-code\">Embedding external code</a> approach below.</p>\n\n<div class=\"notice\" style=\"font-size: 2; background: #ffcccb; border-left: 10px solid #f57900\"><div class=\"notice-icon\"><img src=\"/media/icons/warning.png\" /></div><div class=\"notice-content\">\n<p>You might be familiar with the <code class=\"language-plaintext highlighter-rouge\">linenos</code> argument to the <code class=\"language-plaintext highlighter-rouge\">highlight</code> directive.\nPlease <strong><em>do not use this</em></strong>. As of this writing (Q3 2021), it produces badly\nformed HTML output, which can break wiki pages.</p>\n</div>\n</div>\n\n<h2 id=\"making-code-snippets-executable-and-editable\">Making code snippets executable and editable</h2>\n\n<p>By enabling the <code class=\"language-plaintext highlighter-rouge\">imjoy</code> extension, you can make your code snippets executable and editable.\nIt makes wiki pages more interactive, thus suited for building demos and tutorials.\nCurrently, it support ImageJ macro and ImJoy plugin scripts.</p>\n\n<p>To enable it, you need to:</p>\n<ol>\n  <li>add <code class=\"language-plaintext highlighter-rouge\">imjoy</code> to <code class=\"language-plaintext highlighter-rouge\">extensions</code> in the <a href=\"/editing#add-the-pages-front-matter\">front matter</a> of your page;</li>\n  <li>add a HTML comment <code class=\"language-plaintext highlighter-rouge\">&lt;!-- ImJoyPlugin: { ... } --&gt;</code> before your code block. Inside the <code class=\"language-plaintext highlighter-rouge\">{}</code> you can pass settings for setting up the ImJoy plugin.</li>\n</ol>\n\n<p>Here is an example for making an ImageJ macro code snippet executable.</p>\n\n<p>First, enable the <code class=\"language-plaintext highlighter-rouge\">imjoy</code> extension in the beginning of your page:</p>\n<div class=\"language-yaml highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code><span class=\"nn\">---</span>\n<span class=\"na\">title</span><span class=\"pi\">:</span> <span class=\"s\">My Awesome Page</span>\n<span class=\"na\">extensions</span><span class=\"pi\">:</span> <span class=\"pi\">[</span><span class=\"s2\">\"</span><span class=\"s\">imjoy\"</span><span class=\"pi\">]</span>\n<span class=\"nn\">---</span>\n</code></pre></div></div>\n\n<p>Let’s say you have the following macro:</p>\n<div class=\"language-javascript highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code><span class=\"nx\">print</span><span class=\"p\">(</span><span class=\"dl\">\"</span><span class=\"s2\">hello world</span><span class=\"dl\">\"</span><span class=\"p\">);</span>\n</code></pre></div></div>\n\n<p>To make it executable, you just need to add an HTML comment:</p>\n<div class=\"language-markdown highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code><span class=\"c\">&lt;!-- ImJoyPlugin: { \"type\": \"macro\"} --&gt;</span>\n<span class=\"p\">```</span><span class=\"nl\">javascript\n</span><span class=\"nx\">print</span><span class=\"p\">(</span><span class=\"dl\">\"</span><span class=\"s2\">hello world</span><span class=\"dl\">\"</span><span class=\"p\">);</span>\n<span class=\"p\">```</span>\n</code></pre></div></div>\n\n<p>For more detailed instructions about using ImageJ macro with ImageJ.JS, please refer to <a href=\"/software/imagej-js\">ImageJ.JS</a>.</p>\n\n<p>Similarily, you can execute an ImJoy plugin in code fences which can be used for integrating image viewers such as \n<a href=\"https://kaibu.org\">Kaibu</a>, <a href=\"https://github.com/hms-dbmi/vizarr\">vizarr</a> and <a href=\"https://kitware.github.io/itk-vtk-viewer/\">ITK/VTK viewer</a>, or running ImageJ2 and Fiji through <a href=\"https://github.com/imagej/pyimagej\">pyimagej</a> on a remote Jupyter server (e.g. on <a href=\"https://mybinder.org\">Binder</a>). For more details, please refer to <a href=\"/software/imjoy\">ImJoy</a>.</p>\n\n<h1 id=\"embedding-external-code\">Embedding external code</h1>\n\n<p>If you have code in a repository such as GitHub, GitLab, or BitBucket,\nyou can embed code blocks dynamically into the page using the\n<code class=\"language-plaintext highlighter-rouge\">code</code> include. This approach has the advantage of avoiding\ncopy-paste skew as the code evolves over time.</p>\n\n<p>Parameters supported by the <code class=\"language-plaintext highlighter-rouge\">code</code> include are:</p>\n\n<table>\n  <thead>\n    <tr>\n      <th style=\"text-align: left\">Parameter</th>\n      <th style=\"text-align: left\">Description</th>\n      <th style=\"text-align: left\">Supported values</th>\n      <th>Default</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">service</code></td>\n      <td style=\"text-align: left\">Which repository hosting service</td>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">github</code>, <code class=\"language-plaintext highlighter-rouge\">gitlab</code>, <code class=\"language-plaintext highlighter-rouge\">bitbucket</code></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">github</code></td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">org</code></td>\n      <td style=\"text-align: left\">Name of the organization</td>\n      <td style=\"text-align: left\">any string</td>\n      <td>none</td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">repo</code></td>\n      <td style=\"text-align: left\">Name of the repository</td>\n      <td style=\"text-align: left\">any string</td>\n      <td>none</td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">branch</code></td>\n      <td style=\"text-align: left\">Which branch, tag, or commit</td>\n      <td style=\"text-align: left\">any string</td>\n      <td>none</td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">path</code></td>\n      <td style=\"text-align: left\">Path to the resource in source control</td>\n      <td style=\"text-align: left\">any string</td>\n      <td>none</td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">line-start</code></td>\n      <td style=\"text-align: left\">First line to embed</td>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">&gt;= 1</code></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">1</code></td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">line-end</code></td>\n      <td style=\"text-align: left\">Last line to embed</td>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">&gt;= 1</code></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">99999</code></td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">label</code></td>\n      <td style=\"text-align: left\">Hyperlinked label to place before the code</td>\n      <td style=\"text-align: left\">any string</td>\n      <td>no label</td>\n    </tr>\n  </tbody>\n</table>\n\n<h2 id=\"embedding-from-github\">Embedding from GitHub</h2>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">code</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">org</span><span class=\"o\">=</span><span class=\"s2\">\"duckythescientist\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">repo</span><span class=\"o\">=</span><span class=\"s2\">\"obfuscatedLife\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">branch</span><span class=\"o\">=</span><span class=\"s2\">\"original\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">path</span><span class=\"o\">=</span><span class=\"s2\">\"life.c\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">label</span><span class=\"o\">=</span><span class=\"s2\">\"Conway's Obfuscated Game of Life\"</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p><b><a href=\"https://github.com/duckythescientist/obfuscatedLife/blob/original/life.c\">Conway’s Obfuscated Game of Life</a></b><br />\n<script src=\"https://emgithub.com/embed.js?target=https%3A%2F%2Fgithub.com%2Fduckythescientist%2FobfuscatedLife%2Fblob%2Foriginal%2Flife.c%23L1-99999&amp;style=github&amp;showBorder=on&amp;showLineNumbers=on&amp;showFileMeta=on&amp;showCopy=on\"></script></p>\n\n    </div>\n</div>\n</div>\n\n<p>Additional parameters supported by embeds from GitHub specifically:</p>\n\n<table>\n  <thead>\n    <tr>\n      <th style=\"text-align: left\">Parameter</th>\n      <th style=\"text-align: left\">Description</th>\n      <th style=\"text-align: left\">Supported values</th>\n      <th>Default</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">style</code></td>\n      <td style=\"text-align: left\">Syntax highlighting color scheme</td>\n      <td style=\"text-align: left\">various<sup id=\"fnref:1\" role=\"doc-noteref\"><a href=\"#fn:1\" class=\"footnote\" rel=\"footnote\">1</a></sup></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">github</code></td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">show-border</code></td>\n      <td style=\"text-align: left\">Whether to draw a border around the frame</td>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">true</code> or <code class=\"language-plaintext highlighter-rouge\">false</code></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">true</code></td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">show-line-numbers</code></td>\n      <td style=\"text-align: left\">Whether to number the lines</td>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">true</code> or <code class=\"language-plaintext highlighter-rouge\">false</code></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">true</code></td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">show-file-meta</code></td>\n      <td style=\"text-align: left\">Whether to include the footer with links</td>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">true</code> or <code class=\"language-plaintext highlighter-rouge\">false</code></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">true</code></td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">show-copy</code></td>\n      <td style=\"text-align: left\">Whether to include the Copy button on mouseover</td>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">true</code> or <code class=\"language-plaintext highlighter-rouge\">false</code></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">true</code></td>\n    </tr>\n  </tbody>\n</table>\n\n<h2 id=\"embedding-from-gitlab\">Embedding from GitLab</h2>\n\n<p>We want to support embedding from GitLab, but it’s not implemented yet:</p>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">code</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">service</span><span class=\"o\">=</span><span class=\"s2\">\"gitlab\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">org</span><span class=\"o\">=</span><span class=\"s2\">\"tjian-darzacq-lab\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">repo</span><span class=\"o\">=</span><span class=\"s2\">\"Spot-On-TrackMate\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">branch</span><span class=\"o\">=</span><span class=\"s2\">\"master\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">path</span><span class=\"o\">=</span><span class=\"s2\">\"src/main/java/plugin/trackmate/action/ExportTracksToSpotOn.java\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">line-start</span><span class=\"o\">=</span><span class=\"mi\">91</span><span class=\"w\"> </span><span class=\"na\">line-end</span><span class=\"o\">=</span><span class=\"mi\">112</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">label</span><span class=\"o\">=</span><span class=\"s2\">\"Spot-On export TrackMate tracks to XML\"</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p><b><a href=\"https://gitlab.com/tjian-darzacq-lab/Spot-On-TrackMate/-/blob/master/src/main/java/plugin/trackmate/action/ExportTracksToSpotOn.java#L91-112#L91-112\">Spot-On export TrackMate tracks to XML</a></b><br /></p>\n      <div class=\"notice\" style=\"font-size: 2; background: #ffcccb; border-left: 10px solid #f57900\"><div class=\"notice-icon\"><img src=\"/media/icons/warning.png\" /></div><div class=\"notice-content\">\n<p>Embedding content from GitLab is not yet supported.\nAre you a JavaScript developer who can make it happen?\n<a href=\"/discuss\">Reach out to us on the Image.sc Forum!</a></p>\n</div>\n</div>\n\n    </div>\n</div>\n</div>\n\n<h2 id=\"embedding-from-bitbucket\">Embedding from BitBucket</h2>\n\n<p>We want to support embedding from GitLab, but it’s not implemented yet:</p>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">code</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">service</span><span class=\"o\">=</span><span class=\"s2\">\"bitbucket\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">org</span><span class=\"o\">=</span><span class=\"s2\">\"fernandoamat\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">repo</span><span class=\"o\">=</span><span class=\"s2\">\"keller-lab-block-filetype\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">branch</span><span class=\"o\">=</span><span class=\"s2\">\"d4755438000475d60e51ee2b793a7fd92c1be7fe\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">path</span><span class=\"o\">=</span><span class=\"s2\">\"src/main/java/org/janelia/simview/klb/KLB.java\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">line-start</span><span class=\"o\">=</span><span class=\"mi\">279</span><span class=\"w\"> </span><span class=\"na\">line-end</span><span class=\"o\">=</span><span class=\"mi\">297</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">label</span><span class=\"o\">=</span><span class=\"s2\">\"Reading KLB data as ImgLib2 image\"</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p><b><a href=\"https://bitbucket.org/fernandoamat/keller-lab-block-filetype/src/d4755438000475d60e51ee2b793a7fd92c1be7fe/src/main/java/org/janelia/simview/klb/KLB.java#lines-279:297#lines-279:297\">Reading KLB data as ImgLib2 image</a></b><br /></p>\n      <div class=\"notice\" style=\"font-size: 2; background: #ffcccb; border-left: 10px solid #f57900\"><div class=\"notice-icon\"><img src=\"/media/icons/warning.png\" /></div><div class=\"notice-content\">\n<p>Embedding content from BitBucket is not yet supported.\nAre you a JavaScript developer who can make it happen?\n<a href=\"/discuss\">Reach out to us on the Image.sc Forum!</a></p>\n</div>\n</div>\n\n    </div>\n</div>\n</div>\n\n<h1 id=\"footnotes\">Footnotes</h1>\n\n<div class=\"footnotes\" role=\"doc-endnotes\">\n  <ol>\n    <li id=\"fn:1\" role=\"doc-endnote\">\n      <p>Valid style values for GitHub embeds are:</p>\n\n      <ul style=\"column-width: 11em; list-style: none;\">\n<li>a11y-dark</li>\n<li>a11y-light</li>\n<li>agate</li>\n<li>an-old-hope</li>\n<li>androidstudio</li>\n<li>arduino-light</li>\n<li>arta</li>\n<li>ascetic</li>\n<li>atelier-cave-dark</li>\n<li>atelier-cave-light</li>\n<li>atelier-dune-dark</li>\n<li>atelier-dune-light</li>\n<li>atelier-estuary-dark</li>\n<li>atelier-estuary-light</li>\n<li>atelier-forest-dark</li>\n<li>atelier-forest-light</li>\n<li>atelier-heath-dark</li>\n<li>atelier-heath-light</li>\n<li>atelier-lakeside-dark</li>\n<li>atelier-lakeside-light</li>\n<li>atelier-plateau-dark</li>\n<li>atelier-plateau-light</li>\n<li>atelier-savanna-dark</li>\n<li>atelier-savanna-light</li>\n<li>atelier-seaside-dark</li>\n<li>atelier-seaside-light</li>\n<li>atelier-sulphurpool-dark</li>\n<li>atelier-sulphurpool-light</li>\n<li>atom-one-dark</li>\n<li>atom-one-dark-reasonable</li>\n<li>atom-one-light</li>\n<li>codepen-embed</li>\n<li>color-brewer</li>\n<li>darcula</li>\n<li>dark</li>\n<li>default</li>\n<li>docco</li>\n<li>dracula</li>\n<li>far</li>\n<li>foundation</li>\n<li>github</li>\n<li>github-gist</li>\n<li>gml</li>\n<li>googlecode</li>\n<li>gradient-dark</li>\n<li>grayscale</li>\n<li>gruvbox-dark</li>\n<li>gruvbox-light</li>\n<li>hopscotch</li>\n<li>hybrid</li>\n<li>idea</li>\n<li>ir-black</li>\n<li>isbl-editor-dark</li>\n<li>isbl-editor-light</li>\n<li>kimbie.dark</li>\n<li>kimbie.light</li>\n<li>lightfair</li>\n<li>magula</li>\n<li>mono-blue</li>\n<li>monokai</li>\n<li>monokai-sublime</li>\n<li>night-owl</li>\n<li>nord</li>\n<li>obsidian</li>\n<li>ocean</li>\n<li>paraiso-dark</li>\n<li>paraiso-light</li>\n<li>purebasic</li>\n<li>qtcreator_dark</li>\n<li>qtcreator_light</li>\n<li>railscasts</li>\n<li>rainbow</li>\n<li>routeros</li>\n<li>shades-of-purple</li>\n<li>solarized-dark</li>\n<li>solarized-light</li>\n<li>sunburst</li>\n<li>tomorrow</li>\n<li>tomorrow-night</li>\n<li>tomorrow-night-blue</li>\n<li>tomorrow-night-bright</li>\n<li>tomorrow-night-eighties</li>\n<li>vs</li>\n<li>vs2015</li>\n<li>xcode</li>\n<li>xt256</li>\n<li>zenburn</li>\n</ul>\n      <p><a href=\"#fnref:1\" class=\"reversefootnote\" role=\"doc-backlink\">&#8617;</a></p>\n    </li>\n  </ol>\n</div>\n",
    "output": "<!DOCTYPE html>\n<html>\n  <head>\n    <title>Source Code</title>\n        <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=3\" />\n    <meta content=\"ImageJ Wiki\" property=\"og:site_name\">\n    <meta content=\"Source Code\" property=\"og:title\">\n    <meta content=\"article\" property=\"og:type\">\n    <meta content=\"The ImageJ wiki is a community-edited knowledge base on topics relating to ImageJ, a public domain program for processing and analyzing scientific images, and its ecosystem of derivatives and variants, including ImageJ2, Fiji, and others.\" property=\"og:description\">\n    <meta content=\"https://imagej.github.io/editing/code\" property=\"og:url\">\n    <meta content=\"https://imagej.github.io/media/icons/imagej2.png\" property=\"og:image\">\n    <link rel=\"shortcut icon\" href=\"/favicon.png\">\n    <link rel=\"stylesheet\" href=\"/assets/css/lightbox.min.css\" />\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css\"/>\n    <script type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/dygraphs@2.1.0/dist/dygraph.min.js\"></script>\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/dygraphs@2.1.0/dist/dygraph.min.css\" />\n    <link rel=\"stylesheet\" href=\"/assets/css/main.css\" />\n    <link rel=\"stylesheet\" href=\"/assets/css/layout.css\"/>\n    <link rel=\"stylesheet\" href=\"/assets/css/includes.css\" />\n    <link rel=\"stylesheet\" href=\"/assets/css/timeline.css\"/>\n    <link rel=\"stylesheet\" href=\"/assets/css/dock.css\"/>\n    <noscript><link rel=\"stylesheet\" href=\"/assets/css/noscript.css\" /></noscript>\n    <link rel=\"stylesheet\" href=\"/assets/css/page.css\" />\n  </head>\n  <body class=\"is-preload\">\n    <!-- Top bar -->\n    <section id=\"top-bar\">\n  <a href=\"/\"><img id=\"site-logo\" src=\"/media/icons/imagej2.png\"></a>\n  <div id=\"search-panel\">\n    <div id=\"search-box\"></div>\n  </div>\n</section>\n\n    <!-- Page-info -->\n    <div class=\"page-info\"> \n  <a href=\"https://github.com/imagej/imagej.github.io/commits/main/_pages/editing/code.md\">Page history</a>\n  <a href=\"https://github.com/imagej/imagej.github.io/edit/main/_pages/editing/code.md\">Edit this page</a>\n  <a href=\"/editing\">How do I edit this website?</a></div>\n\n    <section id=\"left-column\" class=\"sidebar dock\">\n      <!-- Menu -->\n      <div class=\"menu dockable\">\n        <div class=\"drag-handle\"></div><h3>ImageJ Docs</h3>\n        <ul>\n          <li><a href=\"/downloads\">Download</a></li>\n\n          <li><details><summary>Learn</summary><ul>\n            <li><details><summary><a href=\"/learn\">ImageJ Basics</a></summary><ul>\n              <li><a href=\"/tutorials\">Tutorials</a></li>\n              <li><a href=\"/learn/user-guides\">User Guides</a></li>\n              <li><a href=\"/learn/keyboard-shortcuts\">Keyboard Shortcuts</a></li>\n              <li><a href=\"/learn/tips-and-tricks\">Tips and Tricks</a></li>\n              <li><a href=\"/learn/troubleshooting\">Troubleshooting</a></li>\n              <li><a href=\"/learn/faq\">Frequently Asked Questions</a></li>\n\n              <li><details><summary><a href=\"/platforms\">Supported Platforms</a></summary><ul>\n                <li><a href=\"/platforms/windows\">Windows</a></li>\n                <li><a href=\"/platforms/macos\">MacOS</a></li>\n                <li><a href=\"/platforms/linux\">Linux</a></li>\n                <li><a href=\"/platforms/pi\">Raspberry Pi</a></li>\n                <li><a href=\"/platforms/android\">Android</a></li>\n              </ul></details></li> <!-- Learn/ImageJ Basics/Supported Platforms -->\n\n              <li><details><summary><a href=\"/formats\">File Formats</a></summary><ul>\n                <li><a href=\"/formats/bio-formats\">Bio-Formats</a></li>\n                <li><a href=\"/formats/video\">Video formats</a></li>\n                <li><a href=\"/formats/quicktime\">QuickTime</a></li>\n                <li><a href=\"/formats/tiff\">TIFF</a></li>\n                <li><a href=\"/formats/pdf\">PDF</a></li>\n                <li><a href=\"/formats/dicom\">DICOM</a></li>\n                <li><a href=\"/formats/lsm\">Zeiss LSM</a></li>\n                <li><a href=\"/formats/olympus\">Olympus VSI</a></li>\n                <li><a href=\"/formats/lurawave\">Opera Flex</a></li>\n                <li><a href=\"/formats/fib-sem\">FIB-SEM</a></li>\n              </ul></details></li> <!-- Learn/ImageJ Basics/File Formats -->\n            </ul></details></li> <!-- Learn/ImageJ -->\n\n            <li><details><summary><a href=\"/imaging\">Scientific Imaging</a></summary><ul>\n              <li><a href=\"/imaging/principles\">Principles of Scientific Imaging</a></li>\n              <li><a href=\"/imaging/annotating-images\">Annotating Images</a></li>\n              <li><a href=\"/imaging/colocalization-analysis\">Colocalization</a></li>\n              <li><a href=\"/imaging/color-image-processing\">Color Image Processing</a></li>\n              <li><a href=\"/imaging/deconvolution\">Deconvolution</a></li>\n              <li><a href=\"/imaging/image-intensity-processing\">Image Intensity Processing</a></li>\n              <li><a href=\"/imaging/particle-analysis\">Particle Analysis</a></li>\n              <li><a href=\"/imaging/registration\">Registration</a></li>\n              <li><a href=\"/imaging/segmentation\">Segmentation</a></li>\n              <li><a href=\"/imaging/stack-slice-manipulations\">Stack-slice Manipulations</a></li>\n              <li><a href=\"/imaging/t-functions\">T-functions</a></li>\n              <li><a href=\"/imaging/tracking\">Tracking</a></li>\n              <li><a href=\"/imaging/visualization\">Visualization</a></li>\n              <li><a href=\"/imaging/z-functions\">Z-functions</a></li>\n            </ul></details></li> <!-- Learn/Scientific Imaging -->\n          </ul></details></li> <!-- Learn -->\n\n          <li><details><summary><a href=\"/plugins\">Extend</a></summary><ul>\n            <li><a href=\"/list-of-extensions\">List of Extensions</a></li>\n\n            <li><details><summary><a href=\"/update-sites\">Update Sites</a></summary><ul>\n              <li><a href=\"/list-of-update-sites\">List of Update Sites</a></li>\n              <li><a href=\"/update-sites/following\">Following an Update Site</a></li>\n              <li><a href=\"/update-sites/setup\">Creating an Update Site</a></li>\n              <li><a href=\"/update-sites/tos\">Terms of Service</a></li>\n              <li><a href=\"/update-sites/automatic-uploads\">Automatic Upload</a></li>\n              <li><a href=\"/update-sites/core-uploads\">Uploading to Core Sites</a></li>\n              <li><a href=\"/update-sites/faq\">Update Sites FAQ</a></li>\n              <li><a href=\"/update-sites/stats\">Statistics</a></li>\n            </ul></details></li> <!-- Extend/Update Sites -->\n\n            <li><details><summary><a href=\"/scripting\">Scripting</a></summary><ul>\n              <li><a href=\"/scripting/batch\">Batch Processing</a></li>\n              <li><a href=\"/scripting/basics\">Scripting Basics</a></li>\n              <li><a href=\"/scripting/user-input\">User Input</a></li>\n              <li><a href=\"/scripting/how-to-use-the-javadoc\">Using Javadocs</a></li>\n              <li><a href=\"/scripting/script-editor\">Script Editor</a></li>\n              <li><a href=\"/scripting/auto-imports\">Auto Import</a></li>\n              <li><a href=\"/scripting/templates\">Templates</a></li>\n              <li><a href=\"/scripting/headless\">Running Headlessly</a></li>\n              <li><a href=\"/scripting/comparisons\">Scripting Comparisons</a></li>\n              <li><a href=\"/scripting/toolbox\">Toolbox</a></li>\n\n              <li><details><summary>Languages</summary><ul>\n                <li><a href=\"/scripting/beanshell\">BeanShell Scripting</a></li>\n                <li><a href=\"/scripting/groovy\">Groovy Scripting</a></li>\n                <li><a href=\"/scripting/macro\">ImageJ Macro</a></li>\n                <li><a href=\"/scripting/javascript\">JavaScript</a></li>\n                <li><a href=\"/scripting/batch\">Batch Processing</a></li>\n                <li><a href=\"/scripting/clojure\">Lisp (Clojure)</a></li>\n                <li><a href=\"/scripting/matlab\">MATLAB</a></li>\n                <li><a href=\"/scripting/jython\">Python (Jython)</a></li>\n                <li><a href=\"/scripting/renjin\">R (Renjin)</a></li>\n                <li><a href=\"/scripting/jruby\">Ruby (JRuby)</a></li>\n                <li><a href=\"/scripting/scala\">Scala Scripting</a></li>\n              </ul></details></li> <!-- Extend/Scripting/Languages -->\n            </ul></details></li> <!-- Extend/Scripting -->\n\n            <li><details><summary><a href=\"/develop\">Development</a></summary><ul>\n              <li><a href=\"/develop/philosophy\">Philosophy</a></li>\n              <li><a href=\"/develop/architecture\">Architecture</a></li>\n              <li><a href=\"/develop/source\">Source code</a></li>\n              <li><a href=\"/develop/project-management\">Project management</a></li>\n              <li><a href=\"/develop/coding-style\">Coding style</a></li>\n              <li><a href=\"/develop/debugging\">Debugging</a></li>\n              <li><a href=\"/develop/wish-list\">Wish list</a></li>\n\n              <li><details><summary>Tools</summary><ul>\n                <li><a href=\"/develop/github\">GitHub</a></li>\n                <li><a href=\"/develop/maven\">Maven</a></li>\n\n                <li><details><summary><a href=\"/develop/ides\">IDEs</a></summary><ul>\n                  <li><a href=\"/develop/eclipse\">Eclipse</a></li>\n                  <li><a href=\"/develop/netbeans\">NetBeans</a></li>\n                  <li><a href=\"/develop/intellij\">IntelliJ IDEA</a></li>\n                  <li><a href=\"/develop/command-line\">Command Line</a></li>\n                </ul></details></li>\n\n                <li><a href=\"/develop/github-actions\">Github Actions</a></li>\n                <li><a href=\"/develop/appveyor\">AppVeyor</a></li>\n                <li><a href=\"/develop/dotfiles\">Dotfiles</a></li>\n              </ul></details></li> <!-- Extend/Development/Tools -->\n\n              <li><details><summary>Guides</summary><ul>\n                <li><a href=\"/develop/plugins\">Writing plugins</a></li>\n                <li><a href=\"/develop/improving-the-code\">Contributing to a plugin</a></li>\n                <li><a href=\"/develop/releasing\">Development lifecycle</a></li>\n                <li><a href=\"/develop/building-a-pom\">Building a POM</a></li>\n                <hr>\n                <li><a href=\"/develop/debugging-exercises\">Hands-on debugging</a></li>\n                <li><a href=\"/develop/writing-ops\">Adding new ops</a></li>\n                <li><a href=\"/develop/formats\">Adding new formats</a></li>\n                <li><a href=\"/develop/native-libraries\">Using native libraries</a></li>\n                <li><a href=\"/develop/tips\">Tips for developers</a></li>\n                <li><a href=\"/develop/cpp-tips\">Tips for C++ developers</a></li>\n                <li><a href=\"/develop/ij1-plugins\">ImageJ 1.x plugins</a></li>\n                <li><a href=\"/develop/versioning\">Versioning</a></li>\n                <li><a href=\"/develop/logging\">Logging</a></li>\n                <li><a href=\"/develop/uber-jars\">Uber-JARs</a></li>\n              </ul></details></li> <!-- Extend/Development/Guides -->\n\n              <li><details><summary><a href=\"/develop/git\">Git</a></summary><ul>\n                <li><a href=\"/develop/git/eclipse\">Git in Eclipse (EGit)</a></li>\n                <li><a href=\"/develop/git/mini-howto\">Git mini howto</a></li>\n                <li><a href=\"/develop/git/workshop\">Git workshop</a></li>\n                <li><a href=\"/develop/git/conflicts\">Git conflicts</a></li>\n                <li><a href=\"/develop/git/topic-branches\">Git topic branches</a></li>\n                <li><a href=\"/develop/git/notes\">Git notes</a></li>\n                <li><a href=\"/develop/git/reflogs\">Git reflogs</a></li>\n                <li><a href=\"/develop/git/submodules\">Git submodules</a></li>\n                <li><a href=\"/develop/git/pinpoint-regressions\">How to pinpoint regressions</a></li>\n                <li><a href=\"/develop/git/publish-a-repository\">How to publish a git repository</a></li>\n                <li><a href=\"/develop/git/extract-a-subproject\">How to extract a subproject</a></li>\n              </ul></details></li> <!-- Extend/Development/Git -->\n            </ul></details></li> <!-- Extend/Development -->\n          </ul></details></li> <!-- Extend -->\n\n          <li><details open><summary><a href=\"/contribute\">Contribute</a></summary><ul>\n            <li><a href=\"/contribute/citing\">Citing</a></li>\n            <li><a href=\"/people\">Contributors</a></li>\n            <li><a href=\"/orgs\">Organizations</a></li>\n            <li><a href=\"/contribute/governance\">Governance</a></li>\n            <li><a href=\"/contribute/funding\">Funding</a></li>\n            <li><a href=\"/contribute/fiji\">Contributing to Fiji</a></li>\n\n            <li><details><summary><a href=\"/licensing\">Licensing</a></summary><ul>\n              <li><details><summary><a href=\"/licensing/open-source\">Open Source</a></summary><ul>\n                <li><a href=\"/licensing/apache\">Apache</a></li>\n                <li><a href=\"/licensing/bsd\">BSD</a></li>\n                <li><a href=\"/licensing/gpl\">GPL</a></li>\n                <li><a href=\"/licensing/lgpl\">LGPL</a></li>\n                <li><a href=\"/licensing/mit\">MIT</a></li>\n                <li><a href=\"/licensing/public-domain\">Public domain</a></li>\n              </ul></details></li> <!-- Contribute/Licensing/Open Source -->\n\n              <li><details><summary><a href=\"/licensing/closed-source\">Proprietary</a></summary><ul>\n                <li><a href=\"/licensing/big\">BIG</a></li>\n              </ul></details></li> <!-- Contribute/Licensing/Proprietary -->\n            </ul></details></li> <!-- Contribute/Licensing -->\n\n            <li><details open><summary><a href=\"/editing\">Editing the Wiki</a></summary><ul>\n              <li><a href=\"/editing/advanced\">Advanced Editing</a></li>\n              <li><a href=\"/editing/buttons\">Buttons</a></li>\n              <li><a href=\"/editing/citations\">Citations</a></li>\n              <li><a class=\"current-page\">Source Code</a></li>\n              <li><a href=\"/editing/debugging\">Debugging</a></li>\n              <li><a href=\"/editing/headers\">Headers</a></li>\n              <li><a href=\"/editing/icons\">Icons</a></li>\n              <li><a href=\"/editing/images\">Images</a></li>\n              <li><a href=\"/editing/keys\">Keyboard Shortcuts</a></li>\n              <li><a href=\"/editing/linking\">Linking</a></li>\n              <li><a href=\"/editing/math\">Math Expressions</a></li>\n              <li><a href=\"/editing/menu-paths\">Menu Paths</a></li>\n              <li><a href=\"/editing/navigation\">Navigation</a></li>\n              <li><a href=\"/editing/notices\">Notices</a></li>\n              <li><a href=\"/editing/people\">People</a></li>\n              <li><a href=\"/editing/pitfalls\">Pitfalls</a></li>\n              <li><a href=\"/editing/quizzes\">Quizzes</a></li>\n              <li><a href=\"/editing/symbols\">Symbols</a></li>\n              <li><a href=\"/editing/tables\">Tables</a></li>\n              <li><a href=\"/editing/timelines\">Timelines</a></li>\n              <li><a href=\"/editing/tooltips\">Tooltips</a></li>\n              <li><a href=\"/editing/videos\">Videos</a></li>\n              <li><a href=\"/editing/whitespace\">Whitespace</a></li>\n            </ul></details></li> <!-- Contribute/Editing the Wiki -->\n          </ul></details></li> <!-- Contribute -->\n\n          <li><details><summary><a href=\"/discuss\">Discuss</a></summary><ul>\n            <li><a href=\"/discuss/bugs\">Reporting Issues</a></li>\n            <li><a href=\"/discuss/mailing-lists\">Mailing Lists</a></li>\n            <li><a href=\"/discuss/chat\">Chat</a></li>\n          </ul></details></li> <!-- Discuss -->\n\n          <li><details><summary>Explore</summary><ul>\n            <li><a href=\"/news\">News</a></li>\n\n            <li><details><summary><a href=\"/events\">Events</a></summary><ul>\n              <li><a href=\"/events/presentations\">Presentations</a></li>\n              <li><a href=\"/events/conferences\">Conferences</a></li>\n              <li><a href=\"/events/hackathons\">Hackathons</a></li>\n              <li><a href=\"/events\">More...</a></li>\n            </ul></details></li> <!-- Discuss/Events -->\n\n            <li><details><summary><a href=\"/libs\">Libraries</a></summary><ul>\n              <li><a href=\"/libs/imagej-ops\">ImageJ Ops</a></li>\n              <li><a href=\"/libs/imagej-common\">ImageJ Common</a></li>\n              <li><a href=\"/libs/imagej-legacy\">ImageJ Legacy</a></li>\n              <li><a href=\"/libs/imageja\">ImageJA</a></li>\n              <li><a href=\"/libs/scijava\">SciJava</a></li>\n              <li><a href=\"/libs/scifio\">SCIFIO</a></li>\n\n              <li><details><summary><a href=\"/libs/imglib2\">ImgLib2</a></summary><ul>\n                <li><a href=\"/libs/imglib2/getting-started\">Getting Started</a></li>\n                <li><a href=\"/libs/imglib2/accessors\">Accessors</a></li>\n                <li><a href=\"/libs/imglib2/accessibles\">Accessibles</a></li>\n                <li><a href=\"/libs/imglib2/examples\">Examples</a></li>\n                <li><a href=\"/libs/imglib2/workshop-introductory\">Introductory Workshop</a></li>\n                <li><a href=\"/libs/imglib2/workshop-advanced\">Advanced Workshop</a></li>\n                <li><a href=\"/libs/imglib2/matlab\">ImgLib2 images in MATLAB</a></li>\n                <li><a href=\"/libs/imglib2/benchmarks\">Benchmarks</a></li>\n                <li><a href=\"/libs/imglib2/faq\">FAQ</a></li>\n                <li><a href=\"/libs/imglib2/developing\">Developing ImgLib2</a></li>\n                <li><a href=\"/libs/imglib2/discussion\">ImgLib2 Discussion</a></li>\n              </ul></details></li> <!-- Explore/Libraries/ImgLib2 -->\n              \n              <li><a href=\"/libs\">More...</a></li>\n            </ul></details></li> <!-- Explore/Libraries -->\n\n            <li><details><summary><a href=\"/software\">Software</a></summary><ul>\n              <li><a href=\"/software/nih-image\">NIH Image</a></li>\n              <li><a href=\"/software/imagej\">ImageJ</a></li>\n              <li><a href=\"/software/imagej2\">ImageJ2</a></li>\n              <li><a href=\"/software/fiji\">Fiji</a></li>\n              <li><a href=\"/software\">More...</a></li>\n            </ul></details></li> <!-- Explore/Software -->\n          </ul></details></li> <!-- Explore -->\n        </ul>\n      </div>\n    </section>\n\n    <section id=\"right-column\" class=\"sidebar dock\">\n      <!-- Vital stats -->\n      \n\n      <!-- Table of contents -->\n      <div id=\"toc\" class=\"toc menu dockable\">\n        <div class=\"drag-handle\"></div>\n        <h3>Page contents</h3>\n        <ul data-toc=\"#content\" data-toc-headings=\"h1,h2,h3,h4,h5,h6\"></ul>\n      </div>\n    </section>\n\n    <!-- Page title -->\n    <div class=\"container\">\n      <header class=\"major special\">\n        <h1>Source Code</h1>\n      </header>\n    </div>\n\n    <!-- Nav bar -->\n    <div id=\"nav-bar\"><ul class=\"shadowed-box\"><li><a href=\"/editing/index\">Introduction</a></li><li><a href=\"/editing/advanced\">Advanced&nbsp;Editing</a></li><li><a href=\"/editing/buttons\">Buttons</a></li><li><a href=\"/editing/citations\">Citations</a></li><li>Source&nbsp;Code</li><li><a href=\"/editing/debugging\">Debugging</a></li><li><a href=\"/editing/dokuwiki-migration\">DokuWiki&nbsp;Migration</a></li><li><a href=\"/editing/headers\">Headers</a></li><li><a href=\"/editing/icons\">Icons</a></li><li><a href=\"/editing/images\">Images</a></li><li><a href=\"/editing/keys\">Keyboard&nbsp;Shortcuts</a></li><li><a href=\"/editing/linking\">Linking</a></li><li><a href=\"/editing/math\">Math&nbsp;Expressions</a></li><li><a href=\"/editing/menu-paths\">Menu&nbsp;Paths</a></li><li><a href=\"/editing/navigation\">Navigation</a></li><li><a href=\"/editing/notices\">Notices</a></li><li><a href=\"/editing/people\">People</a></li><li><a href=\"/editing/pitfalls\">Pitfalls</a></li><li><a href=\"/editing/quizzes\">Quizzes</a></li><li><a href=\"/editing/statbox\">Statbox</a></li><li><a href=\"/editing/symbols\">Symbols</a></li><li><a href=\"/editing/tables\">Tables</a></li><li><a href=\"/editing/timelines\">Timelines</a></li><li><a href=\"/editing/tooltips\">Tooltips</a></li><li><a href=\"/editing/videos\">Videos</a></li><li><a href=\"/editing/whitespace\">Whitespace</a></li></ul></div>\n\n    <!-- Main content -->\n    <section id=\"page\" class=\"main style1\">\n      <div class=\"container\">\n        <div class=\"box alt\"></div>\n        <div id=\"content\" class=\"page-content\">\n          \n          <p>This page describes nice ways of embedding source code in a page.</p>\n\n<h1 id=\"inline-code-snippets\">Inline code snippets</h1>\n\n<p>If you just want to write a short snippet of code as part of a sentence,\nsurround the code in backtick symbols (<code>`</code>).</p>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\">Type `print('Hello world!')` and save as `hello.py`.</code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p>Type <code class=\"language-plaintext highlighter-rouge\">print('Hello world!')</code> and save as <code class=\"language-plaintext highlighter-rouge\">hello.py</code>.</p>\n\n    </div>\n</div>\n</div>\n\n<h2 id=\"code-fences\">Code fences</h2>\n\n<p>A “code fence” is three backtick symbols (<code>```</code>) preceding your\ncode, and another three concluding it. Optionally, you can write the name of\nthe language in small case next to the leading fence to declare syntax\nhighlighting is desired with the stated language.</p>\n\n<p><strong>NB:</strong> code fence syntax highlighting is currently not working locally due to\ndifferences in local build configuration. However, highlighting <em>will</em> display as\nappropriate on the public wiki.</p>\n\n<h3 id=\"java-example\">Java example</h3>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\">```java\nImage3DUniverse univ = new Image3DUniverse();\nuniv.show();\nuniv.addMesh(yourImagePlus, null, \"somename\", 50,\n  new boolean[] {true, true, true}, 2);\n```</code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <div class=\"language-java highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code><span class=\"nc\">Image3DUniverse</span> <span class=\"n\">univ</span> <span class=\"o\">=</span> <span class=\"k\">new</span> <span class=\"nc\">Image3DUniverse</span><span class=\"o\">();</span>\n<span class=\"n\">univ</span><span class=\"o\">.</span><span class=\"na\">show</span><span class=\"o\">();</span>\n<span class=\"n\">univ</span><span class=\"o\">.</span><span class=\"na\">addMesh</span><span class=\"o\">(</span><span class=\"n\">yourImagePlus</span><span class=\"o\">,</span> <span class=\"kc\">null</span><span class=\"o\">,</span> <span class=\"s\">\"somename\"</span><span class=\"o\">,</span> <span class=\"mi\">50</span><span class=\"o\">,</span>\n  <span class=\"k\">new</span> <span class=\"kt\">boolean</span><span class=\"o\">[]</span> <span class=\"o\">{</span><span class=\"kc\">true</span><span class=\"o\">,</span> <span class=\"kc\">true</span><span class=\"o\">,</span> <span class=\"kc\">true</span><span class=\"o\">},</span> <span class=\"mi\">2</span><span class=\"o\">);</span>\n</code></pre></div>      </div>\n\n    </div>\n</div>\n</div>\n\n<h3 id=\"python-example\">Python example</h3>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\">```python\ndef update_progress(progress):\n    barLength = 10 # length of progress bar\n    block = int(round(barLength*progress))\n    text = f'\\rPercent complete: ' +\n      f'[{\"#\"*block + \"-\"*(barLength-block)}] ' +\n      f'{progress*100}%'\n    sys.stdout.write(text)\n    sys.stdout.flush()\n```</code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <div class=\"language-python highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code><span class=\"k\">def</span> <span class=\"nf\">update_progress</span><span class=\"p\">(</span><span class=\"n\">progress</span><span class=\"p\">):</span>\n    <span class=\"n\">barLength</span> <span class=\"o\">=</span> <span class=\"mi\">10</span> <span class=\"c1\"># length of progress bar\n</span>    <span class=\"n\">block</span> <span class=\"o\">=</span> <span class=\"nb\">int</span><span class=\"p\">(</span><span class=\"nb\">round</span><span class=\"p\">(</span><span class=\"n\">barLength</span><span class=\"o\">*</span><span class=\"n\">progress</span><span class=\"p\">))</span>\n    <span class=\"n\">text</span> <span class=\"o\">=</span> <span class=\"sa\">f</span><span class=\"s\">'</span><span class=\"se\">\\r</span><span class=\"s\">Percent complete: '</span> <span class=\"o\">+</span>\n      <span class=\"sa\">f</span><span class=\"s\">'[</span><span class=\"si\">{</span><span class=\"s\">\"#\"</span><span class=\"o\">*</span><span class=\"n\">block</span> <span class=\"o\">+</span> <span class=\"s\">\"-\"</span><span class=\"o\">*</span><span class=\"p\">(</span><span class=\"n\">barLength</span><span class=\"o\">-</span><span class=\"n\">block</span><span class=\"p\">)</span><span class=\"si\">}</span><span class=\"s\">] '</span> <span class=\"o\">+</span>\n      <span class=\"sa\">f</span><span class=\"s\">'</span><span class=\"si\">{</span><span class=\"n\">progress</span><span class=\"o\">*</span><span class=\"mi\">100</span><span class=\"si\">}</span><span class=\"s\">%'</span>\n    <span class=\"n\">sys</span><span class=\"p\">.</span><span class=\"n\">stdout</span><span class=\"p\">.</span><span class=\"n\">write</span><span class=\"p\">(</span><span class=\"n\">text</span><span class=\"p\">)</span>\n    <span class=\"n\">sys</span><span class=\"p\">.</span><span class=\"n\">stdout</span><span class=\"p\">.</span><span class=\"n\">flush</span><span class=\"p\">()</span>\n</code></pre></div>      </div>\n\n    </div>\n</div>\n</div>\n\n<h2 id=\"highlight-directive\">Highlight directive</h2>\n\n<p>Alternately, there is a <code class=\"language-plaintext highlighter-rouge\">highlight</code> Liquid directive you can try.\nIt looks like this:</p>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">highlight</span><span class=\"w\"> </span>java<span class=\"w\"> </span><span class=\"p\">%}</span>\nlog.info(\"You're a wizard, Harry!\");\nlog.error(\"I'm a what?\");\n<span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">endhighlight</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <figure class=\"highlight\"><pre><code class=\"language-java\" data-lang=\"java\"><span class=\"n\">log</span><span class=\"o\">.</span><span class=\"na\">info</span><span class=\"o\">(</span><span class=\"s\">\"You're a wizard, Harry!\"</span><span class=\"o\">);</span>\n<span class=\"n\">log</span><span class=\"o\">.</span><span class=\"na\">error</span><span class=\"o\">(</span><span class=\"s\">\"I'm a what?\"</span><span class=\"o\">);</span></code></pre></figure>\n\n    </div>\n</div>\n</div>\n\n<p>The <code class=\"language-plaintext highlighter-rouge\">highlight</code> directive and code fences are separate features, but\nfunctionally very similar. If code fences are not working as you like,\ngive the <code class=\"language-plaintext highlighter-rouge\">highlight</code> directive a try to see if it does any better.</p>\n\n<h2 id=\"line-numbers\">Line numbers</h2>\n\n<p>Right now, inline code snippets cannot have line numbers; see\n<a href=\"https://github.com/imagej/imagej.github.io/issues/128\">issue 128</a>\nfor technical details. For now, if you want to have line numbers, use the\n<a href=\"#embedding-external-code\">Embedding external code</a> approach below.</p>\n\n<div class=\"notice\" style=\"font-size: 2; background: #ffcccb; border-left: 10px solid #f57900\"><div class=\"notice-icon\"><img src=\"/media/icons/warning.png\" /></div><div class=\"notice-content\">\n<p>You might be familiar with the <code class=\"language-plaintext highlighter-rouge\">linenos</code> argument to the <code class=\"language-plaintext highlighter-rouge\">highlight</code> directive.\nPlease <strong><em>do not use this</em></strong>. As of this writing (Q3 2021), it produces badly\nformed HTML output, which can break wiki pages.</p>\n</div>\n</div>\n\n<h2 id=\"making-code-snippets-executable-and-editable\">Making code snippets executable and editable</h2>\n\n<p>By enabling the <code class=\"language-plaintext highlighter-rouge\">imjoy</code> extension, you can make your code snippets executable and editable.\nIt makes wiki pages more interactive, thus suited for building demos and tutorials.\nCurrently, it support ImageJ macro and ImJoy plugin scripts.</p>\n\n<p>To enable it, you need to:</p>\n<ol>\n  <li>add <code class=\"language-plaintext highlighter-rouge\">imjoy</code> to <code class=\"language-plaintext highlighter-rouge\">extensions</code> in the <a href=\"/editing#add-the-pages-front-matter\">front matter</a> of your page;</li>\n  <li>add a HTML comment <code class=\"language-plaintext highlighter-rouge\">&lt;!-- ImJoyPlugin: { ... } --&gt;</code> before your code block. Inside the <code class=\"language-plaintext highlighter-rouge\">{}</code> you can pass settings for setting up the ImJoy plugin.</li>\n</ol>\n\n<p>Here is an example for making an ImageJ macro code snippet executable.</p>\n\n<p>First, enable the <code class=\"language-plaintext highlighter-rouge\">imjoy</code> extension in the beginning of your page:</p>\n<div class=\"language-yaml highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code><span class=\"nn\">---</span>\n<span class=\"na\">title</span><span class=\"pi\">:</span> <span class=\"s\">My Awesome Page</span>\n<span class=\"na\">extensions</span><span class=\"pi\">:</span> <span class=\"pi\">[</span><span class=\"s2\">\"</span><span class=\"s\">imjoy\"</span><span class=\"pi\">]</span>\n<span class=\"nn\">---</span>\n</code></pre></div></div>\n\n<p>Let’s say you have the following macro:</p>\n<div class=\"language-javascript highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code><span class=\"nx\">print</span><span class=\"p\">(</span><span class=\"dl\">\"</span><span class=\"s2\">hello world</span><span class=\"dl\">\"</span><span class=\"p\">);</span>\n</code></pre></div></div>\n\n<p>To make it executable, you just need to add an HTML comment:</p>\n<div class=\"language-markdown highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code><span class=\"c\">&lt;!-- ImJoyPlugin: { \"type\": \"macro\"} --&gt;</span>\n<span class=\"p\">```</span><span class=\"nl\">javascript\n</span><span class=\"nx\">print</span><span class=\"p\">(</span><span class=\"dl\">\"</span><span class=\"s2\">hello world</span><span class=\"dl\">\"</span><span class=\"p\">);</span>\n<span class=\"p\">```</span>\n</code></pre></div></div>\n\n<p>For more detailed instructions about using ImageJ macro with ImageJ.JS, please refer to <a href=\"/software/imagej-js\">ImageJ.JS</a>.</p>\n\n<p>Similarily, you can execute an ImJoy plugin in code fences which can be used for integrating image viewers such as \n<a href=\"https://kaibu.org\">Kaibu</a>, <a href=\"https://github.com/hms-dbmi/vizarr\">vizarr</a> and <a href=\"https://kitware.github.io/itk-vtk-viewer/\">ITK/VTK viewer</a>, or running ImageJ2 and Fiji through <a href=\"https://github.com/imagej/pyimagej\">pyimagej</a> on a remote Jupyter server (e.g. on <a href=\"https://mybinder.org\">Binder</a>). For more details, please refer to <a href=\"/software/imjoy\">ImJoy</a>.</p>\n\n<h1 id=\"embedding-external-code\">Embedding external code</h1>\n\n<p>If you have code in a repository such as GitHub, GitLab, or BitBucket,\nyou can embed code blocks dynamically into the page using the\n<code class=\"language-plaintext highlighter-rouge\">code</code> include. This approach has the advantage of avoiding\ncopy-paste skew as the code evolves over time.</p>\n\n<p>Parameters supported by the <code class=\"language-plaintext highlighter-rouge\">code</code> include are:</p>\n\n<table>\n  <thead>\n    <tr>\n      <th style=\"text-align: left\">Parameter</th>\n      <th style=\"text-align: left\">Description</th>\n      <th style=\"text-align: left\">Supported values</th>\n      <th>Default</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">service</code></td>\n      <td style=\"text-align: left\">Which repository hosting service</td>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">github</code>, <code class=\"language-plaintext highlighter-rouge\">gitlab</code>, <code class=\"language-plaintext highlighter-rouge\">bitbucket</code></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">github</code></td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">org</code></td>\n      <td style=\"text-align: left\">Name of the organization</td>\n      <td style=\"text-align: left\">any string</td>\n      <td>none</td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">repo</code></td>\n      <td style=\"text-align: left\">Name of the repository</td>\n      <td style=\"text-align: left\">any string</td>\n      <td>none</td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">branch</code></td>\n      <td style=\"text-align: left\">Which branch, tag, or commit</td>\n      <td style=\"text-align: left\">any string</td>\n      <td>none</td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">path</code></td>\n      <td style=\"text-align: left\">Path to the resource in source control</td>\n      <td style=\"text-align: left\">any string</td>\n      <td>none</td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">line-start</code></td>\n      <td style=\"text-align: left\">First line to embed</td>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">&gt;= 1</code></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">1</code></td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">line-end</code></td>\n      <td style=\"text-align: left\">Last line to embed</td>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">&gt;= 1</code></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">99999</code></td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">label</code></td>\n      <td style=\"text-align: left\">Hyperlinked label to place before the code</td>\n      <td style=\"text-align: left\">any string</td>\n      <td>no label</td>\n    </tr>\n  </tbody>\n</table>\n\n<h2 id=\"embedding-from-github\">Embedding from GitHub</h2>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">code</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">org</span><span class=\"o\">=</span><span class=\"s2\">\"duckythescientist\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">repo</span><span class=\"o\">=</span><span class=\"s2\">\"obfuscatedLife\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">branch</span><span class=\"o\">=</span><span class=\"s2\">\"original\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">path</span><span class=\"o\">=</span><span class=\"s2\">\"life.c\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">label</span><span class=\"o\">=</span><span class=\"s2\">\"Conway's Obfuscated Game of Life\"</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p><b><a href=\"https://github.com/duckythescientist/obfuscatedLife/blob/original/life.c\">Conway’s Obfuscated Game of Life</a></b><br />\n<script src=\"https://emgithub.com/embed.js?target=https%3A%2F%2Fgithub.com%2Fduckythescientist%2FobfuscatedLife%2Fblob%2Foriginal%2Flife.c%23L1-99999&amp;style=github&amp;showBorder=on&amp;showLineNumbers=on&amp;showFileMeta=on&amp;showCopy=on\"></script></p>\n\n    </div>\n</div>\n</div>\n\n<p>Additional parameters supported by embeds from GitHub specifically:</p>\n\n<table>\n  <thead>\n    <tr>\n      <th style=\"text-align: left\">Parameter</th>\n      <th style=\"text-align: left\">Description</th>\n      <th style=\"text-align: left\">Supported values</th>\n      <th>Default</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">style</code></td>\n      <td style=\"text-align: left\">Syntax highlighting color scheme</td>\n      <td style=\"text-align: left\">various<sup id=\"fnref:1\" role=\"doc-noteref\"><a href=\"#fn:1\" class=\"footnote\" rel=\"footnote\">1</a></sup></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">github</code></td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">show-border</code></td>\n      <td style=\"text-align: left\">Whether to draw a border around the frame</td>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">true</code> or <code class=\"language-plaintext highlighter-rouge\">false</code></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">true</code></td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">show-line-numbers</code></td>\n      <td style=\"text-align: left\">Whether to number the lines</td>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">true</code> or <code class=\"language-plaintext highlighter-rouge\">false</code></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">true</code></td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">show-file-meta</code></td>\n      <td style=\"text-align: left\">Whether to include the footer with links</td>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">true</code> or <code class=\"language-plaintext highlighter-rouge\">false</code></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">true</code></td>\n    </tr>\n    <tr>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">show-copy</code></td>\n      <td style=\"text-align: left\">Whether to include the Copy button on mouseover</td>\n      <td style=\"text-align: left\"><code class=\"language-plaintext highlighter-rouge\">true</code> or <code class=\"language-plaintext highlighter-rouge\">false</code></td>\n      <td><code class=\"language-plaintext highlighter-rouge\">true</code></td>\n    </tr>\n  </tbody>\n</table>\n\n<h2 id=\"embedding-from-gitlab\">Embedding from GitLab</h2>\n\n<p>We want to support embedding from GitLab, but it’s not implemented yet:</p>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">code</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">service</span><span class=\"o\">=</span><span class=\"s2\">\"gitlab\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">org</span><span class=\"o\">=</span><span class=\"s2\">\"tjian-darzacq-lab\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">repo</span><span class=\"o\">=</span><span class=\"s2\">\"Spot-On-TrackMate\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">branch</span><span class=\"o\">=</span><span class=\"s2\">\"master\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">path</span><span class=\"o\">=</span><span class=\"s2\">\"src/main/java/plugin/trackmate/action/ExportTracksToSpotOn.java\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">line-start</span><span class=\"o\">=</span><span class=\"mi\">91</span><span class=\"w\"> </span><span class=\"na\">line-end</span><span class=\"o\">=</span><span class=\"mi\">112</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">label</span><span class=\"o\">=</span><span class=\"s2\">\"Spot-On export TrackMate tracks to XML\"</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p><b><a href=\"https://gitlab.com/tjian-darzacq-lab/Spot-On-TrackMate/-/blob/master/src/main/java/plugin/trackmate/action/ExportTracksToSpotOn.java#L91-112#L91-112\">Spot-On export TrackMate tracks to XML</a></b><br /></p>\n      <div class=\"notice\" style=\"font-size: 2; background: #ffcccb; border-left: 10px solid #f57900\"><div class=\"notice-icon\"><img src=\"/media/icons/warning.png\" /></div><div class=\"notice-content\">\n<p>Embedding content from GitLab is not yet supported.\nAre you a JavaScript developer who can make it happen?\n<a href=\"/discuss\">Reach out to us on the Image.sc Forum!</a></p>\n</div>\n</div>\n\n    </div>\n</div>\n</div>\n\n<h2 id=\"embedding-from-bitbucket\">Embedding from BitBucket</h2>\n\n<p>We want to support embedding from GitLab, but it’s not implemented yet:</p>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">code</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">service</span><span class=\"o\">=</span><span class=\"s2\">\"bitbucket\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">org</span><span class=\"o\">=</span><span class=\"s2\">\"fernandoamat\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">repo</span><span class=\"o\">=</span><span class=\"s2\">\"keller-lab-block-filetype\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">branch</span><span class=\"o\">=</span><span class=\"s2\">\"d4755438000475d60e51ee2b793a7fd92c1be7fe\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">path</span><span class=\"o\">=</span><span class=\"s2\">\"src/main/java/org/janelia/simview/klb/KLB.java\"</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">line-start</span><span class=\"o\">=</span><span class=\"mi\">279</span><span class=\"w\"> </span><span class=\"na\">line-end</span><span class=\"o\">=</span><span class=\"mi\">297</span><span class=\"err\">\n</span><span class=\"w\">     </span><span class=\"na\">label</span><span class=\"o\">=</span><span class=\"s2\">\"Reading KLB data as ImgLib2 image\"</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p><b><a href=\"https://bitbucket.org/fernandoamat/keller-lab-block-filetype/src/d4755438000475d60e51ee2b793a7fd92c1be7fe/src/main/java/org/janelia/simview/klb/KLB.java#lines-279:297#lines-279:297\">Reading KLB data as ImgLib2 image</a></b><br /></p>\n      <div class=\"notice\" style=\"font-size: 2; background: #ffcccb; border-left: 10px solid #f57900\"><div class=\"notice-icon\"><img src=\"/media/icons/warning.png\" /></div><div class=\"notice-content\">\n<p>Embedding content from BitBucket is not yet supported.\nAre you a JavaScript developer who can make it happen?\n<a href=\"/discuss\">Reach out to us on the Image.sc Forum!</a></p>\n</div>\n</div>\n\n    </div>\n</div>\n</div>\n\n<h1 id=\"footnotes\">Footnotes</h1>\n\n<div class=\"footnotes\" role=\"doc-endnotes\">\n  <ol>\n    <li id=\"fn:1\" role=\"doc-endnote\">\n      <p>Valid style values for GitHub embeds are:</p>\n\n      <ul style=\"column-width: 11em; list-style: none;\">\n<li>a11y-dark</li>\n<li>a11y-light</li>\n<li>agate</li>\n<li>an-old-hope</li>\n<li>androidstudio</li>\n<li>arduino-light</li>\n<li>arta</li>\n<li>ascetic</li>\n<li>atelier-cave-dark</li>\n<li>atelier-cave-light</li>\n<li>atelier-dune-dark</li>\n<li>atelier-dune-light</li>\n<li>atelier-estuary-dark</li>\n<li>atelier-estuary-light</li>\n<li>atelier-forest-dark</li>\n<li>atelier-forest-light</li>\n<li>atelier-heath-dark</li>\n<li>atelier-heath-light</li>\n<li>atelier-lakeside-dark</li>\n<li>atelier-lakeside-light</li>\n<li>atelier-plateau-dark</li>\n<li>atelier-plateau-light</li>\n<li>atelier-savanna-dark</li>\n<li>atelier-savanna-light</li>\n<li>atelier-seaside-dark</li>\n<li>atelier-seaside-light</li>\n<li>atelier-sulphurpool-dark</li>\n<li>atelier-sulphurpool-light</li>\n<li>atom-one-dark</li>\n<li>atom-one-dark-reasonable</li>\n<li>atom-one-light</li>\n<li>codepen-embed</li>\n<li>color-brewer</li>\n<li>darcula</li>\n<li>dark</li>\n<li>default</li>\n<li>docco</li>\n<li>dracula</li>\n<li>far</li>\n<li>foundation</li>\n<li>github</li>\n<li>github-gist</li>\n<li>gml</li>\n<li>googlecode</li>\n<li>gradient-dark</li>\n<li>grayscale</li>\n<li>gruvbox-dark</li>\n<li>gruvbox-light</li>\n<li>hopscotch</li>\n<li>hybrid</li>\n<li>idea</li>\n<li>ir-black</li>\n<li>isbl-editor-dark</li>\n<li>isbl-editor-light</li>\n<li>kimbie.dark</li>\n<li>kimbie.light</li>\n<li>lightfair</li>\n<li>magula</li>\n<li>mono-blue</li>\n<li>monokai</li>\n<li>monokai-sublime</li>\n<li>night-owl</li>\n<li>nord</li>\n<li>obsidian</li>\n<li>ocean</li>\n<li>paraiso-dark</li>\n<li>paraiso-light</li>\n<li>purebasic</li>\n<li>qtcreator_dark</li>\n<li>qtcreator_light</li>\n<li>railscasts</li>\n<li>rainbow</li>\n<li>routeros</li>\n<li>shades-of-purple</li>\n<li>solarized-dark</li>\n<li>solarized-light</li>\n<li>sunburst</li>\n<li>tomorrow</li>\n<li>tomorrow-night</li>\n<li>tomorrow-night-blue</li>\n<li>tomorrow-night-bright</li>\n<li>tomorrow-night-eighties</li>\n<li>vs</li>\n<li>vs2015</li>\n<li>xcode</li>\n<li>xt256</li>\n<li>zenburn</li>\n</ul>\n      <p><a href=\"#fnref:1\" class=\"reversefootnote\" role=\"doc-backlink\">&#8617;</a></p>\n    </li>\n  </ol>\n</div>\n\n        </div>\n      </div>\n    </section>\n\n    <!-- Footer -->\n    <section id=\"footer\">\n  <ul class=\"icons\">\n    <li><a href=\"https://forum.image.sc/tag/imagej\" class=\"icon alt\"><img src=\"/media/icons/image-sc.png\" width=\"24\" style=\"vertical-align: middle; margin-top: -10px\"><span class=\"label\">Forum</span></a></li>\n\n    <li><a href=\"https://twitter.com/hashtag/ImageJ\" class=\"icon brands alt fa-twitter\"><span class=\"label\">Twitter</span></a></li>\n    <li><a href=\"https://github.com/imagej\" class=\"icon brands alt fa-github\"><span class=\"label\">GitHub</span></a></li>\n  </ul>\n  <ul class=\"copyright\">\n    <li>Design: <a href=\"http://html5up.net\">HTML5 UP</a></li>\n  </ul>\n</section>\n\n    <!-- Hamburger menu -->\n        <nav role=\"navigation\">\n      <div id=\"ham-toggle\">\n        <input type=\"checkbox\" />\n        <span></span> <!-- top bun -->\n        <span></span> <!-- hamburger -->\n        <span></span> <!-- bottom bun -->\n        <ul id=\"ham-menu\">\n          <div class=\"menu\"><h3>ImageJ Docs</h3>\n        <ul>\n          <li><a href=\"/downloads\">Download</a></li>\n\n          <li><details><summary>Learn</summary><ul>\n            <li><details><summary><a href=\"/learn\">ImageJ Basics</a></summary><ul>\n              <li><a href=\"/tutorials\">Tutorials</a></li>\n              <li><a href=\"/learn/user-guides\">User Guides</a></li>\n              <li><a href=\"/learn/keyboard-shortcuts\">Keyboard Shortcuts</a></li>\n              <li><a href=\"/learn/tips-and-tricks\">Tips and Tricks</a></li>\n              <li><a href=\"/learn/troubleshooting\">Troubleshooting</a></li>\n              <li><a href=\"/learn/faq\">Frequently Asked Questions</a></li>\n\n              <li><details><summary><a href=\"/platforms\">Supported Platforms</a></summary><ul>\n                <li><a href=\"/platforms/windows\">Windows</a></li>\n                <li><a href=\"/platforms/macos\">MacOS</a></li>\n                <li><a href=\"/platforms/linux\">Linux</a></li>\n                <li><a href=\"/platforms/pi\">Raspberry Pi</a></li>\n                <li><a href=\"/platforms/android\">Android</a></li>\n              </ul></details></li> <!-- Learn/ImageJ Basics/Supported Platforms -->\n\n              <li><details><summary><a href=\"/formats\">File Formats</a></summary><ul>\n                <li><a href=\"/formats/bio-formats\">Bio-Formats</a></li>\n                <li><a href=\"/formats/video\">Video formats</a></li>\n                <li><a href=\"/formats/quicktime\">QuickTime</a></li>\n                <li><a href=\"/formats/tiff\">TIFF</a></li>\n                <li><a href=\"/formats/pdf\">PDF</a></li>\n                <li><a href=\"/formats/dicom\">DICOM</a></li>\n                <li><a href=\"/formats/lsm\">Zeiss LSM</a></li>\n                <li><a href=\"/formats/olympus\">Olympus VSI</a></li>\n                <li><a href=\"/formats/lurawave\">Opera Flex</a></li>\n                <li><a href=\"/formats/fib-sem\">FIB-SEM</a></li>\n              </ul></details></li> <!-- Learn/ImageJ Basics/File Formats -->\n            </ul></details></li> <!-- Learn/ImageJ -->\n\n            <li><details><summary><a href=\"/imaging\">Scientific Imaging</a></summary><ul>\n              <li><a href=\"/imaging/principles\">Principles of Scientific Imaging</a></li>\n              <li><a href=\"/imaging/annotating-images\">Annotating Images</a></li>\n              <li><a href=\"/imaging/colocalization-analysis\">Colocalization</a></li>\n              <li><a href=\"/imaging/color-image-processing\">Color Image Processing</a></li>\n              <li><a href=\"/imaging/deconvolution\">Deconvolution</a></li>\n              <li><a href=\"/imaging/image-intensity-processing\">Image Intensity Processing</a></li>\n              <li><a href=\"/imaging/particle-analysis\">Particle Analysis</a></li>\n              <li><a href=\"/imaging/registration\">Registration</a></li>\n              <li><a href=\"/imaging/segmentation\">Segmentation</a></li>\n              <li><a href=\"/imaging/stack-slice-manipulations\">Stack-slice Manipulations</a></li>\n              <li><a href=\"/imaging/t-functions\">T-functions</a></li>\n              <li><a href=\"/imaging/tracking\">Tracking</a></li>\n              <li><a href=\"/imaging/visualization\">Visualization</a></li>\n              <li><a href=\"/imaging/z-functions\">Z-functions</a></li>\n            </ul></details></li> <!-- Learn/Scientific Imaging -->\n          </ul></details></li> <!-- Learn -->\n\n          <li><details><summary><a href=\"/plugins\">Extend</a></summary><ul>\n            <li><a href=\"/list-of-extensions\">List of Extensions</a></li>\n\n            <li><details><summary><a href=\"/update-sites\">Update Sites</a></summary><ul>\n              <li><a href=\"/list-of-update-sites\">List of Update Sites</a></li>\n              <li><a href=\"/update-sites/following\">Following an Update Site</a></li>\n              <li><a href=\"/update-sites/setup\">Creating an Update Site</a></li>\n              <li><a href=\"/update-sites/tos\">Terms of Service</a></li>\n              <li><a href=\"/update-sites/automatic-uploads\">Automatic Upload</a></li>\n              <li><a href=\"/update-sites/core-uploads\">Uploading to Core Sites</a></li>\n              <li><a href=\"/update-sites/faq\">Update Sites FAQ</a></li>\n              <li><a href=\"/update-sites/stats\">Statistics</a></li>\n            </ul></details></li> <!-- Extend/Update Sites -->\n\n            <li><details><summary><a href=\"/scripting\">Scripting</a></summary><ul>\n              <li><a href=\"/scripting/batch\">Batch Processing</a></li>\n              <li><a href=\"/scripting/basics\">Scripting Basics</a></li>\n              <li><a href=\"/scripting/user-input\">User Input</a></li>\n              <li><a href=\"/scripting/how-to-use-the-javadoc\">Using Javadocs</a></li>\n              <li><a href=\"/scripting/script-editor\">Script Editor</a></li>\n              <li><a href=\"/scripting/auto-imports\">Auto Import</a></li>\n              <li><a href=\"/scripting/templates\">Templates</a></li>\n              <li><a href=\"/scripting/headless\">Running Headlessly</a></li>\n              <li><a href=\"/scripting/comparisons\">Scripting Comparisons</a></li>\n              <li><a href=\"/scripting/toolbox\">Toolbox</a></li>\n\n              <li><details><summary>Languages</summary><ul>\n                <li><a href=\"/scripting/beanshell\">BeanShell Scripting</a></li>\n                <li><a href=\"/scripting/groovy\">Groovy Scripting</a></li>\n                <li><a href=\"/scripting/macro\">ImageJ Macro</a></li>\n                <li><a href=\"/scripting/javascript\">JavaScript</a></li>\n                <li><a href=\"/scripting/batch\">Batch Processing</a></li>\n                <li><a href=\"/scripting/clojure\">Lisp (Clojure)</a></li>\n                <li><a href=\"/scripting/matlab\">MATLAB</a></li>\n                <li><a href=\"/scripting/jython\">Python (Jython)</a></li>\n                <li><a href=\"/scripting/renjin\">R (Renjin)</a></li>\n                <li><a href=\"/scripting/jruby\">Ruby (JRuby)</a></li>\n                <li><a href=\"/scripting/scala\">Scala Scripting</a></li>\n              </ul></details></li> <!-- Extend/Scripting/Languages -->\n            </ul></details></li> <!-- Extend/Scripting -->\n\n            <li><details><summary><a href=\"/develop\">Development</a></summary><ul>\n              <li><a href=\"/develop/philosophy\">Philosophy</a></li>\n              <li><a href=\"/develop/architecture\">Architecture</a></li>\n              <li><a href=\"/develop/source\">Source code</a></li>\n              <li><a href=\"/develop/project-management\">Project management</a></li>\n              <li><a href=\"/develop/coding-style\">Coding style</a></li>\n              <li><a href=\"/develop/debugging\">Debugging</a></li>\n              <li><a href=\"/develop/wish-list\">Wish list</a></li>\n\n              <li><details><summary>Tools</summary><ul>\n                <li><a href=\"/develop/github\">GitHub</a></li>\n                <li><a href=\"/develop/maven\">Maven</a></li>\n\n                <li><details><summary><a href=\"/develop/ides\">IDEs</a></summary><ul>\n                  <li><a href=\"/develop/eclipse\">Eclipse</a></li>\n                  <li><a href=\"/develop/netbeans\">NetBeans</a></li>\n                  <li><a href=\"/develop/intellij\">IntelliJ IDEA</a></li>\n                  <li><a href=\"/develop/command-line\">Command Line</a></li>\n                </ul></details></li>\n\n                <li><a href=\"/develop/github-actions\">Github Actions</a></li>\n                <li><a href=\"/develop/appveyor\">AppVeyor</a></li>\n                <li><a href=\"/develop/dotfiles\">Dotfiles</a></li>\n              </ul></details></li> <!-- Extend/Development/Tools -->\n\n              <li><details><summary>Guides</summary><ul>\n                <li><a href=\"/develop/plugins\">Writing plugins</a></li>\n                <li><a href=\"/develop/improving-the-code\">Contributing to a plugin</a></li>\n                <li><a href=\"/develop/releasing\">Development lifecycle</a></li>\n                <li><a href=\"/develop/building-a-pom\">Building a POM</a></li>\n                <hr>\n                <li><a href=\"/develop/debugging-exercises\">Hands-on debugging</a></li>\n                <li><a href=\"/develop/writing-ops\">Adding new ops</a></li>\n                <li><a href=\"/develop/formats\">Adding new formats</a></li>\n                <li><a href=\"/develop/native-libraries\">Using native libraries</a></li>\n                <li><a href=\"/develop/tips\">Tips for developers</a></li>\n                <li><a href=\"/develop/cpp-tips\">Tips for C++ developers</a></li>\n                <li><a href=\"/develop/ij1-plugins\">ImageJ 1.x plugins</a></li>\n                <li><a href=\"/develop/versioning\">Versioning</a></li>\n                <li><a href=\"/develop/logging\">Logging</a></li>\n                <li><a href=\"/develop/uber-jars\">Uber-JARs</a></li>\n              </ul></details></li> <!-- Extend/Development/Guides -->\n\n              <li><details><summary><a href=\"/develop/git\">Git</a></summary><ul>\n                <li><a href=\"/develop/git/eclipse\">Git in Eclipse (EGit)</a></li>\n                <li><a href=\"/develop/git/mini-howto\">Git mini howto</a></li>\n                <li><a href=\"/develop/git/workshop\">Git workshop</a></li>\n                <li><a href=\"/develop/git/conflicts\">Git conflicts</a></li>\n                <li><a href=\"/develop/git/topic-branches\">Git topic branches</a></li>\n                <li><a href=\"/develop/git/notes\">Git notes</a></li>\n                <li><a href=\"/develop/git/reflogs\">Git reflogs</a></li>\n                <li><a href=\"/develop/git/submodules\">Git submodules</a></li>\n                <li><a href=\"/develop/git/pinpoint-regressions\">How to pinpoint regressions</a></li>\n                <li><a href=\"/develop/git/publish-a-repository\">How to publish a git repository</a></li>\n                <li><a href=\"/develop/git/extract-a-subproject\">How to extract a subproject</a></li>\n              </ul></details></li> <!-- Extend/Development/Git -->\n            </ul></details></li> <!-- Extend/Development -->\n          </ul></details></li> <!-- Extend -->\n\n          <li><details open><summary><a href=\"/contribute\">Contribute</a></summary><ul>\n            <li><a href=\"/contribute/citing\">Citing</a></li>\n            <li><a href=\"/people\">Contributors</a></li>\n            <li><a href=\"/orgs\">Organizations</a></li>\n            <li><a href=\"/contribute/governance\">Governance</a></li>\n            <li><a href=\"/contribute/funding\">Funding</a></li>\n            <li><a href=\"/contribute/fiji\">Contributing to Fiji</a></li>\n\n            <li><details><summary><a href=\"/licensing\">Licensing</a></summary><ul>\n              <li><details><summary><a href=\"/licensing/open-source\">Open Source</a></summary><ul>\n                <li><a href=\"/licensing/apache\">Apache</a></li>\n                <li><a href=\"/licensing/bsd\">BSD</a></li>\n                <li><a href=\"/licensing/gpl\">GPL</a></li>\n                <li><a href=\"/licensing/lgpl\">LGPL</a></li>\n                <li><a href=\"/licensing/mit\">MIT</a></li>\n                <li><a href=\"/licensing/public-domain\">Public domain</a></li>\n              </ul></details></li> <!-- Contribute/Licensing/Open Source -->\n\n              <li><details><summary><a href=\"/licensing/closed-source\">Proprietary</a></summary><ul>\n                <li><a href=\"/licensing/big\">BIG</a></li>\n              </ul></details></li> <!-- Contribute/Licensing/Proprietary -->\n            </ul></details></li> <!-- Contribute/Licensing -->\n\n            <li><details open><summary><a href=\"/editing\">Editing the Wiki</a></summary><ul>\n              <li><a href=\"/editing/advanced\">Advanced Editing</a></li>\n              <li><a href=\"/editing/buttons\">Buttons</a></li>\n              <li><a href=\"/editing/citations\">Citations</a></li>\n              <li><a class=\"current-page\">Source Code</a></li>\n              <li><a href=\"/editing/debugging\">Debugging</a></li>\n              <li><a href=\"/editing/headers\">Headers</a></li>\n              <li><a href=\"/editing/icons\">Icons</a></li>\n              <li><a href=\"/editing/images\">Images</a></li>\n              <li><a href=\"/editing/keys\">Keyboard Shortcuts</a></li>\n              <li><a href=\"/editing/linking\">Linking</a></li>\n              <li><a href=\"/editing/math\">Math Expressions</a></li>\n              <li><a href=\"/editing/menu-paths\">Menu Paths</a></li>\n              <li><a href=\"/editing/navigation\">Navigation</a></li>\n              <li><a href=\"/editing/notices\">Notices</a></li>\n              <li><a href=\"/editing/people\">People</a></li>\n              <li><a href=\"/editing/pitfalls\">Pitfalls</a></li>\n              <li><a href=\"/editing/quizzes\">Quizzes</a></li>\n              <li><a href=\"/editing/symbols\">Symbols</a></li>\n              <li><a href=\"/editing/tables\">Tables</a></li>\n              <li><a href=\"/editing/timelines\">Timelines</a></li>\n              <li><a href=\"/editing/tooltips\">Tooltips</a></li>\n              <li><a href=\"/editing/videos\">Videos</a></li>\n              <li><a href=\"/editing/whitespace\">Whitespace</a></li>\n            </ul></details></li> <!-- Contribute/Editing the Wiki -->\n          </ul></details></li> <!-- Contribute -->\n\n          <li><details><summary><a href=\"/discuss\">Discuss</a></summary><ul>\n            <li><a href=\"/discuss/bugs\">Reporting Issues</a></li>\n            <li><a href=\"/discuss/mailing-lists\">Mailing Lists</a></li>\n            <li><a href=\"/discuss/chat\">Chat</a></li>\n          </ul></details></li> <!-- Discuss -->\n\n          <li><details><summary>Explore</summary><ul>\n            <li><a href=\"/news\">News</a></li>\n\n            <li><details><summary><a href=\"/events\">Events</a></summary><ul>\n              <li><a href=\"/events/presentations\">Presentations</a></li>\n              <li><a href=\"/events/conferences\">Conferences</a></li>\n              <li><a href=\"/events/hackathons\">Hackathons</a></li>\n              <li><a href=\"/events\">More...</a></li>\n            </ul></details></li> <!-- Discuss/Events -->\n\n            <li><details><summary><a href=\"/libs\">Libraries</a></summary><ul>\n              <li><a href=\"/libs/imagej-ops\">ImageJ Ops</a></li>\n              <li><a href=\"/libs/imagej-common\">ImageJ Common</a></li>\n              <li><a href=\"/libs/imagej-legacy\">ImageJ Legacy</a></li>\n              <li><a href=\"/libs/imageja\">ImageJA</a></li>\n              <li><a href=\"/libs/scijava\">SciJava</a></li>\n              <li><a href=\"/libs/scifio\">SCIFIO</a></li>\n\n              <li><details><summary><a href=\"/libs/imglib2\">ImgLib2</a></summary><ul>\n                <li><a href=\"/libs/imglib2/getting-started\">Getting Started</a></li>\n                <li><a href=\"/libs/imglib2/accessors\">Accessors</a></li>\n                <li><a href=\"/libs/imglib2/accessibles\">Accessibles</a></li>\n                <li><a href=\"/libs/imglib2/examples\">Examples</a></li>\n                <li><a href=\"/libs/imglib2/workshop-introductory\">Introductory Workshop</a></li>\n                <li><a href=\"/libs/imglib2/workshop-advanced\">Advanced Workshop</a></li>\n                <li><a href=\"/libs/imglib2/matlab\">ImgLib2 images in MATLAB</a></li>\n                <li><a href=\"/libs/imglib2/benchmarks\">Benchmarks</a></li>\n                <li><a href=\"/libs/imglib2/faq\">FAQ</a></li>\n                <li><a href=\"/libs/imglib2/developing\">Developing ImgLib2</a></li>\n                <li><a href=\"/libs/imglib2/discussion\">ImgLib2 Discussion</a></li>\n              </ul></details></li> <!-- Explore/Libraries/ImgLib2 -->\n              \n              <li><a href=\"/libs\">More...</a></li>\n            </ul></details></li> <!-- Explore/Libraries -->\n\n            <li><details><summary><a href=\"/software\">Software</a></summary><ul>\n              <li><a href=\"/software/nih-image\">NIH Image</a></li>\n              <li><a href=\"/software/imagej\">ImageJ</a></li>\n              <li><a href=\"/software/imagej2\">ImageJ2</a></li>\n              <li><a href=\"/software/fiji\">Fiji</a></li>\n              <li><a href=\"/software\">More...</a></li>\n            </ul></details></li> <!-- Explore/Software -->\n          </ul></details></li> <!-- Explore -->\n        </ul>\n      </div>\n        </ul>\n      </div>\n    </nav>\n\n    <div id=\"dock-overlay-left\" class=\"dock-overlay\" data-dock-target=\"left-column\"></div>\n    <div id=\"dock-overlay-right\" class=\"dock-overlay\" data-dock-target=\"right-column\"></div>\n\n    <!-- Search results -->\n    <div id=\"search-results\">\n  <div id=\"search-hits\"></div>\n  <div id=\"pagination\"></div>\n</div>\n\n    <!-- Scripts -->\n    <!-- Libraries -->\n<script src=\"/assets/js/jquery.min.js\"></script>\n<script src=\"/assets/js/jquery.scrolly.min.js\"></script>\n<script src=\"/assets/js/browser.min.js\"></script>\n<script src=\"/assets/js/breakpoints.min.js\"></script>\n<script src=\"/assets/js/util.js\"></script>\n<script src=\"/assets/js/jquery.toc.js\"></script>\n<script src=\"/assets/js/lightbox.min.js\"></script>\n<!-- Extensions -->\n\n<!-- Site code -->\n<script src=\"/assets/js/main.js\"></script>\n<script src=\"/assets/js/dock.js\"></script>\n<script src=\"/assets/js/code.js\"></script>\n<!-- Anchors -->\n<script src=\"https://cdn.jsdelivr.net/npm/anchor-js/anchor.min.js\"></script>\n<script>anchors.add('#page h1, #page h2, #page h3, #page h4, #page h5, #page h6');</script>\n<!-- Citations -->\n<script type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/citation-js@0.4.0-9\"></script>\n<script src=\"/assets/js/cite.js\"></script>\n<!-- Search -->\n<script type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/algoliasearch/3.32.0/algoliasearchLite.min.js\"></script>\n<script type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/instantsearch.js@4.21.0\"></script>\n<script src=\"/assets/js/search.js\"></script>\n<script src=\"/assets/js/search-tweaks.js\"></script>\n  </body>\n</html>\n",
    "previous": {
      "content": "<p>There are two kinds of sources which can be cited:</p>\n\n<table>\n  <tbody>\n    <tr>\n      <td><code class=\"language-plaintext highlighter-rouge\">include citation</code></td>\n      <td>cite a publication</td>\n    </tr>\n    <tr>\n      <td><code class=\"language-plaintext highlighter-rouge\">include testimonial</code></td>\n      <td>insert a personal quote from a <a href=\"/people\">person</a></td>\n    </tr>\n  </tbody>\n</table>\n\n<h1 id=\"citing-publications\">Citing publications</h1>\n\n<p>The <code class=\"language-plaintext highlighter-rouge\">citation</code> include is used to cite a publication.</p>\n\n<h2 id=\"citing-by-doi\">Citing by DOI</h2>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">citation</span><span class=\"w\"> </span><span class=\"na\">doi</span><span class=\"o\">=</span><span class=\"s1\">'10.1038/514550a'</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p><span class=\"citation\" data-citation-id=\"10.1038/514550a\" data-citation-style=\"apa\"><a href=\"https://doi.org/10.1038/514550a\">doi:10.1038/514550a</a></span></p>\n\n    </div>\n</div>\n</div>\n\n<h3 id=\"citation-styles\">Citation styles</h3>\n\n<p>The default citation style is APA, but Harvard and Vancouver styles are also supported:</p>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">citation</span><span class=\"w\"> </span><span class=\"na\">doi</span><span class=\"o\">=</span><span class=\"s1\">'10.1038/514550a'</span><span class=\"w\"> </span><span class=\"na\">style</span><span class=\"o\">=</span><span class=\"s1\">'harvard1'</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p><span class=\"citation\" data-citation-id=\"10.1038/514550a\" data-citation-style=\"harvard1\"><a href=\"https://doi.org/10.1038/514550a\">doi:10.1038/514550a</a></span></p>\n\n    </div>\n</div>\n</div>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">citation</span><span class=\"w\"> </span><span class=\"na\">doi</span><span class=\"o\">=</span><span class=\"s1\">'10.1038/514550a'</span><span class=\"w\"> </span><span class=\"na\">style</span><span class=\"o\">=</span><span class=\"s1\">'vancouver'</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p><span class=\"citation\" data-citation-id=\"10.1038/514550a\" data-citation-style=\"vancouver\"><a href=\"https://doi.org/10.1038/514550a\">doi:10.1038/514550a</a></span></p>\n\n    </div>\n</div>\n</div>\n\n<div class=\"notice\" style=\"font-size: 2; background: #e6e6e6; border-left: 10px solid #bdbdbd\"><div class=\"notice-icon\"><img src=\"/media/icons/tech.png\" /></div><div class=\"notice-content\"><p>All of these features are driven by the\n  <a href=\"https://citation.js.org/\">citation-js</a> library,\n  which is very powerful, even supporting\n  <a href=\"https://github.com/citation-js/citation-js/blob/3f3eee0813c7d578a454c34e402fa342d0693cfa/packages/plugin-csl/README.md#templates\">your own custom CSL template</a>,\n  if you having extra time burning a hole in your continuum.</p>\n</div>\n</div>\n\n<h2 id=\"citing-by-wiki-page-url\">Citing by wiki page URL</h2>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">citation</span><span class=\"w\"> </span><span class=\"na\">id</span><span class=\"o\">=</span><span class=\"s2\">\"plugins/3d-viewer\"</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p><span class=\"citation\" data-citation-id=\"10.1186/1471-2105-11-274\" data-citation-style=\"apa\"><a href=\"https://doi.org/10.1186/1471-2105-11-274\">doi:10.1186/1471-2105-11-274</a></span></p>\n\n    </div>\n</div>\n</div>\n\n<p>The DOI used is pulled from the front matter of the given wiki page URL.</p>\n\n<div class=\"notice\" style=\"font-size: 2; background: #dedede; border-left: 10px solid #7e7e7e\"><div class=\"notice-icon\"><span class=\"\">&#128161;</span></div><div class=\"notice-content\">\n<p>If you want to cite the publication(s) associated with the current page, you\ncan simply write <code class=\"language-plaintext highlighter-rouge\">{% include citation %}</code> with no\narguments, and the DOI will be pulled from the front matter at the top.</p>\n</div>\n</div>\n\n<h3 id=\"multiple-citations\">Multiple citations</h3>\n\n<p>Some wiki pages have multiple publications associated with them.\nIn that case, all citations will be shown in the list:</p>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">citation</span><span class=\"w\"> </span><span class=\"na\">id</span><span class=\"o\">=</span><span class=\"s2\">\"software/cellprofiler\"</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <ul><li><span class=\"citation\" data-citation-id=\"10.1186/gb-2006-7-10-r100\" data-citation-style=\"apa\"><a href=\"https://doi.org/10.1186/gb-2006-7-10-r100\">doi:10.1186/gb-2006-7-10-r100</a></span></li><li><span class=\"citation\" data-citation-id=\"10.1093/bioinformatics/btr095\" data-citation-style=\"apa\"><a href=\"https://doi.org/10.1093/bioinformatics/btr095\">doi:10.1093/bioinformatics/btr095</a></span></li><li><span class=\"citation\" data-citation-id=\"10.1371/journal.pbio.2005970\" data-citation-style=\"apa\"><a href=\"https://doi.org/10.1371/journal.pbio.2005970\">doi:10.1371/journal.pbio.2005970</a></span></li></ul>\n\n    </div>\n</div>\n</div>\n\n<h1 id=\"testimonials\">Testimonials</h1>\n\n<p>The <code class=\"language-plaintext highlighter-rouge\">testimonial</code> include is used to quote an individual. Available fields:</p>\n\n<table>\n  <tbody>\n    <tr>\n      <td><strong>person</strong></td>\n      <td>any user from <a href=\"/people#list-of-contributors\">this list</a></td>\n    </tr>\n    <tr>\n      <td><strong>quote</strong></td>\n      <td>the text that will be displayed</td>\n    </tr>\n    <tr>\n      <td><strong>source</strong></td>\n      <td>a link to the original quotation</td>\n    </tr>\n  </tbody>\n</table>\n\n<aside class=\"sidebox\">\n\n\n<div><p><img src=\"https://gravatar.com/avatar/63df759e2779af56fd050a968ff98d09\" style=\"float: left; margin-right: 0.5em\" width=\"64\" height=\"64\" /><span>ON VACATION UNTIL OCTOBER 5. For real this time!</span><br />—<span>Curtis Rueden <span style=\"font-size: smaller\">[<a href=\"https://forum.image.sc/t/42450\">Source</a>]</span></span></p>\n</div>\n</aside>\n\n<p><em>The following liquid code:</em></p>\n<div class=\"language-plaintext highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code>{% include testimonial person='ctrueden'\n  quote='ON VACATION UNTIL OCTOBER 5. For real this time!'\n  source='https://forum.image.sc/t/42450' %}\n</code></pre></div></div>\n<p>produces the testimonial shown here.</p>\n\n<h1 id=\"creating-footnotes\">Creating footnotes</h1>\n\n<h2 id=\"in-your-document\">In your document</h2>\n\n<p>Use the\n<a href=\"https://kramdown.gettalong.org/quickref.html#footnotes\">kramdown syntax</a>\nin your document to refer to footnotes by number.</p>\n\n<div class=\"notice\" style=\"font-size: 2; background: #e6e6e6; border-left: 10px solid #901913\"><div class=\"notice-icon\"><img src=\"/media/icons/note.svg\" width=\"32\" /></div><div class=\"notice-content\"><p>Regardless of where the liquid reference\n  appears in your document, footnote text will always be at the bottom.</p>\n</div>\n</div>\n\n<h2 id=\"in-your-citation\">In your citation</h2>\n\n<p>Specify the footnote number in the <code class=\"language-plaintext highlighter-rouge\">include</code>.</p>\n\n<p><em>The following markdown and liquid code:</em></p>\n\n<div class=\"language-plaintext highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code>This is a reference[^1].\n\n{% include citation fn=1 doi='10.1371/journal.pone.0038011' %}\n</code></pre></div></div>\n\n<p><em>produces:</em></p>\n\n<p>This is a reference<sup id=\"fnref:1\" role=\"doc-noteref\"><a href=\"#fn:1\" class=\"footnote\" rel=\"footnote\">1</a></sup>.</p>\n\n<div class=\"footnotes\" role=\"doc-endnotes\">\n  <ol>\n    <li id=\"fn:1\" role=\"doc-endnote\">\n      <p><span class=\"citation\" data-citation-id=\"10.1371/journal.pone.0038011\" data-citation-style=\"apa\"><a href=\"https://doi.org/10.1371/journal.pone.0038011\">doi:10.1371/journal.pone.0038011</a></span> <a href=\"#fnref:1\" class=\"reversefootnote\" role=\"doc-backlink\">&#8617;</a></p>\n    </li>\n  </ol>\n</div>\n",
      "output": "<!DOCTYPE html>\n<html>\n  <head>\n    <title>Citations</title>\n        <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=3\" />\n    <meta content=\"ImageJ Wiki\" property=\"og:site_name\">\n    <meta content=\"Citations\" property=\"og:title\">\n    <meta content=\"article\" property=\"og:type\">\n    <meta content=\"This page demonstrates how to cite sources.\" property=\"og:description\">\n    <meta content=\"https://imagej.github.io/editing/citations\" property=\"og:url\">\n    <meta content=\"https://imagej.github.io/media/icons/imagej2.png\" property=\"og:image\">\n    <link rel=\"shortcut icon\" href=\"/favicon.png\">\n    <link rel=\"stylesheet\" href=\"/assets/css/lightbox.min.css\" />\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css\"/>\n    <script type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/dygraphs@2.1.0/dist/dygraph.min.js\"></script>\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/dygraphs@2.1.0/dist/dygraph.min.css\" />\n    <link rel=\"stylesheet\" href=\"/assets/css/main.css\" />\n    <link rel=\"stylesheet\" href=\"/assets/css/layout.css\"/>\n    <link rel=\"stylesheet\" href=\"/assets/css/includes.css\" />\n    <link rel=\"stylesheet\" href=\"/assets/css/timeline.css\"/>\n    <link rel=\"stylesheet\" href=\"/assets/css/dock.css\"/>\n    <noscript><link rel=\"stylesheet\" href=\"/assets/css/noscript.css\" /></noscript>\n    <link rel=\"stylesheet\" href=\"/assets/css/page.css\" />\n  </head>\n  <body class=\"is-preload\">\n    <!-- Top bar -->\n    <section id=\"top-bar\">\n  <a href=\"/\"><img id=\"site-logo\" src=\"/media/icons/imagej2.png\"></a>\n  <div id=\"search-panel\">\n    <div id=\"search-box\"></div>\n  </div>\n</section>\n\n    <!-- Page-info -->\n    <div class=\"page-info\"> \n  <a href=\"https://github.com/imagej/imagej.github.io/commits/main/_pages/editing/citations.md\">Page history</a>\n  <a href=\"https://github.com/imagej/imagej.github.io/edit/main/_pages/editing/citations.md\">Edit this page</a>\n  <a href=\"/editing\">How do I edit this website?</a></div>\n\n    <section id=\"left-column\" class=\"sidebar dock\">\n      <!-- Menu -->\n      <div class=\"menu dockable\">\n        <div class=\"drag-handle\"></div><h3>ImageJ Docs</h3>\n        <ul>\n          <li><a href=\"/downloads\">Download</a></li>\n\n          <li><details><summary>Learn</summary><ul>\n            <li><details><summary><a href=\"/learn\">ImageJ Basics</a></summary><ul>\n              <li><a href=\"/tutorials\">Tutorials</a></li>\n              <li><a href=\"/learn/user-guides\">User Guides</a></li>\n              <li><a href=\"/learn/keyboard-shortcuts\">Keyboard Shortcuts</a></li>\n              <li><a href=\"/learn/tips-and-tricks\">Tips and Tricks</a></li>\n              <li><a href=\"/learn/troubleshooting\">Troubleshooting</a></li>\n              <li><a href=\"/learn/faq\">Frequently Asked Questions</a></li>\n\n              <li><details><summary><a href=\"/platforms\">Supported Platforms</a></summary><ul>\n                <li><a href=\"/platforms/windows\">Windows</a></li>\n                <li><a href=\"/platforms/macos\">MacOS</a></li>\n                <li><a href=\"/platforms/linux\">Linux</a></li>\n                <li><a href=\"/platforms/pi\">Raspberry Pi</a></li>\n                <li><a href=\"/platforms/android\">Android</a></li>\n              </ul></details></li> <!-- Learn/ImageJ Basics/Supported Platforms -->\n\n              <li><details><summary><a href=\"/formats\">File Formats</a></summary><ul>\n                <li><a href=\"/formats/bio-formats\">Bio-Formats</a></li>\n                <li><a href=\"/formats/video\">Video formats</a></li>\n                <li><a href=\"/formats/quicktime\">QuickTime</a></li>\n                <li><a href=\"/formats/tiff\">TIFF</a></li>\n                <li><a href=\"/formats/pdf\">PDF</a></li>\n                <li><a href=\"/formats/dicom\">DICOM</a></li>\n                <li><a href=\"/formats/lsm\">Zeiss LSM</a></li>\n                <li><a href=\"/formats/olympus\">Olympus VSI</a></li>\n                <li><a href=\"/formats/lurawave\">Opera Flex</a></li>\n                <li><a href=\"/formats/fib-sem\">FIB-SEM</a></li>\n              </ul></details></li> <!-- Learn/ImageJ Basics/File Formats -->\n            </ul></details></li> <!-- Learn/ImageJ -->\n\n            <li><details><summary><a href=\"/imaging\">Scientific Imaging</a></summary><ul>\n              <li><a href=\"/imaging/principles\">Principles of Scientific Imaging</a></li>\n              <li><a href=\"/imaging/annotating-images\">Annotating Images</a></li>\n              <li><a href=\"/imaging/colocalization-analysis\">Colocalization</a></li>\n              <li><a href=\"/imaging/color-image-processing\">Color Image Processing</a></li>\n              <li><a href=\"/imaging/deconvolution\">Deconvolution</a></li>\n              <li><a href=\"/imaging/image-intensity-processing\">Image Intensity Processing</a></li>\n              <li><a href=\"/imaging/particle-analysis\">Particle Analysis</a></li>\n              <li><a href=\"/imaging/registration\">Registration</a></li>\n              <li><a href=\"/imaging/segmentation\">Segmentation</a></li>\n              <li><a href=\"/imaging/stack-slice-manipulations\">Stack-slice Manipulations</a></li>\n              <li><a href=\"/imaging/t-functions\">T-functions</a></li>\n              <li><a href=\"/imaging/tracking\">Tracking</a></li>\n              <li><a href=\"/imaging/visualization\">Visualization</a></li>\n              <li><a href=\"/imaging/z-functions\">Z-functions</a></li>\n            </ul></details></li> <!-- Learn/Scientific Imaging -->\n          </ul></details></li> <!-- Learn -->\n\n          <li><details><summary><a href=\"/plugins\">Extend</a></summary><ul>\n            <li><a href=\"/list-of-extensions\">List of Extensions</a></li>\n\n            <li><details><summary><a href=\"/update-sites\">Update Sites</a></summary><ul>\n              <li><a href=\"/list-of-update-sites\">List of Update Sites</a></li>\n              <li><a href=\"/update-sites/following\">Following an Update Site</a></li>\n              <li><a href=\"/update-sites/setup\">Creating an Update Site</a></li>\n              <li><a href=\"/update-sites/tos\">Terms of Service</a></li>\n              <li><a href=\"/update-sites/automatic-uploads\">Automatic Upload</a></li>\n              <li><a href=\"/update-sites/core-uploads\">Uploading to Core Sites</a></li>\n              <li><a href=\"/update-sites/faq\">Update Sites FAQ</a></li>\n              <li><a href=\"/update-sites/stats\">Statistics</a></li>\n            </ul></details></li> <!-- Extend/Update Sites -->\n\n            <li><details><summary><a href=\"/scripting\">Scripting</a></summary><ul>\n              <li><a href=\"/scripting/batch\">Batch Processing</a></li>\n              <li><a href=\"/scripting/basics\">Scripting Basics</a></li>\n              <li><a href=\"/scripting/user-input\">User Input</a></li>\n              <li><a href=\"/scripting/how-to-use-the-javadoc\">Using Javadocs</a></li>\n              <li><a href=\"/scripting/script-editor\">Script Editor</a></li>\n              <li><a href=\"/scripting/auto-imports\">Auto Import</a></li>\n              <li><a href=\"/scripting/templates\">Templates</a></li>\n              <li><a href=\"/scripting/headless\">Running Headlessly</a></li>\n              <li><a href=\"/scripting/comparisons\">Scripting Comparisons</a></li>\n              <li><a href=\"/scripting/toolbox\">Toolbox</a></li>\n\n              <li><details><summary>Languages</summary><ul>\n                <li><a href=\"/scripting/beanshell\">BeanShell Scripting</a></li>\n                <li><a href=\"/scripting/groovy\">Groovy Scripting</a></li>\n                <li><a href=\"/scripting/macro\">ImageJ Macro</a></li>\n                <li><a href=\"/scripting/javascript\">JavaScript</a></li>\n                <li><a href=\"/scripting/batch\">Batch Processing</a></li>\n                <li><a href=\"/scripting/clojure\">Lisp (Clojure)</a></li>\n                <li><a href=\"/scripting/matlab\">MATLAB</a></li>\n                <li><a href=\"/scripting/jython\">Python (Jython)</a></li>\n                <li><a href=\"/scripting/renjin\">R (Renjin)</a></li>\n                <li><a href=\"/scripting/jruby\">Ruby (JRuby)</a></li>\n                <li><a href=\"/scripting/scala\">Scala Scripting</a></li>\n              </ul></details></li> <!-- Extend/Scripting/Languages -->\n            </ul></details></li> <!-- Extend/Scripting -->\n\n            <li><details><summary><a href=\"/develop\">Development</a></summary><ul>\n              <li><a href=\"/develop/philosophy\">Philosophy</a></li>\n              <li><a href=\"/develop/architecture\">Architecture</a></li>\n              <li><a href=\"/develop/source\">Source code</a></li>\n              <li><a href=\"/develop/project-management\">Project management</a></li>\n              <li><a href=\"/develop/coding-style\">Coding style</a></li>\n              <li><a href=\"/develop/debugging\">Debugging</a></li>\n              <li><a href=\"/develop/wish-list\">Wish list</a></li>\n\n              <li><details><summary>Tools</summary><ul>\n                <li><a href=\"/develop/github\">GitHub</a></li>\n                <li><a href=\"/develop/maven\">Maven</a></li>\n\n                <li><details><summary><a href=\"/develop/ides\">IDEs</a></summary><ul>\n                  <li><a href=\"/develop/eclipse\">Eclipse</a></li>\n                  <li><a href=\"/develop/netbeans\">NetBeans</a></li>\n                  <li><a href=\"/develop/intellij\">IntelliJ IDEA</a></li>\n                  <li><a href=\"/develop/command-line\">Command Line</a></li>\n                </ul></details></li>\n\n                <li><a href=\"/develop/github-actions\">Github Actions</a></li>\n                <li><a href=\"/develop/appveyor\">AppVeyor</a></li>\n                <li><a href=\"/develop/dotfiles\">Dotfiles</a></li>\n              </ul></details></li> <!-- Extend/Development/Tools -->\n\n              <li><details><summary>Guides</summary><ul>\n                <li><a href=\"/develop/plugins\">Writing plugins</a></li>\n                <li><a href=\"/develop/improving-the-code\">Contributing to a plugin</a></li>\n                <li><a href=\"/develop/releasing\">Development lifecycle</a></li>\n                <li><a href=\"/develop/building-a-pom\">Building a POM</a></li>\n                <hr>\n                <li><a href=\"/develop/debugging-exercises\">Hands-on debugging</a></li>\n                <li><a href=\"/develop/writing-ops\">Adding new ops</a></li>\n                <li><a href=\"/develop/formats\">Adding new formats</a></li>\n                <li><a href=\"/develop/native-libraries\">Using native libraries</a></li>\n                <li><a href=\"/develop/tips\">Tips for developers</a></li>\n                <li><a href=\"/develop/cpp-tips\">Tips for C++ developers</a></li>\n                <li><a href=\"/develop/ij1-plugins\">ImageJ 1.x plugins</a></li>\n                <li><a href=\"/develop/versioning\">Versioning</a></li>\n                <li><a href=\"/develop/logging\">Logging</a></li>\n                <li><a href=\"/develop/uber-jars\">Uber-JARs</a></li>\n              </ul></details></li> <!-- Extend/Development/Guides -->\n\n              <li><details><summary><a href=\"/develop/git\">Git</a></summary><ul>\n                <li><a href=\"/develop/git/eclipse\">Git in Eclipse (EGit)</a></li>\n                <li><a href=\"/develop/git/mini-howto\">Git mini howto</a></li>\n                <li><a href=\"/develop/git/workshop\">Git workshop</a></li>\n                <li><a href=\"/develop/git/conflicts\">Git conflicts</a></li>\n                <li><a href=\"/develop/git/topic-branches\">Git topic branches</a></li>\n                <li><a href=\"/develop/git/notes\">Git notes</a></li>\n                <li><a href=\"/develop/git/reflogs\">Git reflogs</a></li>\n                <li><a href=\"/develop/git/submodules\">Git submodules</a></li>\n                <li><a href=\"/develop/git/pinpoint-regressions\">How to pinpoint regressions</a></li>\n                <li><a href=\"/develop/git/publish-a-repository\">How to publish a git repository</a></li>\n                <li><a href=\"/develop/git/extract-a-subproject\">How to extract a subproject</a></li>\n              </ul></details></li> <!-- Extend/Development/Git -->\n            </ul></details></li> <!-- Extend/Development -->\n          </ul></details></li> <!-- Extend -->\n\n          <li><details open><summary><a href=\"/contribute\">Contribute</a></summary><ul>\n            <li><a href=\"/contribute/citing\">Citing</a></li>\n            <li><a href=\"/people\">Contributors</a></li>\n            <li><a href=\"/orgs\">Organizations</a></li>\n            <li><a href=\"/contribute/governance\">Governance</a></li>\n            <li><a href=\"/contribute/funding\">Funding</a></li>\n            <li><a href=\"/contribute/fiji\">Contributing to Fiji</a></li>\n\n            <li><details><summary><a href=\"/licensing\">Licensing</a></summary><ul>\n              <li><details><summary><a href=\"/licensing/open-source\">Open Source</a></summary><ul>\n                <li><a href=\"/licensing/apache\">Apache</a></li>\n                <li><a href=\"/licensing/bsd\">BSD</a></li>\n                <li><a href=\"/licensing/gpl\">GPL</a></li>\n                <li><a href=\"/licensing/lgpl\">LGPL</a></li>\n                <li><a href=\"/licensing/mit\">MIT</a></li>\n                <li><a href=\"/licensing/public-domain\">Public domain</a></li>\n              </ul></details></li> <!-- Contribute/Licensing/Open Source -->\n\n              <li><details><summary><a href=\"/licensing/closed-source\">Proprietary</a></summary><ul>\n                <li><a href=\"/licensing/big\">BIG</a></li>\n              </ul></details></li> <!-- Contribute/Licensing/Proprietary -->\n            </ul></details></li> <!-- Contribute/Licensing -->\n\n            <li><details open><summary><a href=\"/editing\">Editing the Wiki</a></summary><ul>\n              <li><a href=\"/editing/advanced\">Advanced Editing</a></li>\n              <li><a href=\"/editing/buttons\">Buttons</a></li>\n              <li><a class=\"current-page\">Citations</a></li>\n              <li><a href=\"/editing/code\">Source Code</a></li>\n              <li><a href=\"/editing/debugging\">Debugging</a></li>\n              <li><a href=\"/editing/headers\">Headers</a></li>\n              <li><a href=\"/editing/icons\">Icons</a></li>\n              <li><a href=\"/editing/images\">Images</a></li>\n              <li><a href=\"/editing/keys\">Keyboard Shortcuts</a></li>\n              <li><a href=\"/editing/linking\">Linking</a></li>\n              <li><a href=\"/editing/math\">Math Expressions</a></li>\n              <li><a href=\"/editing/menu-paths\">Menu Paths</a></li>\n              <li><a href=\"/editing/navigation\">Navigation</a></li>\n              <li><a href=\"/editing/notices\">Notices</a></li>\n              <li><a href=\"/editing/people\">People</a></li>\n              <li><a href=\"/editing/pitfalls\">Pitfalls</a></li>\n              <li><a href=\"/editing/quizzes\">Quizzes</a></li>\n              <li><a href=\"/editing/symbols\">Symbols</a></li>\n              <li><a href=\"/editing/tables\">Tables</a></li>\n              <li><a href=\"/editing/timelines\">Timelines</a></li>\n              <li><a href=\"/editing/tooltips\">Tooltips</a></li>\n              <li><a href=\"/editing/videos\">Videos</a></li>\n              <li><a href=\"/editing/whitespace\">Whitespace</a></li>\n            </ul></details></li> <!-- Contribute/Editing the Wiki -->\n          </ul></details></li> <!-- Contribute -->\n\n          <li><details><summary><a href=\"/discuss\">Discuss</a></summary><ul>\n            <li><a href=\"/discuss/bugs\">Reporting Issues</a></li>\n            <li><a href=\"/discuss/mailing-lists\">Mailing Lists</a></li>\n            <li><a href=\"/discuss/chat\">Chat</a></li>\n          </ul></details></li> <!-- Discuss -->\n\n          <li><details><summary>Explore</summary><ul>\n            <li><a href=\"/news\">News</a></li>\n\n            <li><details><summary><a href=\"/events\">Events</a></summary><ul>\n              <li><a href=\"/events/presentations\">Presentations</a></li>\n              <li><a href=\"/events/conferences\">Conferences</a></li>\n              <li><a href=\"/events/hackathons\">Hackathons</a></li>\n              <li><a href=\"/events\">More...</a></li>\n            </ul></details></li> <!-- Discuss/Events -->\n\n            <li><details><summary><a href=\"/libs\">Libraries</a></summary><ul>\n              <li><a href=\"/libs/imagej-ops\">ImageJ Ops</a></li>\n              <li><a href=\"/libs/imagej-common\">ImageJ Common</a></li>\n              <li><a href=\"/libs/imagej-legacy\">ImageJ Legacy</a></li>\n              <li><a href=\"/libs/imageja\">ImageJA</a></li>\n              <li><a href=\"/libs/scijava\">SciJava</a></li>\n              <li><a href=\"/libs/scifio\">SCIFIO</a></li>\n\n              <li><details><summary><a href=\"/libs/imglib2\">ImgLib2</a></summary><ul>\n                <li><a href=\"/libs/imglib2/getting-started\">Getting Started</a></li>\n                <li><a href=\"/libs/imglib2/accessors\">Accessors</a></li>\n                <li><a href=\"/libs/imglib2/accessibles\">Accessibles</a></li>\n                <li><a href=\"/libs/imglib2/examples\">Examples</a></li>\n                <li><a href=\"/libs/imglib2/workshop-introductory\">Introductory Workshop</a></li>\n                <li><a href=\"/libs/imglib2/workshop-advanced\">Advanced Workshop</a></li>\n                <li><a href=\"/libs/imglib2/matlab\">ImgLib2 images in MATLAB</a></li>\n                <li><a href=\"/libs/imglib2/benchmarks\">Benchmarks</a></li>\n                <li><a href=\"/libs/imglib2/faq\">FAQ</a></li>\n                <li><a href=\"/libs/imglib2/developing\">Developing ImgLib2</a></li>\n                <li><a href=\"/libs/imglib2/discussion\">ImgLib2 Discussion</a></li>\n              </ul></details></li> <!-- Explore/Libraries/ImgLib2 -->\n              \n              <li><a href=\"/libs\">More...</a></li>\n            </ul></details></li> <!-- Explore/Libraries -->\n\n            <li><details><summary><a href=\"/software\">Software</a></summary><ul>\n              <li><a href=\"/software/nih-image\">NIH Image</a></li>\n              <li><a href=\"/software/imagej\">ImageJ</a></li>\n              <li><a href=\"/software/imagej2\">ImageJ2</a></li>\n              <li><a href=\"/software/fiji\">Fiji</a></li>\n              <li><a href=\"/software\">More...</a></li>\n            </ul></details></li> <!-- Explore/Software -->\n          </ul></details></li> <!-- Explore -->\n        </ul>\n      </div>\n    </section>\n\n    <section id=\"right-column\" class=\"sidebar dock\">\n      <!-- Vital stats -->\n      \n\n      <!-- Table of contents -->\n      <div id=\"toc\" class=\"toc menu dockable\">\n        <div class=\"drag-handle\"></div>\n        <h3>Page contents</h3>\n        <ul data-toc=\"#content\" data-toc-headings=\"h1,h2,h3,h4,h5,h6\"></ul>\n      </div>\n    </section>\n\n    <!-- Page title -->\n    <div class=\"container\">\n      <header class=\"major special\">\n        <h1>Citations</h1>\n      </header>\n    </div>\n\n    <!-- Nav bar -->\n    <div id=\"nav-bar\"><ul class=\"shadowed-box\"><li><a href=\"/editing/index\">Introduction</a></li><li><a href=\"/editing/advanced\">Advanced&nbsp;Editing</a></li><li><a href=\"/editing/buttons\">Buttons</a></li><li>Citations</li><li><a href=\"/editing/code\">Source&nbsp;Code</a></li><li><a href=\"/editing/debugging\">Debugging</a></li><li><a href=\"/editing/dokuwiki-migration\">DokuWiki&nbsp;Migration</a></li><li><a href=\"/editing/headers\">Headers</a></li><li><a href=\"/editing/icons\">Icons</a></li><li><a href=\"/editing/images\">Images</a></li><li><a href=\"/editing/keys\">Keyboard&nbsp;Shortcuts</a></li><li><a href=\"/editing/linking\">Linking</a></li><li><a href=\"/editing/math\">Math&nbsp;Expressions</a></li><li><a href=\"/editing/menu-paths\">Menu&nbsp;Paths</a></li><li><a href=\"/editing/navigation\">Navigation</a></li><li><a href=\"/editing/notices\">Notices</a></li><li><a href=\"/editing/people\">People</a></li><li><a href=\"/editing/pitfalls\">Pitfalls</a></li><li><a href=\"/editing/quizzes\">Quizzes</a></li><li><a href=\"/editing/statbox\">Statbox</a></li><li><a href=\"/editing/symbols\">Symbols</a></li><li><a href=\"/editing/tables\">Tables</a></li><li><a href=\"/editing/timelines\">Timelines</a></li><li><a href=\"/editing/tooltips\">Tooltips</a></li><li><a href=\"/editing/videos\">Videos</a></li><li><a href=\"/editing/whitespace\">Whitespace</a></li></ul></div>\n\n    <!-- Main content -->\n    <section id=\"page\" class=\"main style1\">\n      <div class=\"container\">\n        <div class=\"box alt\"></div>\n        <div id=\"content\" class=\"page-content\">\n          \n          <p>There are two kinds of sources which can be cited:</p>\n\n<table>\n  <tbody>\n    <tr>\n      <td><code class=\"language-plaintext highlighter-rouge\">include citation</code></td>\n      <td>cite a publication</td>\n    </tr>\n    <tr>\n      <td><code class=\"language-plaintext highlighter-rouge\">include testimonial</code></td>\n      <td>insert a personal quote from a <a href=\"/people\">person</a></td>\n    </tr>\n  </tbody>\n</table>\n\n<h1 id=\"citing-publications\">Citing publications</h1>\n\n<p>The <code class=\"language-plaintext highlighter-rouge\">citation</code> include is used to cite a publication.</p>\n\n<h2 id=\"citing-by-doi\">Citing by DOI</h2>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">citation</span><span class=\"w\"> </span><span class=\"na\">doi</span><span class=\"o\">=</span><span class=\"s1\">'10.1038/514550a'</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p><span class=\"citation\" data-citation-id=\"10.1038/514550a\" data-citation-style=\"apa\"><a href=\"https://doi.org/10.1038/514550a\">doi:10.1038/514550a</a></span></p>\n\n    </div>\n</div>\n</div>\n\n<h3 id=\"citation-styles\">Citation styles</h3>\n\n<p>The default citation style is APA, but Harvard and Vancouver styles are also supported:</p>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">citation</span><span class=\"w\"> </span><span class=\"na\">doi</span><span class=\"o\">=</span><span class=\"s1\">'10.1038/514550a'</span><span class=\"w\"> </span><span class=\"na\">style</span><span class=\"o\">=</span><span class=\"s1\">'harvard1'</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p><span class=\"citation\" data-citation-id=\"10.1038/514550a\" data-citation-style=\"harvard1\"><a href=\"https://doi.org/10.1038/514550a\">doi:10.1038/514550a</a></span></p>\n\n    </div>\n</div>\n</div>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">citation</span><span class=\"w\"> </span><span class=\"na\">doi</span><span class=\"o\">=</span><span class=\"s1\">'10.1038/514550a'</span><span class=\"w\"> </span><span class=\"na\">style</span><span class=\"o\">=</span><span class=\"s1\">'vancouver'</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p><span class=\"citation\" data-citation-id=\"10.1038/514550a\" data-citation-style=\"vancouver\"><a href=\"https://doi.org/10.1038/514550a\">doi:10.1038/514550a</a></span></p>\n\n    </div>\n</div>\n</div>\n\n<div class=\"notice\" style=\"font-size: 2; background: #e6e6e6; border-left: 10px solid #bdbdbd\"><div class=\"notice-icon\"><img src=\"/media/icons/tech.png\" /></div><div class=\"notice-content\"><p>All of these features are driven by the\n  <a href=\"https://citation.js.org/\">citation-js</a> library,\n  which is very powerful, even supporting\n  <a href=\"https://github.com/citation-js/citation-js/blob/3f3eee0813c7d578a454c34e402fa342d0693cfa/packages/plugin-csl/README.md#templates\">your own custom CSL template</a>,\n  if you having extra time burning a hole in your continuum.</p>\n</div>\n</div>\n\n<h2 id=\"citing-by-wiki-page-url\">Citing by wiki page URL</h2>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">citation</span><span class=\"w\"> </span><span class=\"na\">id</span><span class=\"o\">=</span><span class=\"s2\">\"plugins/3d-viewer\"</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <p><span class=\"citation\" data-citation-id=\"10.1186/1471-2105-11-274\" data-citation-style=\"apa\"><a href=\"https://doi.org/10.1186/1471-2105-11-274\">doi:10.1186/1471-2105-11-274</a></span></p>\n\n    </div>\n</div>\n</div>\n\n<p>The DOI used is pulled from the front matter of the given wiki page URL.</p>\n\n<div class=\"notice\" style=\"font-size: 2; background: #dedede; border-left: 10px solid #7e7e7e\"><div class=\"notice-icon\"><span class=\"\">&#128161;</span></div><div class=\"notice-content\">\n<p>If you want to cite the publication(s) associated with the current page, you\ncan simply write <code class=\"language-plaintext highlighter-rouge\">{% include citation %}</code> with no\narguments, and the DOI will be pulled from the front matter at the top.</p>\n</div>\n</div>\n\n<h3 id=\"multiple-citations\">Multiple citations</h3>\n\n<p>Some wiki pages have multiple publications associated with them.\nIn that case, all citations will be shown in the list:</p>\n\n<div class=\"example\">\n<div>\n<p>Code</p>\n\n<figure class=\"highlight\"><pre><code class=\"language-liquid\" data-lang=\"liquid\"><span class=\"p\">{%</span><span class=\"w\"> </span><span class=\"nt\">include</span><span class=\"w\"> </span><span class=\"nv\">citation</span><span class=\"w\"> </span><span class=\"na\">id</span><span class=\"o\">=</span><span class=\"s2\">\"software/cellprofiler\"</span><span class=\"w\"> </span><span class=\"p\">%}</span></code></pre></figure>\n\n</div>\n<div>\n<p>Result</p>\n<div>\n\n      <ul><li><span class=\"citation\" data-citation-id=\"10.1186/gb-2006-7-10-r100\" data-citation-style=\"apa\"><a href=\"https://doi.org/10.1186/gb-2006-7-10-r100\">doi:10.1186/gb-2006-7-10-r100</a></span></li><li><span class=\"citation\" data-citation-id=\"10.1093/bioinformatics/btr095\" data-citation-style=\"apa\"><a href=\"https://doi.org/10.1093/bioinformatics/btr095\">doi:10.1093/bioinformatics/btr095</a></span></li><li><span class=\"citation\" data-citation-id=\"10.1371/journal.pbio.2005970\" data-citation-style=\"apa\"><a href=\"https://doi.org/10.1371/journal.pbio.2005970\">doi:10.1371/journal.pbio.2005970</a></span></li></ul>\n\n    </div>\n</div>\n</div>\n\n<h1 id=\"testimonials\">Testimonials</h1>\n\n<p>The <code class=\"language-plaintext highlighter-rouge\">testimonial</code> include is used to quote an individual. Available fields:</p>\n\n<table>\n  <tbody>\n    <tr>\n      <td><strong>person</strong></td>\n      <td>any user from <a href=\"/people#list-of-contributors\">this list</a></td>\n    </tr>\n    <tr>\n      <td><strong>quote</strong></td>\n      <td>the text that will be displayed</td>\n    </tr>\n    <tr>\n      <td><strong>source</strong></td>\n      <td>a link to the original quotation</td>\n    </tr>\n  </tbody>\n</table>\n\n<aside class=\"sidebox\">\n\n\n<div><p><img src=\"https://gravatar.com/avatar/63df759e2779af56fd050a968ff98d09\" style=\"float: left; margin-right: 0.5em\" width=\"64\" height=\"64\" /><span>ON VACATION UNTIL OCTOBER 5. For real this time!</span><br />—<span>Curtis Rueden <span style=\"font-size: smaller\">[<a href=\"https://forum.image.sc/t/42450\">Source</a>]</span></span></p>\n</div>\n</aside>\n\n<p><em>The following liquid code:</em></p>\n<div class=\"language-plaintext highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code>{% include testimonial person='ctrueden'\n  quote='ON VACATION UNTIL OCTOBER 5. For real this time!'\n  source='https://forum.image.sc/t/42450' %}\n</code></pre></div></div>\n<p>produces the testimonial shown here.</p>\n\n<h1 id=\"creating-footnotes\">Creating footnotes</h1>\n\n<h2 id=\"in-your-document\">In your document</h2>\n\n<p>Use the\n<a href=\"https://kramdown.gettalong.org/quickref.html#footnotes\">kramdown syntax</a>\nin your document to refer to footnotes by number.</p>\n\n<div class=\"notice\" style=\"font-size: 2; background: #e6e6e6; border-left: 10px solid #901913\"><div class=\"notice-icon\"><img src=\"/media/icons/note.svg\" width=\"32\" /></div><div class=\"notice-content\"><p>Regardless of where the liquid reference\n  appears in your document, footnote text will always be at the bottom.</p>\n</div>\n</div>\n\n<h2 id=\"in-your-citation\">In your citation</h2>\n\n<p>Specify the footnote number in the <code class=\"language-plaintext highlighter-rouge\">include</code>.</p>\n\n<p><em>The following markdown and liquid code:</em></p>\n\n<div class=\"language-plaintext highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code>This is a reference[^1].\n\n{% include citation fn=1 doi='10.1371/journal.pone.0038011' %}\n</code></pre></div></div>\n\n<p><em>produces:</em></p>\n\n<p>This is a reference<sup id=\"fnref:1\" role=\"doc-noteref\"><a href=\"#fn:1\" class=\"footnote\" rel=\"footnote\">1</a></sup>.</p>\n\n<div class=\"footnotes\" role=\"doc-endnotes\">\n  <ol>\n    <li id=\"fn:1\" role=\"doc-endnote\">\n      <p><span class=\"citation\" data-citation-id=\"10.1371/journal.pone.0038011\" data-citation-style=\"apa\"><a href=\"https://doi.org/10.1371/journal.pone.0038011\">doi:10.1371/journal.pone.0038011</a></span> <a href=\"#fnref:1\" class=\"reversefootnote\" role=\"doc-backlink\">&#8617;</a></p>\n    </li>\n  </ol>\n</div>\n\n        </div>\n      </div>\n    </section>\n\n    <!-- Footer -->\n    <section id=\"footer\">\n  <ul class=\"icons\">\n    <li><a href=\"https://forum.image.sc/tag/imagej\" class=\"icon alt\"><img src=\"/media/icons/image-sc.png\" width=\"24\" style=\"vertical-align: middle; margin-top: -10px\"><span class=\"label\">Forum</span></a></li>\n\n    <li><a href=\"https://twitter.com/hashtag/ImageJ\" class=\"icon brands alt fa-twitter\"><span class=\"label\">Twitter</span></a></li>\n    <li><a href=\"https://github.com/imagej\" class=\"icon brands alt fa-github\"><span class=\"label\">GitHub</span></a></li>\n  </ul>\n  <ul class=\"copyright\">\n    <li>Design: <a href=\"http://html5up.net\">HTML5 UP</a></li>\n  </ul>\n</section>\n\n    <!-- Hamburger menu -->\n        <nav role=\"navigation\">\n      <div id=\"ham-toggle\">\n        <input type=\"checkbox\" />\n        <span></span> <!-- top bun -->\n        <span></span> <!-- hamburger -->\n        <span></span> <!-- bottom bun -->\n        <ul id=\"ham-menu\">\n          <div class=\"menu\"><h3>ImageJ Docs</h3>\n        <ul>\n          <li><a href=\"/downloads\">Download</a></li>\n\n          <li><details><summary>Learn</summary><ul>\n            <li><details><summary><a href=\"/learn\">ImageJ Basics</a></summary><ul>\n              <li><a href=\"/tutorials\">Tutorials</a></li>\n              <li><a href=\"/learn/user-guides\">User Guides</a></li>\n              <li><a href=\"/learn/keyboard-shortcuts\">Keyboard Shortcuts</a></li>\n              <li><a href=\"/learn/tips-and-tricks\">Tips and Tricks</a></li>\n              <li><a href=\"/learn/troubleshooting\">Troubleshooting</a></li>\n              <li><a href=\"/learn/faq\">Frequently Asked Questions</a></li>\n\n              <li><details><summary><a href=\"/platforms\">Supported Platforms</a></summary><ul>\n                <li><a href=\"/platforms/windows\">Windows</a></li>\n                <li><a href=\"/platforms/macos\">MacOS</a></li>\n                <li><a href=\"/platforms/linux\">Linux</a></li>\n                <li><a href=\"/platforms/pi\">Raspberry Pi</a></li>\n                <li><a href=\"/platforms/android\">Android</a></li>\n              </ul></details></li> <!-- Learn/ImageJ Basics/Supported Platforms -->\n\n              <li><details><summary><a href=\"/formats\">File Formats</a></summary><ul>\n                <li><a href=\"/formats/bio-formats\">Bio-Formats</a></li>\n                <li><a href=\"/formats/video\">Video formats</a></li>\n                <li><a href=\"/formats/quicktime\">QuickTime</a></li>\n                <li><a href=\"/formats/tiff\">TIFF</a></li>\n                <li><a href=\"/formats/pdf\">PDF</a></li>\n                <li><a href=\"/formats/dicom\">DICOM</a></li>\n                <li><a href=\"/formats/lsm\">Zeiss LSM</a></li>\n                <li><a href=\"/formats/olympus\">Olympus VSI</a></li>\n                <li><a href=\"/formats/lurawave\">Opera Flex</a></li>\n                <li><a href=\"/formats/fib-sem\">FIB-SEM</a></li>\n              </ul></details></li> <!-- Learn/ImageJ Basics/File Formats -->\n            </ul></details></li> <!-- Learn/ImageJ -->\n\n            <li><details><summary><a href=\"/imaging\">Scientific Imaging</a></summary><ul>\n              <li><a href=\"/imaging/principles\">Principles of Scientific Imaging</a></li>\n              <li><a href=\"/imaging/annotating-images\">Annotating Images</a></li>\n              <li><a href=\"/imaging/colocalization-analysis\">Colocalization</a></li>\n              <li><a href=\"/imaging/color-image-processing\">Color Image Processing</a></li>\n              <li><a href=\"/imaging/deconvolution\">Deconvolution</a></li>\n              <li><a href=\"/imaging/image-intensity-processing\">Image Intensity Processing</a></li>\n              <li><a href=\"/imaging/particle-analysis\">Particle Analysis</a></li>\n              <li><a href=\"/imaging/registration\">Registration</a></li>\n              <li><a href=\"/imaging/segmentation\">Segmentation</a></li>\n              <li><a href=\"/imaging/stack-slice-manipulations\">Stack-slice Manipulations</a></li>\n              <li><a href=\"/imaging/t-functions\">T-functions</a></li>\n              <li><a href=\"/imaging/tracking\">Tracking</a></li>\n              <li><a href=\"/imaging/visualization\">Visualization</a></li>\n              <li><a href=\"/imaging/z-functions\">Z-functions</a></li>\n            </ul></details></li> <!-- Learn/Scientific Imaging -->\n          </ul></details></li> <!-- Learn -->\n\n          <li><details><summary><a href=\"/plugins\">Extend</a></summary><ul>\n            <li><a href=\"/list-of-extensions\">List of Extensions</a></li>\n\n            <li><details><summary><a href=\"/update-sites\">Update Sites</a></summary><ul>\n              <li><a href=\"/list-of-update-sites\">List of Update Sites</a></li>\n              <li><a href=\"/update-sites/following\">Following an Update Site</a></li>\n              <li><a href=\"/update-sites/setup\">Creating an Update Site</a></li>\n              <li><a href=\"/update-sites/tos\">Terms of Service</a></li>\n              <li><a href=\"/update-sites/automatic-uploads\">Automatic Upload</a></li>\n              <li><a href=\"/update-sites/core-uploads\">Uploading to Core Sites</a></li>\n              <li><a href=\"/update-sites/faq\">Update Sites FAQ</a></li>\n              <li><a href=\"/update-sites/stats\">Statistics</a></li>\n            </ul></details></li> <!-- Extend/Update Sites -->\n\n            <li><details><summary><a href=\"/scripting\">Scripting</a></summary><ul>\n              <li><a href=\"/scripting/batch\">Batch Processing</a></li>\n              <li><a href=\"/scripting/basics\">Scripting Basics</a></li>\n              <li><a href=\"/scripting/user-input\">User Input</a></li>\n              <li><a href=\"/scripting/how-to-use-the-javadoc\">Using Javadocs</a></li>\n              <li><a href=\"/scripting/script-editor\">Script Editor</a></li>\n              <li><a href=\"/scripting/auto-imports\">Auto Import</a></li>\n              <li><a href=\"/scripting/templates\">Templates</a></li>\n              <li><a href=\"/scripting/headless\">Running Headlessly</a></li>\n              <li><a href=\"/scripting/comparisons\">Scripting Comparisons</a></li>\n              <li><a href=\"/scripting/toolbox\">Toolbox</a></li>\n\n              <li><details><summary>Languages</summary><ul>\n                <li><a href=\"/scripting/beanshell\">BeanShell Scripting</a></li>\n                <li><a href=\"/scripting/groovy\">Groovy Scripting</a></li>\n                <li><a href=\"/scripting/macro\">ImageJ Macro</a></li>\n                <li><a href=\"/scripting/javascript\">JavaScript</a></li>\n                <li><a href=\"/scripting/batch\">Batch Processing</a></li>\n                <li><a href=\"/scripting/clojure\">Lisp (Clojure)</a></li>\n                <li><a href=\"/scripting/matlab\">MATLAB</a></li>\n                <li><a href=\"/scripting/jython\">Python (Jython)</a></li>\n                <li><a href=\"/scripting/renjin\">R (Renjin)</a></li>\n                <li><a href=\"/scripting/jruby\">Ruby (JRuby)</a></li>\n                <li><a href=\"/scripting/scala\">Scala Scripting</a></li>\n              </ul></details></li> <!-- Extend/Scripting/Languages -->\n            </ul></details></li> <!-- Extend/Scripting -->\n\n            <li><details><summary><a href=\"/develop\">Development</a></summary><ul>\n              <li><a href=\"/develop/philosophy\">Philosophy</a></li>\n              <li><a href=\"/develop/architecture\">Architecture</a></li>\n              <li><a href=\"/develop/source\">Source code</a></li>\n              <li><a href=\"/develop/project-management\">Project management</a></li>\n              <li><a href=\"/develop/coding-style\">Coding style</a></li>\n              <li><a href=\"/develop/debugging\">Debugging</a></li>\n              <li><a href=\"/develop/wish-list\">Wish list</a></li>\n\n              <li><details><summary>Tools</summary><ul>\n                <li><a href=\"/develop/github\">GitHub</a></li>\n                <li><a href=\"/develop/maven\">Maven</a></li>\n\n                <li><details><summary><a href=\"/develop/ides\">IDEs</a></summary><ul>\n                  <li><a href=\"/develop/eclipse\">Eclipse</a></li>\n                  <li><a href=\"/develop/netbeans\">NetBeans</a></li>\n                  <li><a href=\"/develop/intellij\">IntelliJ IDEA</a></li>\n                  <li><a href=\"/develop/command-line\">Command Line</a></li>\n                </ul></details></li>\n\n                <li><a href=\"/develop/github-actions\">Github Actions</a></li>\n                <li><a href=\"/develop/appveyor\">AppVeyor</a></li>\n                <li><a href=\"/develop/dotfiles\">Dotfiles</a></li>\n              </ul></details></li> <!-- Extend/Development/Tools -->\n\n              <li><details><summary>Guides</summary><ul>\n                <li><a href=\"/develop/plugins\">Writing plugins</a></li>\n                <li><a href=\"/develop/improving-the-code\">Contributing to a plugin</a></li>\n                <li><a href=\"/develop/releasing\">Development lifecycle</a></li>\n                <li><a href=\"/develop/building-a-pom\">Building a POM</a></li>\n                <hr>\n                <li><a href=\"/develop/debugging-exercises\">Hands-on debugging</a></li>\n                <li><a href=\"/develop/writing-ops\">Adding new ops</a></li>\n                <li><a href=\"/develop/formats\">Adding new formats</a></li>\n                <li><a href=\"/develop/native-libraries\">Using native libraries</a></li>\n                <li><a href=\"/develop/tips\">Tips for developers</a></li>\n                <li><a href=\"/develop/cpp-tips\">Tips for C++ developers</a></li>\n                <li><a href=\"/develop/ij1-plugins\">ImageJ 1.x plugins</a></li>\n                <li><a href=\"/develop/versioning\">Versioning</a></li>\n                <li><a href=\"/develop/logging\">Logging</a></li>\n                <li><a href=\"/develop/uber-jars\">Uber-JARs</a></li>\n              </ul></details></li> <!-- Extend/Development/Guides -->\n\n              <li><details><summary><a href=\"/develop/git\">Git</a></summary><ul>\n                <li><a href=\"/develop/git/eclipse\">Git in Eclipse (EGit)</a></li>\n                <li><a href=\"/develop/git/mini-howto\">Git mini howto</a></li>\n                <li><a href=\"/develop/git/workshop\">Git workshop</a></li>\n                <li><a href=\"/develop/git/conflicts\">Git conflicts</a></li>\n                <li><a href=\"/develop/git/topic-branches\">Git topic branches</a></li>\n                <li><a href=\"/develop/git/notes\">Git notes</a></li>\n                <li><a href=\"/develop/git/reflogs\">Git reflogs</a></li>\n                <li><a href=\"/develop/git/submodules\">Git submodules</a></li>\n                <li><a href=\"/develop/git/pinpoint-regressions\">How to pinpoint regressions</a></li>\n                <li><a href=\"/develop/git/publish-a-repository\">How to publish a git repository</a></li>\n                <li><a href=\"/develop/git/extract-a-subproject\">How to extract a subproject</a></li>\n              </ul></details></li> <!-- Extend/Development/Git -->\n            </ul></details></li> <!-- Extend/Development -->\n          </ul></details></li> <!-- Extend -->\n\n          <li><details open><summary><a href=\"/contribute\">Contribute</a></summary><ul>\n            <li><a href=\"/contribute/citing\">Citing</a></li>\n            <li><a href=\"/people\">Contributors</a></li>\n            <li><a href=\"/orgs\">Organizations</a></li>\n            <li><a href=\"/contribute/governance\">Governance</a></li>\n            <li><a href=\"/contribute/funding\">Funding</a></li>\n            <li><a href=\"/contribute/fiji\">Contributing to Fiji</a></li>\n\n            <li><details><summary><a href=\"/licensing\">Licensing</a></summary><ul>\n              <li><details><summary><a href=\"/licensing/open-source\">Open Source</a></summary><ul>\n                <li><a href=\"/licensing/apache\">Apache</a></li>\n                <li><a href=\"/licensing/bsd\">BSD</a></li>\n                <li><a href=\"/licensing/gpl\">GPL</a></li>\n                <li><a href=\"/licensing/lgpl\">LGPL</a></li>\n                <li><a href=\"/licensing/mit\">MIT</a></li>\n                <li><a href=\"/licensing/public-domain\">Public domain</a></li>\n              </ul></details></li> <!-- Contribute/Licensing/Open Source -->\n\n              <li><details><summary><a href=\"/licensing/closed-source\">Proprietary</a></summary><ul>\n                <li><a href=\"/licensing/big\">BIG</a></li>\n              </ul></details></li> <!-- Contribute/Licensing/Proprietary -->\n            </ul></details></li> <!-- Contribute/Licensing -->\n\n            <li><details open><summary><a href=\"/editing\">Editing the Wiki</a></summary><ul>\n              <li><a href=\"/editing/advanced\">Advanced Editing</a></li>\n              <li><a href=\"/editing/buttons\">Buttons</a></li>\n              <li><a class=\"current-page\">Citations</a></li>\n              <li><a href=\"/editing/code\">Source Code</a></li>\n              <li><a href=\"/editing/debugging\">Debugging</a></li>\n              <li><a href=\"/editing/headers\">Headers</a></li>\n              <li><a href=\"/editing/icons\">Icons</a></li>\n              <li><a href=\"/editing/images\">Images</a></li>\n              <li><a href=\"/editing/keys\">Keyboard Shortcuts</a></li>\n              <li><a href=\"/editing/linking\">Linking</a></li>\n              <li><a href=\"/editing/math\">Math Expressions</a></li>\n              <li><a href=\"/editing/menu-paths\">Menu Paths</a></li>\n              <li><a href=\"/editing/navigation\">Navigation</a></li>\n              <li><a href=\"/editing/notices\">Notices</a></li>\n              <li><a href=\"/editing/people\">People</a></li>\n              <li><a href=\"/editing/pitfalls\">Pitfalls</a></li>\n              <li><a href=\"/editing/quizzes\">Quizzes</a></li>\n              <li><a href=\"/editing/symbols\">Symbols</a></li>\n              <li><a href=\"/editing/tables\">Tables</a></li>\n              <li><a href=\"/editing/timelines\">Timelines</a></li>\n              <li><a href=\"/editing/tooltips\">Tooltips</a></li>\n              <li><a href=\"/editing/videos\">Videos</a></li>\n              <li><a href=\"/editing/whitespace\">Whitespace</a></li>\n            </ul></details></li> <!-- Contribute/Editing the Wiki -->\n          </ul></details></li> <!-- Contribute -->\n\n          <li><details><summary><a href=\"/discuss\">Discuss</a></summary><ul>\n            <li><a href=\"/discuss/bugs\">Reporting Issues</a></li>\n            <li><a href=\"/discuss/mailing-lists\">Mailing Lists</a></li>\n            <li><a href=\"/discuss/chat\">Chat</a></li>\n          </ul></details></li> <!-- Discuss -->\n\n          <li><details><summary>Explore</summary><ul>\n            <li><a href=\"/news\">News</a></li>\n\n            <li><details><summary><a href=\"/events\">Events</a></summary><ul>\n              <li><a href=\"/events/presentations\">Presentations</a></li>\n              <li><a href=\"/events/conferences\">Conferences</a></li>\n              <li><a href=\"/events/hackathons\">Hackathons</a></li>\n              <li><a href=\"/events\">More...</a></li>\n            </ul></details></li> <!-- Discuss/Events -->\n\n            <li><details><summary><a href=\"/libs\">Libraries</a></summary><ul>\n              <li><a href=\"/libs/imagej-ops\">ImageJ Ops</a></li>\n              <li><a href=\"/libs/imagej-common\">ImageJ Common</a></li>\n              <li><a href=\"/libs/imagej-legacy\">ImageJ Legacy</a></li>\n              <li><a href=\"/libs/imageja\">ImageJA</a></li>\n              <li><a href=\"/libs/scijava\">SciJava</a></li>\n              <li><a href=\"/libs/scifio\">SCIFIO</a></li>\n\n              <li><details><summary><a href=\"/libs/imglib2\">ImgLib2</a></summary><ul>\n                <li><a href=\"/libs/imglib2/getting-started\">Getting Started</a></li>\n                <li><a href=\"/libs/imglib2/accessors\">Accessors</a></li>\n                <li><a href=\"/libs/imglib2/accessibles\">Accessibles</a></li>\n                <li><a href=\"/libs/imglib2/examples\">Examples</a></li>\n                <li><a href=\"/libs/imglib2/workshop-introductory\">Introductory Workshop</a></li>\n                <li><a href=\"/libs/imglib2/workshop-advanced\">Advanced Workshop</a></li>\n                <li><a href=\"/libs/imglib2/matlab\">ImgLib2 images in MATLAB</a></li>\n                <li><a href=\"/libs/imglib2/benchmarks\">Benchmarks</a></li>\n                <li><a href=\"/libs/imglib2/faq\">FAQ</a></li>\n                <li><a href=\"/libs/imglib2/developing\">Developing ImgLib2</a></li>\n                <li><a href=\"/libs/imglib2/discussion\">ImgLib2 Discussion</a></li>\n              </ul></details></li> <!-- Explore/Libraries/ImgLib2 -->\n              \n              <li><a href=\"/libs\">More...</a></li>\n            </ul></details></li> <!-- Explore/Libraries -->\n\n            <li><details><summary><a href=\"/software\">Software</a></summary><ul>\n              <li><a href=\"/software/nih-image\">NIH Image</a></li>\n              <li><a href=\"/software/imagej\">ImageJ</a></li>\n              <li><a href=\"/software/imagej2\">ImageJ2</a></li>\n              <li><a href=\"/software/fiji\">Fiji</a></li>\n              <li><a href=\"/software\">More...</a></li>\n            </ul></details></li> <!-- Explore/Software -->\n          </ul></details></li> <!-- Explore -->\n        </ul>\n      </div>\n        </ul>\n      </div>\n    </nav>\n\n    <div id=\"dock-overlay-left\" class=\"dock-overlay\" data-dock-target=\"left-column\"></div>\n    <div id=\"dock-overlay-right\" class=\"dock-overlay\" data-dock-target=\"right-column\"></div>\n\n    <!-- Search results -->\n    <div id=\"search-results\">\n  <div id=\"search-hits\"></div>\n  <div id=\"pagination\"></div>\n</div>\n\n    <!-- Scripts -->\n    <!-- Libraries -->\n<script src=\"/assets/js/jquery.min.js\"></script>\n<script src=\"/assets/js/jquery.scrolly.min.js\"></script>\n<script src=\"/assets/js/browser.min.js\"></script>\n<script src=\"/assets/js/breakpoints.min.js\"></script>\n<script src=\"/assets/js/util.js\"></script>\n<script src=\"/assets/js/jquery.toc.js\"></script>\n<script src=\"/assets/js/lightbox.min.js\"></script>\n<!-- Extensions -->\n\n<!-- Site code -->\n<script src=\"/assets/js/main.js\"></script>\n<script src=\"/assets/js/dock.js\"></script>\n<script src=\"/assets/js/code.js\"></script>\n<!-- Anchors -->\n<script src=\"https://cdn.jsdelivr.net/npm/anchor-js/anchor.min.js\"></script>\n<script>anchors.add('#page h1, #page h2, #page h3, #page h4, #page h5, #page h6');</script>\n<!-- Citations -->\n<script type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/citation-js@0.4.0-9\"></script>\n<script src=\"/assets/js/cite.js\"></script>\n<!-- Search -->\n<script type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/algoliasearch/3.32.0/algoliasearchLite.min.js\"></script>\n<script type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/instantsearch.js@4.21.0\"></script>\n<script src=\"/assets/js/search.js\"></script>\n<script src=\"/assets/js/search-tweaks.js\"></script>\n  </body>\n</html>\n",
      "previous": {
        "url": "/editing/buttons",
        "relative_path": "_pages/editing/buttons.md",
        "collection": "pages",
        "path": "_pages/editing/buttons.md",
        "id": "/editing/buttons",
        "draft": false,
        "categories": [

        ],
        "layout": "page",
        "icon": "/media/icons/imagej2.png",
        "title": "Buttons",
        "section": "Contribute:Editing the Wiki",
        "nav-links": true,
        "slug": "buttons",
        "ext": ".md",
        "tags": [

        ]
      },
      "url": "/editing/citations",
      "relative_path": "_pages/editing/citations.md",
      "next": {
        "url": "/editing/code",
        "relative_path": "_pages/editing/code.md",
        "collection": "pages",
        "path": "_pages/editing/code.md",
        "id": "/editing/code",
        "draft": false,
        "categories": [

        ],
        "layout": "page",
        "icon": "/media/icons/imagej2.png",
        "title": "Source Code",
        "section": "Contribute:Editing the Wiki",
        "nav-links": true,
        "slug": "code",
        "ext": ".md",
        "tags": [

        ]
      },
      "collection": "pages",
      "path": "_pages/editing/citations.md",
      "excerpt": "<p>There are two kinds of sources which can be cited:</p>\n\n",
      "id": "/editing/citations",
      "draft": false,
      "categories": [

      ],
      "layout": "page",
      "icon": "/media/icons/imagej2.png",
      "title": "Citations",
      "description": "This page demonstrates how to cite sources.",
      "section": "Contribute:Editing the Wiki",
      "nav-links": true,
      "slug": "citations",
      "ext": ".md",
      "tags": [

      ]
    },
    "url": "/editing/code",
    "relative_path": "_pages/editing/code.md",
    "next": {
      "content": "The best way to collect debugging information is to [build the site locally](/editing/advanced). However if that isn't an option, this page documents tags which can be helpful.\n\n## Echo\n\nThis `echo` include just prints its arguments, for debugging/learning purposes. This can be helpful in understanding Liquid syntax and how strings are being read internally by an `include`.\n\nArguments are printed as a comma-separated list of `\"argument\"==>\"value\"` pairs.\n\nNote that liquid allows the passing of [arbitrary arguments](https://jekyllrb.com/docs/includes/) to `include` templates. All these arguments will be stored, but won't have any effect unless the `include`'s [source](https://github.com/imagej/imagej.github.io/tree/main/_includes) actually does something with those arguments.\n\n{% highlight liquid %}{% raw %}{% include echo content=\"This is the content argument\" bracket=\"what if I pass {}?\" gorilla=\"Why do we have a gorilla argument?\" %}{% endraw %}{% endhighlight %}\n{% include echo content=\"This is the content argument\" bracket=\"what if I pass {}?\" gorilla=\"Why do we have a gorilla argument?\" %}\n\n### What's in a `page`?\n\n{% include notice icon=\"tech\" content=\"Ever wonder what all is part of the `page` data structure? Let's find out! \n\n(You can also do this with the `site` data structure, but be warned: the output will include every page body across the whole site!)\" %}\n\n{% highlight liquid %}{% raw %}{% include echo p=page %}{% endraw %}{% endhighlight %}\n{% include echo p=page %}\n",
      "output": null,
      "previous": {
        "url": "/editing/code",
        "relative_path": "_pages/editing/code.md",
        "collection": "pages",
        "path": "_pages/editing/code.md",
        "id": "/editing/code",
        "draft": false,
        "categories": [

        ],
        "layout": "page",
        "icon": "/media/icons/imagej2.png",
        "title": "Source Code",
        "section": "Contribute:Editing the Wiki",
        "nav-links": true,
        "slug": "code",
        "ext": ".md",
        "tags": [

        ]
      },
      "url": "/editing/debugging",
      "relative_path": "_pages/editing/debugging.md",
      "next": {
        "url": "/editing/dokuwiki-migration",
        "relative_path": "_pages/editing/dokuwiki-migration.md",
        "collection": "pages",
        "path": "_pages/editing/dokuwiki-migration.md",
        "id": "/editing/dokuwiki-migration",
        "draft": false,
        "categories": [

        ],
        "layout": "page",
        "icon": "/media/icons/imagej2.png",
        "mediawiki": "DokuWiki_Migration",
        "title": "Migrating from DokuWiki",
        "section": "Help",
        "nav-links": true,
        "nav-title": "DokuWiki Migration",
        "slug": "dokuwiki-migration",
        "ext": ".md",
        "tags": [

        ]
      },
      "collection": "pages",
      "path": "_pages/editing/debugging.md",
      "excerpt": "<p>The best way to collect debugging information is to <a href=\"/editing/advanced\">build the site locally</a>. However if that isn’t an option, this page documents tags which can be helpful.</p>\n\n",
      "id": "/editing/debugging",
      "draft": false,
      "categories": [

      ],
      "layout": "page",
      "icon": "/media/icons/imagej2.png",
      "title": "Debugging",
      "section": "Contribute:Editing the Wiki",
      "nav-links": true,
      "slug": "debugging",
      "ext": ".md",
      "tags": [

      ]
    },
    "collection": "pages",
    "path": "_pages/editing/code.md",
    "excerpt": "<p>This page describes nice ways of embedding source code in a page.</p>\n\n",
    "id": "/editing/code",
    "draft": false,
    "categories": [

    ],
    "layout": "page",
    "icon": "/media/icons/imagej2.png",
    "title": "Source Code",
    "section": "Contribute:Editing the Wiki",
    "nav-links": true,
    "slug": "code",
    "ext": ".md",
    "tags": [

    ]
  },
  "url": "/editing/debugging",
  "relative_path": "_pages/editing/debugging.md",
  "next": {
    "content": "{% include warning/outdated %}\n\nThese instructions will be updated very soon so that ImageJ Documentation Wiki pages can be migrated to the new ImageJ wiki.\n\n**Legacy Text Follows**\n\nThe ImageJ Documentation Wiki will no longer be available at location &lt;https://imagejdocu.list.lu&gt;, as the CRP Henri Tudor has merged to become the Luxembourg Institute of Science and Technology five years ago and the old domain will be discontinued. We want to take this as an opportunity to merge the resources on &lt;https://imagejdocu.list.lu&gt; with those here at &lt;https://imagej.net&gt;.\n\nThis guide covers the process of migrating a page from the ImageJ Documentation Wiki ([DocuWiki](https://www.dokuwiki.org/dokuwiki)) to this ImageJ wiki ([GitHub Pages with Jekyll](https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/about-github-pages-and-jekyll)).\n\n1.  <b>Create an ImageJ wiki account</b> if you do not already have one, by visiting the [Special:CreateAccount](Special_CreateAccount) page.\n2.  <b>Identify the ImageJ Documentation Wiki page you are migrating.</b> For this walkthrough, we'll choose the [Colocalization Finder](https://imagejdocu.list.lu/plugin/analysis/colocalizationfinder/start) page.\n3.  <b>Grab the path to the page</b> by selecting it in the address bar and copying it to the clipboard. Here, this is `plugin/analysis/colocalizationfinder/start`.\n4.  <b>Grab the converted MediaWiki markup.</b> We have done a preliminary conversion of the wiki markup from DocuWiki format to MediaWiki format, and placed it online for you. Find your converted page at `https://raw.githubusercontent.com/imagej/imagejdocu/master/[your-page].wiki`, replacing `[your-page]` with the snippet from the previous step. For Colocalization Finder, the URL will be [`https://raw.githubusercontent.com/imagej/imagejdocu/master/plugin/analysis/colocalizationfinder/start.wiki`](https://raw.githubusercontent.com/imagej/imagejdocu/master/plugin/analysis/colocalizationfinder/start.wiki). Copy the entire markup code to your clipboard.\n5.  <b>Navigate to the destination ImageJ wiki page.</b> On the ImageJ wiki, page names are capitalized with underscores. (Underscores become spaces in the page title.) For our migrated Colocalization Finder page, we'll use [`https://imagej.net/plugins/colocalization-finder`]((http://punias.free.fr/ImageJ/colocalization-finder.html). You should see a message like this:\n    <a href=\"\"><img src=\"/media/discuss/creating-a-new-page.png\" width=\"500px\"/></a>\n    Click \"edit this page\" to continue.\n6.  <b>Paste the converted wiki markup into the empty text area:</b>  \n    <a href=\"\"><img src=\"/media/discuss/add-wiki-markup.png\" width=\"500px\"/></a>\n7.  <b>Preview the results.</b> Scroll down below the text field, and click the \"Show preview\" button (in between \"Save page\" and \"Show changes\").\n8.  <b>Migrate needed images:</b>\n    1.  Right-click and \"Save Image As...\" the images from your page on the ImageJ Documentation Wiki. For Colocalization Finder, there are two images: `cf_images.png` and `cf_table.png`.\n    2.  In a separate browser tab, open the [Special:Upload](Special_Upload) page and upload the images one by one. The Colocalization Finder images will become available from URLs [`https://imagej.net/media/cf-images.png`](/media/cf-images.png) and [`https://imagej.net/media/cf-table.png`](/media/cf-table.png). Notice that MediaWiki always capitalizes the first letter of resources, including image files.\n    3.  Back in our new Colocalization Finder page, we now replace the DocuWiki image link syntax with MediaWiki's syntax: e.g. {% raw %}`{{:plugin:analysis:colocalizationfinder:cf_images.png?nolink&400|}}`{% endraw %} becomes `<a href=\"\"><img src=\"/media/cf-images.png\" width=\"400px\"/></a>`. See MediaWiki's [Help:Images](https://www.mediawiki.org/wiki/Help:Images) page for further details on formatting your images.\n9.  <b>Add categories to your page</b> so that it is classified correctly. The Colocalization Finder page is in the `plugins/analysis` subtree, so we will add `[[Category:Analysis]]` and `[[Category:Plugins]]`. These tags go at the very bottom of the wiki markup, each one on its own line. See [Special:Categories](Special_Categories) for a complete list of available categories on imagej.net.\n10. <b>Fix any remaining errors and imperfections.</b> Inspect the rendered page, noting any problems. Then scroll down below the page to find the text box containing the wiki markup code.\n    -   The `<note warning>...</note>` block can become a {% raw %}`{{Warning | ...}}`{% endraw %} block. (See liquid section of [editing](/editing/#adding-and-editing-page-content), and includes: [warn](https://github.com/imagej/imagej.github.io/tree/main/_includes/warning), [notice](https://github.com/imagej/imagej.github.io/blob/main/_includes/notice), [info-box](https://github.com/imagej/imagej.github.io/blob/main/_includes/info-box), and [tooltip](https://github.com/imagej/imagej.github.io/blob/main/_includes/tooltip).)\n    -   The red underlined words often highlight misspellings, and can be corrected now, since we have the opportunity.\n    -   See the [MediaWiki formatting guide](https://www.mediawiki.org/wiki/Help:Formatting) for additional information on MediaWiki syntax.\n11. <b>Click \"Show preview\" again</b>, as many times as needed, until everything looks good.\n12. <b>Save the page when finished.</b> The \"Save page\" button locks in your new page!\n",
    "output": null,
    "previous": {
      "content": "The best way to collect debugging information is to [build the site locally](/editing/advanced). However if that isn't an option, this page documents tags which can be helpful.\n\n## Echo\n\nThis `echo` include just prints its arguments, for debugging/learning purposes. This can be helpful in understanding Liquid syntax and how strings are being read internally by an `include`.\n\nArguments are printed as a comma-separated list of `\"argument\"==>\"value\"` pairs.\n\nNote that liquid allows the passing of [arbitrary arguments](https://jekyllrb.com/docs/includes/) to `include` templates. All these arguments will be stored, but won't have any effect unless the `include`'s [source](https://github.com/imagej/imagej.github.io/tree/main/_includes) actually does something with those arguments.\n\n{% highlight liquid %}{% raw %}{% include echo content=\"This is the content argument\" bracket=\"what if I pass {}?\" gorilla=\"Why do we have a gorilla argument?\" %}{% endraw %}{% endhighlight %}\n{% include echo content=\"This is the content argument\" bracket=\"what if I pass {}?\" gorilla=\"Why do we have a gorilla argument?\" %}\n\n### What's in a `page`?\n\n{% include notice icon=\"tech\" content=\"Ever wonder what all is part of the `page` data structure? Let's find out! \n\n(You can also do this with the `site` data structure, but be warned: the output will include every page body across the whole site!)\" %}\n\n{% highlight liquid %}{% raw %}{% include echo p=page %}{% endraw %}{% endhighlight %}\n{% include echo p=page %}\n",
      "output": null,
      "previous": {
        "url": "/editing/code",
        "relative_path": "_pages/editing/code.md",
        "collection": "pages",
        "path": "_pages/editing/code.md",
        "id": "/editing/code",
        "draft": false,
        "categories": [

        ],
        "layout": "page",
        "icon": "/media/icons/imagej2.png",
        "title": "Source Code",
        "section": "Contribute:Editing the Wiki",
        "nav-links": true,
        "slug": "code",
        "ext": ".md",
        "tags": [

        ]
      },
      "url": "/editing/debugging",
      "relative_path": "_pages/editing/debugging.md",
      "next": {
        "url": "/editing/dokuwiki-migration",
        "relative_path": "_pages/editing/dokuwiki-migration.md",
        "collection": "pages",
        "path": "_pages/editing/dokuwiki-migration.md",
        "id": "/editing/dokuwiki-migration",
        "draft": false,
        "categories": [

        ],
        "layout": "page",
        "icon": "/media/icons/imagej2.png",
        "mediawiki": "DokuWiki_Migration",
        "title": "Migrating from DokuWiki",
        "section": "Help",
        "nav-links": true,
        "nav-title": "DokuWiki Migration",
        "slug": "dokuwiki-migration",
        "ext": ".md",
        "tags": [

        ]
      },
      "collection": "pages",
      "path": "_pages/editing/debugging.md",
      "excerpt": "<p>The best way to collect debugging information is to <a href=\"/editing/advanced\">build the site locally</a>. However if that isn’t an option, this page documents tags which can be helpful.</p>\n\n",
      "id": "/editing/debugging",
      "draft": false,
      "categories": [

      ],
      "layout": "page",
      "icon": "/media/icons/imagej2.png",
      "title": "Debugging",
      "section": "Contribute:Editing the Wiki",
      "nav-links": true,
      "slug": "debugging",
      "ext": ".md",
      "tags": [

      ]
    },
    "url": "/editing/dokuwiki-migration",
    "relative_path": "_pages/editing/dokuwiki-migration.md",
    "next": {
      "content": "{% include notice icon=\"warning\" content=\"This page is still a work in progress. Please ignore for the moment!\" %}\n\n{% include figure/begin columns=2 title='Centered text at the top of the figure' caption='Centered text at the bottom of the figure' %}\n  {% include figure/panel caption=\"Panel A: Top left\"     %} {% include img src='icons/nih-image' %}\n  {% include figure/panel caption=\"Panel B: Top right\"    %} {% include img src='icons/imagej' %}\n  {% include figure/panel caption=\"Panel C: Bottom left\"  %} {% include img src='icons/imagej2' %}\n  {% include figure/panel caption=\"Panel D: Bottom right with a really long caption, just to see what happens\" %} {% include img src='icons/fiji' %}\n{% include figure/end %}\n",
      "output": null,
      "previous": {
        "url": "/editing/dokuwiki-migration",
        "relative_path": "_pages/editing/dokuwiki-migration.md",
        "collection": "pages",
        "path": "_pages/editing/dokuwiki-migration.md",
        "id": "/editing/dokuwiki-migration",
        "draft": false,
        "categories": [

        ],
        "layout": "page",
        "icon": "/media/icons/imagej2.png",
        "mediawiki": "DokuWiki_Migration",
        "title": "Migrating from DokuWiki",
        "section": "Help",
        "nav-links": true,
        "nav-title": "DokuWiki Migration",
        "slug": "dokuwiki-migration",
        "ext": ".md",
        "tags": [

        ]
      },
      "url": "/editing/figures",
      "relative_path": "_pages/editing/figures.md",
      "next": {
        "url": "/editing/headers",
        "relative_path": "_pages/editing/headers.md",
        "collection": "pages",
        "path": "_pages/editing/headers.md",
        "id": "/editing/headers",
        "draft": false,
        "categories": [

        ],
        "layout": "page",
        "icon": "/media/icons/imagej2.png",
        "title": "Headers",
        "section": "Contribute:Editing the Wiki",
        "nav-links": true,
        "slug": "headers",
        "ext": ".md",
        "tags": [

        ]
      },
      "collection": "pages",
      "path": "_pages/editing/figures.md",
      "excerpt": "<div class=\"notice\" style=\"font-size: 2; background: #ffcccb; border-left: 10px solid #f57900\"><div class=\"notice-icon\"><img src=\"/media/icons/warning.png\" /></div><div class=\"notice-content\"><p>This page is still a work in progress. Please ignore for the moment!</p>\n</div>\n</div>\n\n",
      "id": "/editing/figures",
      "draft": false,
      "categories": [

      ],
      "layout": "page",
      "icon": "/media/icons/imagej2.png",
      "title": "Figures",
      "slug": "figures",
      "ext": ".md",
      "tags": [

      ]
    },
    "collection": "pages",
    "path": "_pages/editing/dokuwiki-migration.md",
    "excerpt": "<div class=\"notice\" style=\"font-size: 2; background: #ffcccb; border-left: 10px solid #f57900\"><div class=\"notice-icon\"><img src=\"/media/icons/warning.png\" /></div><div class=\"notice-content\"><p>This section is out of date, potentially misleading or invalid. Be careful with any instructions here. When in doubt, <a href=\"/discuss\">ask for help from the community</a>.</p>\n</div>\n</div>\n\n",
    "id": "/editing/dokuwiki-migration",
    "draft": false,
    "categories": [

    ],
    "layout": "page",
    "icon": "/media/icons/imagej2.png",
    "mediawiki": "DokuWiki_Migration",
    "title": "Migrating from DokuWiki",
    "section": "Help",
    "nav-links": true,
    "nav-title": "DokuWiki Migration",
    "slug": "dokuwiki-migration",
    "ext": ".md",
    "tags": [

    ]
  },
  "collection": "pages",
  "path": "_pages/editing/debugging.md",
  "excerpt": "<p>The best way to collect debugging information is to <a href=\"/editing/advanced\">build the site locally</a>. However if that isn’t an option, this page documents tags which can be helpful.</p>\n\n",
  "id": "/editing/debugging",
  "draft": false,
  "categories": [

  ],
  "layout": "page",
  "icon": "/media/icons/imagej2.png",
  "title": "Debugging",
  "section": "Contribute:Editing the Wiki",
  "nav-links": true,
  "slug": "debugging",
  "ext": ".md",
  "tags": [

  ]
}}