mkdocsに書いてる文章にlightbox機能で画像をクリックするとpopupで画像拡大で表示する機能 javascript

<p>mkdocsに書いてる文章にlightbox機能で画像をクリックするとpopupで画像拡大で表示する機能
以下で簡単にできたよ

■mkdocs.yml
extra_css:
- https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css

extra_javascript:
- https://code.jquery.com/jquery-1.12.4.min.js
- https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js

■*.md ファイル
![図1 hoge図](img/hoge.png &quot;hoge図&quot;)
ではなく以下に変更</p><p>&nbsp;</p><p>&nbsp; &lt;br /&gt;
&nbsp; &lt;a data-lightbox=&quot;group1&quot; data-title=&quot;図1 hoge図&quot; href=&quot;../img/hoge.png&quot;&gt;&lt;img alt=&quot;図1 hoge図&quot; src=&quot;../img/hoge.png&quot; /&gt;&lt;/a&gt;
&nbsp; &lt;br /&gt;



参考サイト
https://allabout.co.jp/gm/gc/470618/
https://github.com/lokesh/lightbox2</p>