Netlify CMS の Editor Component に Zola の 組み込み shortcodes を追加する

この記事は旧ブログからの転載です。旧ブログは閉鎖しています。

• Zola Document - https://www.getzola.org/documentation/content/shortcodes/
• Netlify CMS Document - https://www.netlifycms.org/docs/custom-widgets/#registereditorcomponent

Code and Setup

次のリポジトリの Javascript ファイルを static ディレクトリに配置し、それを Netlify CMS の script タグの後で読み込むようにしてください。

zola-shortcodes-netlify-cms.js

CMS UI

Netlify CMS のスクリーンショット.

Rendered

YouTube

{{ youtube(id=“UkNZzKC56Pw”) }}

Vimeo

{{ vimeo(id=“124313553”, class=“vimeo-class”) }}

Streamable

{{ streamable(id=“92ok4”, class=“streamable-class”) }}

Gist

{{ gist(url=“https://gist.github.com/hatappo/ac45a83509308c9b124e9fe476e5349d”, file=“example-gist-file-2.js”, class=“gist-class”) }}