fix: markdown

assets/customize.js

@@ -1,10 +1,10 @@
-document.querySelectorAll('a[href]').forEach((link) => {
+document.querySelectorAll("a[href]").forEach((link) => {
   if (!/^https?:$/.test(link.protocol)) return;
   if (link.hostname === location.hostname) return;
-  link.target = '_blank';
+  link.target = "_blank";
 });
 
-document.querySelectorAll('a[data-email]').forEach((element) => {
+document.querySelectorAll("a[data-email]").forEach((element) => {
   element.href = atob(element.dataset.email);
   delete element.dataset.email;
 });

assets/customize.scss

@@ -148,6 +148,12 @@ span.shadow-text {
   border: none !important;
 }
 
+.qrcode {
+  > img {
+    margin: 0;
+  }
+}
+
 .trans-flag {
   display: inline-block;
 

assets/microtip.css

@@ -1,266 +0,0 @@
-/* -------------------------------------------------------------------
-  Microtip
-
-  Modern, lightweight css-only tooltips
-  Just 1kb minified and gzipped
-
-  @author Ghosh
-  @package Microtip
-
-----------------------------------------------------------------------
-  1. Base Styles
-  2. Direction Modifiers
-  3. Position Modifiers
---------------------------------------------------------------------*/
-
-
-/* ------------------------------------------------
-  [1] Base Styles
--------------------------------------------------*/
-
-[aria-label][role~="tooltip"] {
-  position: relative;
-}
-
-[aria-label][role~="tooltip"]::before,
-[aria-label][role~="tooltip"]::after {
-  transform: translate3d(0, 0, 0);
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  will-change: transform;
-  opacity: 0;
-  pointer-events: none;
-  transition: all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
-  position: absolute;
-  box-sizing: border-box;
-  z-index: 10;
-  transform-origin: top;
-}
-
-[aria-label][role~="tooltip"]::before {
-  background-size: 100% auto !important;
-  content: "";
-}
-
-[aria-label][role~="tooltip"]::after {
-  background: rgba(17, 17, 17, .9);
-  border-radius: 4px;
-  color: #ffffff;
-  content: attr(aria-label);
-  font-size: var(--microtip-font-size, 13px);
-  font-weight: var(--microtip-font-weight, normal);
-  text-transform: var(--microtip-text-transform, none);
-  padding: .5em 1em;
-  white-space: nowrap;
-  box-sizing: content-box;
-}
-
-[aria-label][role~="tooltip"]:hover::before,
-[aria-label][role~="tooltip"]:hover::after,
-[aria-label][role~="tooltip"]:focus::before,
-[aria-label][role~="tooltip"]:focus::after {
-  opacity: 1;
-  pointer-events: auto;
-}
-
-
-
-/* ------------------------------------------------
-  [2] Position Modifiers
--------------------------------------------------*/
-
-[role~="tooltip"][data-microtip-position|="top"]::before {
-  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
-  height: 6px;
-  width: 18px;
-  margin-bottom: 5px;
-}
-
-[role~="tooltip"][data-microtip-position|="top"]::after {
-  margin-bottom: 11px;
-}
-
-[role~="tooltip"][data-microtip-position|="top"]::before {
-  transform: translate3d(-50%, 0, 0);
-  bottom: 100%;
-  left: 50%;
-}
-
-[role~="tooltip"][data-microtip-position|="top"]:hover::before {
-  transform: translate3d(-50%, -5px, 0);
-}
-
-[role~="tooltip"][data-microtip-position|="top"]::after {
-  transform: translate3d(-50%, 0, 0);
-  bottom: 100%;
-  left: 50%;
-}
-
-[role~="tooltip"][data-microtip-position="top"]:hover::after {
-  transform: translate3d(-50%, -5px, 0);
-}
-
-/* ------------------------------------------------
-  [2.1] Top Left
--------------------------------------------------*/
-[role~="tooltip"][data-microtip-position="top-left"]::after {
-  transform: translate3d(calc(-100% + 16px), 0, 0);
-  bottom: 100%;
-}
-
-[role~="tooltip"][data-microtip-position="top-left"]:hover::after {
-  transform: translate3d(calc(-100% + 16px), -5px, 0);
-}
-
-
-/* ------------------------------------------------
-  [2.2] Top Right
--------------------------------------------------*/
-[role~="tooltip"][data-microtip-position="top-right"]::after {
-  transform: translate3d(calc(0% + -16px), 0, 0);
-  bottom: 100%;
-}
-
-[role~="tooltip"][data-microtip-position="top-right"]:hover::after {
-  transform: translate3d(calc(0% + -16px), -5px, 0);
-}
-
-
-/* ------------------------------------------------
-  [2.3] Bottom
--------------------------------------------------*/
-[role~="tooltip"][data-microtip-position|="bottom"]::before {
-  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
-  height: 6px;
-  width: 18px;
-  margin-top: 5px;
-  margin-bottom: 0;
-}
-
-[role~="tooltip"][data-microtip-position|="bottom"]::after {
-  margin-top: 11px;
-}
-
-[role~="tooltip"][data-microtip-position|="bottom"]::before {
-  transform: translate3d(-50%, -10px, 0);
-  bottom: auto;
-  left: 50%;
-  top: 100%;
-}
-
-[role~="tooltip"][data-microtip-position|="bottom"]:hover::before {
-  transform: translate3d(-50%, 0, 0);
-}
-
-[role~="tooltip"][data-microtip-position|="bottom"]::after {
-  transform: translate3d(-50%, -10px, 0);
-  top: 100%;
-  left: 50%;
-}
-
-[role~="tooltip"][data-microtip-position="bottom"]:hover::after {
-  transform: translate3d(-50%, 0, 0);
-}
-
-
-/* ------------------------------------------------
-  [2.4] Bottom Left
--------------------------------------------------*/
-[role~="tooltip"][data-microtip-position="bottom-left"]::after {
-  transform: translate3d(calc(-100% + 16px), -10px, 0);
-  top: 100%;
-}
-
-[role~="tooltip"][data-microtip-position="bottom-left"]:hover::after {
-  transform: translate3d(calc(-100% + 16px), 0, 0);
-}
-
-
-/* ------------------------------------------------
-  [2.5] Bottom Right
--------------------------------------------------*/
-[role~="tooltip"][data-microtip-position="bottom-right"]::after {
-  transform: translate3d(calc(0% + -16px), -10px, 0);
-  top: 100%;
-}
-
-[role~="tooltip"][data-microtip-position="bottom-right"]:hover::after {
-  transform: translate3d(calc(0% + -16px), 0, 0);
-}
-
-
-/* ------------------------------------------------
-  [2.6] Left
--------------------------------------------------*/
-[role~="tooltip"][data-microtip-position="left"]::before,
-[role~="tooltip"][data-microtip-position="left"]::after {
-  bottom: auto;
-  left: auto;
-  right: 100%;
-  top: 50%;
-  transform: translate3d(10px, -50%, 0);
-}
-
-[role~="tooltip"][data-microtip-position="left"]::before {
-  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
-  height: 18px;
-  width: 6px;
-  margin-right: 5px;
-  margin-bottom: 0;
-}
-
-[role~="tooltip"][data-microtip-position="left"]::after {
-  margin-right: 11px;
-}
-
-[role~="tooltip"][data-microtip-position="left"]:hover::before,
-[role~="tooltip"][data-microtip-position="left"]:hover::after {
-  transform: translate3d(0, -50%, 0);
-}
-
-
-/* ------------------------------------------------
-  [2.7] Right
--------------------------------------------------*/
-[role~="tooltip"][data-microtip-position="right"]::before,
-[role~="tooltip"][data-microtip-position="right"]::after {
-  bottom: auto;
-  left: 100%;
-  top: 50%;
-  transform: translate3d(-10px, -50%, 0);
-}
-
-[role~="tooltip"][data-microtip-position="right"]::before {
-  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
-  height: 18px;
-  width: 6px;
-  margin-bottom: 0;
-  margin-left: 5px;
-}
-
-[role~="tooltip"][data-microtip-position="right"]::after {
-  margin-left: 11px;
-}
-
-[role~="tooltip"][data-microtip-position="right"]:hover::before,
-[role~="tooltip"][data-microtip-position="right"]:hover::after {
-  transform: translate3d(0, -50%, 0);
-}
-
-/* ------------------------------------------------
-  [3] Size
--------------------------------------------------*/
-[role~="tooltip"][data-microtip-size="small"]::after {
-  white-space: initial;
-  width: 80px;
-}
-
-[role~="tooltip"][data-microtip-size="medium"]::after {
-  white-space: initial;
-  width: 150px;
-}
-
-[role~="tooltip"][data-microtip-size="large"]::after {
-  white-space: initial;
-  width: 260px;
-}

config/_default/config.toml

@@ -20,10 +20,10 @@ disableKinds = ["taxonomyTerm"]
 [params]
 hostName = "https://mtf.wiki"
 custom_css = [
-  "microtip.css",
   "customize.scss"
 ]
 custom_js = [
+  "qrcode.min.js",
   "customize.js"
 ]
 

content/zh-cn/docs/hrt/fudan-ch/index.md

@@ -2,20 +2,19 @@
 title: 复旦儿科
 ---
 
-> 复旦儿科的跨性别MDT门诊是由心理科、内分泌遗传代谢科、泌尿外科、社工部共同参与的，旨在帮助广大跨性别儿童青少年的多学科门诊。通过多学科医生的专业评估、诊断以及必要药物干预，对于减少这些特殊儿童青少年人群的负面情绪、提高学习成绩以及改善家庭关系、构建和谐社会方面有很大的帮助。
+> 复旦儿科的跨性别 MDT 门诊是由心理科、内分泌遗传代谢科、泌尿外科、社工部共同参与的，旨在帮助广大跨性别儿童青少年的多学科门诊。通过多学科医生的专业评估、诊断以及必要药物干预，对于减少这些特殊儿童青少年人群的负面情绪、提高学习成绩以及改善家庭关系、构建和谐社会方面有很大的帮助。
 > <http://ch.shmu.edu.cn/news/content/pid/13742.html>
 
-
 [复旦大学附属儿童医院](https://amap.com/place/B00155KP0U)
 
 门诊时间：每周四下午
 
 预约电话：{{< telephone "+86 021-64932953" >}}
 
-目前，未成年跨性别者在前往一些医院时，可能会被推荐/转诊至上海复旦儿科跨性别MDT医疗联系 罗飞宏 医生。
+目前，未成年跨性别者在前往一些医院时，可能会被推荐/转诊至上海复旦儿科跨性别 MDT 医疗联系 罗飞宏 医生。
 
 ## 第一次就诊
 
-位于复旦儿科3楼MDT会诊中心，自费诊疗约 1008 元。需家长陪同就诊。在首次就诊时，将由心理科、内分泌科、社工部等联合会诊，评估心理状况、发育状况、家庭关系等。
+位于复旦儿科 3 楼 MDT 会诊中心，自费诊疗约 1008 元。需家长陪同就诊。在首次就诊时，将由心理科、内分泌科、社工部等联合会诊，评估心理状况、发育状况、家庭关系等。
 
 若建议进行青春期阻断剂治疗，可能需要住院抽血评估。

content/zh-cn/docs/hrt/puth/_index.md

@@ -4,7 +4,7 @@ description: 本页描述的是在北医三院医生（刘烨和潘柏林）的
 weight: 100
 collapsible: true
 aliases:
-    - /zh-cn/docs/hrt/pku3/
+  - /zh-cn/docs/hrt/pku3/
 ---
 
 ## 概况
@@ -24,9 +24,11 @@ aliases:
 
 线上预约挂号可通过北医三院 APP，“北医三院服务号”微信公众号及[北京市预约挂号统一平台](https://www.114yygh.com)挂号。其中前二者号源共享，同有同无；最后一种方式的号源独立。
 
-| 北医三院 APP | 北医三院服务号 |
-| :--: | :--: |
-| ![北医三院 APP 二维码](app.jpg "北医三院 APP") | ![北医三院服务号二维码](erwm.jpg "北医三院服务号")|
+北医三院 APP
+{{< qrcode "https://a.app.qq.com/o/simple.jsp?pkgname=com.founder.bysypatientapp" >}}
+
+北医三院服务号
+{{< qrcode "http://weixin.qq.com/r/HkO7o7bE5OubrfLA9xYM" >}}
 
 所有挂号方式均可以预约接下来三天的号源。具体而言，对于前两种方式，每天早晨 7 点可以开始预约其后第三天的号源[^1]；对于第三种方式，每天中午 12 点可以开始预约其后第三天的号源。
 
@@ -160,7 +162,7 @@ aliases:
 
 如需线上问诊，可通过好大夫在线微信小程序或官网进入潘柏林医生主页，选择**多学科会诊**按钮。
 
-{{< alert theme="warning" >}} 
+{{< alert theme="warning" >}}
 请注意，目前直接向潘柏林申请服务是不支持咨询跨性别相关问题的，将会提示分诊审核不通过。
 {{< /alert >}}
 

content/zh-cn/docs/hrt/puth/liu-ye/index.md

@@ -2,16 +2,16 @@
 title: 刘烨
 weight: 200
 aliases:
-    - /zh-cn/docs/hrt/pku3/liu-ye/
+  - /zh-cn/docs/hrt/pku3/liu-ye/
 ---
 
-# 刘烨 {#liu-ye}
+# 刘烨
 
-![刘烨照片](liu-ye.png)
+{{< doctor-image src="doctor.png" >}}
 
 {{< tag/pos 无需家长 >}} {{< tag/pos 漂亮大姐姐 >}} {{< tag/pos 温馨体贴 >}}
 
-医生姓名：刘烨
+医生姓名：[刘烨](https://www.haodf.com/doctor/2168666201.html)
 所在医院：[北京大学第三医院]({{< ref "puth" >}})
 
 ## 挂号
@@ -23,7 +23,7 @@ aliases:
 周三,下午,内分泌门诊（易性症激素治疗门诊）,60 元
 {{< /csv-table >}}
 
-如何挂号详见[北医三院：预约挂号]({{< ref "puth#register" >}})。
+如何挂号详见 [北医三院：预约挂号]({{< ref "puth#register" >}})。
 
 ## 青春期阻断剂相关事宜
 

content/zh-cn/docs/hrt/puth/pan-bailin/index.md

@@ -2,21 +2,21 @@
 title: 潘柏林
 weight: 200
 aliases:
-    - /zh-cn/docs/hrt/pku3/pan-bailin/
+  - /zh-cn/docs/hrt/pku3/pan-bailin/
 ---
 
 # 潘<ruby>柏<rt>bǎi</rt></ruby>林
 
-![潘柏林照片](pan-bai-lin.jpg)
+{{< doctor-image src="doctor.jpg" >}}
 
 {{< tag/pos 超级帅 >}} {{< tag/neg 拍裸照 >}}
 
-医生姓名：潘柏林
+医生姓名：[潘柏林](https://www.haodf.com/doctor/227082.html)
 所在医院：[北京大学第三医院]({{< ref "puth" >}})
 
 ## 挂号
 
-潘柏林医生的出诊时间为
+出诊时间为
 
 {{< csv-table >}}
 周次,时间,科室,价格
@@ -24,7 +24,7 @@ aliases:
 周四,上午,美容中心,60 元
 {{< /csv-table >}}
 
-如何挂号详见[北医三院：预约挂号]({{< ref "puth#register" >}})。
+如何挂号详见 [北医三院：预约挂号]({{< ref "puth#register" >}})。
 
 ## 问诊细节
 
@@ -37,13 +37,13 @@ aliases:
 （初次和第二次就诊）记得带易性症病历！（如果想当天采血）记得空腹！
 
 {{< notice info "关于拍裸照" >}}
-拍照是外科检查的一种，是潘柏林医生为了获取跨性别者对于激素药物的反应而进行的定性数据的获取，并放入病例中进行留档，并进行临床研究，类似于拍X光片或是做CT。
+拍照是外科检查的一种，是潘柏林医生为了获取跨性别者对于激素药物的反应而进行的定性数据的获取，并放入病例中进行留档，并进行临床研究，类似于拍 X 光片或是做 CT。
 
 所有在整形外科接受整形治疗的患者基本都要进行拍照，其原因主要也是为了放入患者的整形病例中留档并进行临床研究。
 
 在进行拍照之前，潘医生会通过书面形式告知，获取的照片会通过保密的形式用于临床研究。
 
-如不愿意被拍照，可直接去找刘烨医生。
+如不愿意被拍照，可直接去找 [刘烨]({{< ref "liu-ye" >}}) 医生。
 {{< /notice >}}
 
 ## 检测项目

content/zh-cn/docs/useful-info/abbreviation.md

@@ -44,7 +44,7 @@ title: 缩写词语表
 - CD: Cross-dressing 异装<a id="cd"></a>
   异装旧称为易装，是一个男女二元性别框架下的概念，指人们出于不同的原因，选择在特定文化语境下通常与另一性别相关的打扮和行为模式，如男性选择偏女性气质的打扮，或女性选择偏男性气质的打扮等。
   异装癖指伴随性满足的异装。将异装癖等同于异装，是对异装的污名化。
-  异装指的是这种行为本身，是一种性别表达，而不是一种性倾向，也不是一种性别认同，因此异装不等同于同性恋，也不等同于跨性别。 
+  异装指的是这种行为本身，是一种性别表达，而不是一种性倾向，也不是一种性别认同，因此异装不等同于同性恋，也不等同于跨性别。
   我国的法律与政策中，虽未明确提及异装的概念，但有多个条款提到不同性别应享有同等权利、禁止基于性别的歧视。包括异装在内的性别平等是全面性教育和实现社会公平的重要内容之一。
   [百度百科](https://baike.baidu.com/item/异装) | [维基百科](https://zh.wikipedia.org/zh-cn/异性装扮)
 - [WPATH](https://www.wpath.org/) 世界跨性别人士健康专业协会

content/zh-hant/docs/useful-info/colloquialism.md

@@ -61,7 +61,7 @@ GD 即為 gender dysphoria 的縮寫，意為 [性別不安/性别焦虑](https:
 </p>
 
 {{< expand "謹慎展開">}}
-![](/images/33cll.png)
+![33CLL](/images/33cll.png)
 {{< /expand >}}
 
 ## 藥娘頭

layouts/shortcodes/qrcode.html

@@ -0,0 +1,14 @@
+{{ $id := delimit (shuffle (seq 1 9)) "" }}
+<script id="qrcode_{{ $id }}">
+  document.addEventListener("DOMContentLoaded", function () {
+    const container = document.createElement("div");
+    container.className = "qrcode";
+    new QRCode(container, {
+      text: "{{ .Get 0 }}",
+      width: 128,
+      height: 128,
+      correctLevel: QRCode.CorrectLevel.L,
+    });
+    document.querySelector("#qrcode_{{ $id }}").replaceWith(container);
+  });
+</script>