Obsidian Publish 向けに作成した拡張スクリプト置き場です。ソースコードはGitHubにあります。CDNでも配布しているのでカスタムドメイン化していれば気軽にお試しもできます。

導入条件

  • Obsidian Publishであること
  • カスタムドメイン化していること (publish.jsが配置できること)

Obsidian Publish用 拡張プラグイン

Code Themes

導入するにはpublish.jsに次のコードを追加してください。現在は次の4テーマが使用できます。

  • ayu.css
  • monokai.css
  • one-dark.css (ダークテーマのみ)
  • solarized.css
document.head.appendChild(Object.assign(document.createElement('link'), {
    rel: 'stylesheet',
    href: 'https://obsidian-cdn.plasticheart.info/publish/code-themes/ayu.css'
}))

Enable-Ligature

Fira Codeのようなリガチャ対応フォントのリガチャを有効にするためのプラグインです。コードスニペットのトークンを正規化することで、同じ種別のトークンをまとめています。

document.head.appendChild(Object.assign(document.createElement('script'), {
    async: true,
    src: 'https://obsidian-cdn.plasticheart.info/publish/enable-ligature/app.js'
}))

Twemoji

Obsidian Publishで絵文字をTwemoji(TwitterやDiscordで使用されている絵文字)に変換するスクリプトです。これを導入することで、環境に依存せず同じ絵文字を表示できるようになります。Twemojiの詳細はこちらを参照してください。

導入するにはpublish.jsに次のコードを追加してください。適切なタイミングでTwemojiが読み込まれるように考慮が入っているので、DOMContentLoadedイベントを待つ必要はありません。

document.head.appendChild(Object.assign(document.createElement('script'), {
    async: true,
    src: 'https://obsidian-cdn.plasticheart.info/publish/twemoji/app.js'
}))