External links should not become footnotes by default

[MurakamiShinyu]

from Slack: https://vivliostyle.slack.com/archives/CJRP7PK6K/p1715502544299429

akabeko:
Markdown 内に http://example.com/ のような URL がある場合、Vivliostyle Viewer 上では自動的に脚注も生成されるようです
VFM としては a タグ生成までなので Vivliostyle Core か CLI の機能だと予想しているのですが
これを抑止する方法はありますでしょうか？

補足

• 目的としては脚注は明示的に Footnote 記法を使用した場合のみ適用したいです
• Create Book で Techbook を利用すると起きたので Theme の仕様かと思いましたが Bunko でも再現したので Core か CLI の機能と予想しています

shinyu:
theme-base の theme-all.css でimportしている footnote-expternal-link.css を見ると外部リンクを脚注にするようになってますね
https://github.com/vivliostyle/themes/blob/main/packages/%40vivliostyle/theme-base/css/partial/footnote-external-link.css
これを使わないようにすればいいと思います。
デフォルトで脚注になるのは見直した方がいいかもですね。

…

macneko:
私はvivliostyle.config.jsを以下のように修正して対応しました

module.exports = {
  ...
  theme: [
    '@vivliostyle/theme-techbook',
    'theme/theme.css' // ここに作成したCSSファイルのpathを記述する
  ],  ...
}

URLに対する自動脚注は以下のCSSで上書きしています

/* 
 * footnote-external-link
 */
@media print {
  /* URL に対して自動生成された脚注表記を非表示にする */
  :not(.footnote) > a[href^='http']::before {
    display: none;
  }
  :not(.footnote) > a[href^='http']::after {
  /* URL の後ろに付与された脚注番号を非表示にする */
    display: none;
  }
}

[spring-raining]

footnote-external-link.css はtheme-all.cssプリセットに含まれているため、この設定を無効化したい場合は以下のようにtheme-basic.cssに加えて必要な機能のみをimportすることを想定していました。

@import url(@vivliostyle/theme-base/theme-basic.css);
@import url(@vivliostyle/theme-base/css/partial/crossref.css);
@import url(@vivliostyle/theme-base/css/partial/endnote.css);
@import url(@vivliostyle/theme-base/css/partial/footnote.css);
/* @import url(@vivliostyle/theme-base/css/partial/footnote-external-link.css); */
@import url(@vivliostyle/theme-base/css/partial/page.css);
...

しかし、Footnote external linkの機能はデフォルトでは不要という意見が多いようなので、次のメジャーバージョンでtheme-all.cssプリセットには含めないようにします。