From a35f358bb0981b088553e7d6b6364305d40fad0a Mon Sep 17 00:00:00 2001
From: "Chen, Chien-ting" <yoxem.tem98@nctu.edu.tw>
Date: Mon, 30 Jul 2018 00:20:08 +0800
Subject: [PATCH] Create footnote.js

---
 footnote.js | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 footnote.js

diff --git a/footnote.js b/footnote.js
new file mode 100644
index 0000000..6f5d8cd
--- /dev/null
+++ b/footnote.js
@@ -0,0 +1,49 @@
+/*
+footnote.js: A filter for Hexo to generate footnotes. Place this file in /scripts/footnote.js.
+========================================================================
+Author: kuanyui(azazabc123[at]g~~~m~~~a~~~i~~~l[dot]com), Yoxem (yoxem.tem98[ A T ]nctu.edu.tw)
+Date: 20180730
+License: WTFPL 1.0
+========================================================================
+The following string in article
+    {fn|I'm the a lot lot of content.}
+Will be converted into
+    <sup><a id="fnr.1" class="footref" href="#fn.1" name="fnr.1">1</a></sup>
+And the following block will be added in the bottom of the article.
+    <div id="footnotes">
+        <h2 class="footnotes">Footnote</h2>
+        <div id="text-footnotes">
+            <div class="footdef"><sup><a id="fn.1" name="fn.1" class="footnum" href="#fnr.1">1</a></sup> <p class="footpara">I'm the a lot lot of content.</p></div>
+            <div class="footdef"><sup><a id="fn.2" name="fn.2" class="footnum" href="#fnr.2">2</a></sup> <p class="footpara">I'm the second content2</p></div>
+    ...
+        </div>
+    </div>
+Adding following CSS into your site is recommended: 
+.footpara {
+  display: inline;
+  margin-left: 5px;
+}
+*/
+
+var lang =  {"en_US": "Footnotes", "zh_TW": "腳註", "ja_JP": "脚注", "zh_CN": "脚注", "nan": "注跤 [tsù-kha]"};
+
+if (lang[hexo.config.language]) {
+	var fnName = lang[hexo.config.language];
+} else {
+	var fnName = "註腳";
+}
+
+hexo.extend.filter.register('pre', function(data, callback) {
+	var num = 0;
+	var footContent = "";
+	var RE = new RegExp('\\{fn\\|(.+?)\\}', 'g');
+	data.content = data.content.replace(RE, function(x, y) {
+		num += 1;
+		footContent += '<div class="footdef"><sup><a id="fn.' + num + '" name="fn.' + num + '" class="footnum" href="#fnr.' + num + '">' + num + '</a></sup> ' + y + '</div>';
+		return '<sup><a id="fnr.' + num + '" class="footref" href="#fn.' + num + '" name="fnr.' + num + '">' + num + '</a></sup>';
+	});
+	if (footContent.length > 0) {
+		data.content = data.content + '<div id="footnotes"><h3 class="footnotes">' + fnName + '</h3><div id="text-footnotes">' + footContent + '</div></div>';
+	}
+	return data;
+});