6

Hexo の投稿に脚注を挿入しようとしています (マークアップ言語が関連している場合は、Markdown で記述されています)。私は自分のウェブサイトを強化するために Jekyll を使用した経験があり、Jekyll を使用したときは[^n](n は正の整数、つまり n ∈ {1,2,3,...}) をテキストに追加し、次のようにしました。

[^1]: footnote #1
[^2]: footnote #2
[^3]: footnote #3
...

footnote #1など#2は私の実際の脚注#3に置き換えられます。Hexo の場合は少し複雑に見えます。https://hexo.io/plugins/で脚注プラグインを探しましたが、追加できなかった可能性があります。次に、Google を使用して回答を検索し、この要点https://gist.github.com/kuanyui/d1728c2a526a615de56cを見つけました。この要点を Hexo サイトのフォルダーに追加して使用しようとしましたが、失敗しました (エラーの詳細については要旨を参照してください。ここで詳細にコメントしました)。次に、前述の方法で脚注が追加された Jekyll 投稿の生成されたコンテンツを調べることで学んだ HTML トリックを試しました。つまり、次を追加します。script

<sup id="fnref:n"><a href="#fn:n" class="footnote">n</a></sup>

(ここでも n は正の整数です) 脚注を表示したいテキストと:

<ol>
  <li id="fn:1">Footnote #1.<a href="#fnref:1" class="reversefootnote">↩&lt;/a></li>
  <li id="fn:2">Footnote #2.<a href="#fnref:2" class="reversefootnote">↩&lt;/a></li>
  <li id="fn:3">Footnote #3.<a href="#fnref:3" class="reversefootnote">↩&lt;/a></li>
  ...
</ol>

投稿の最後まで。問題は、この方法は効果的ですが、退屈でもあることです (つまり、脚注ごとに、私が望むよりもはるかに多くの入力が必要です)。そのため、この ejs テンプレート (本文中の脚注に対応) を作成してみました。私のlayoutsフォルダに次の名前で配置されましたfootnotes.ejs

<sup id ="fnref:<%= n %>"><a href="#fn:<%= n %>"><%= n %></a></sup>

これを私の投稿に挿入します:

<%- include('layouts/footnotes', {n:1}); %>

しかし、これも失敗しました (失敗とは、hexo サイトを生成したときに、このテキスト内の引用が完全にフォーマットされていないことを意味します)。

そこで私は、Hexo の投稿に脚注を挿入するためのより効率的な方法を求めるためにここにいます。つまり、脚注ごとにタイピングをできるだけ少なくする必要があるものです。

4

1 に答える 1