Pengaki Tersuai

Masih mengambil projek demo sebagai contoh, .i18n/htm/foot.pug dalam direktori md mentakrifkan pengaki tapak web.

Gaya Pengaki

Terdapat tiga css fail di bawah md/.i18n/htm dalam projek demo.

• foot.css : gaya pengaki
• import.css : i18n.site untuk keseluruhan tapak
• conf.css : ikon pengaki dan fon

Fon Ikon

Ikon pengaki dijana dengan mencipta fon bernama F iconfont.cn ( versi Inggeris /中文版).

Sila buat fon ikon anda sendiri dan gantikan fon ikon dalam konfigurasi dalam conf.css :

@font-face {
  font-family: "F";
  src: url(//p.3ti.site/ico1.woff2) format("woff2");
}

#Ft>b>a.site {
  background: url("//p.3ti.site/i18n.svg") 0 0 / cover;
  display: block;
  height: 24px;
  opacity: 0.8;
  width: 115px;
  flex-shrink: 0;
}

Sila jangan rujuk terus fail fon iconfont.cn kerana ia tidak boleh dimuatkan pada pelayar safari.

Pengaki Berbilang Bahasa

Kod dalam .i18n/htm/foot.pug adalah seperti berikut :

#Ft
  b
    a.site(href="/")
    b ${I18N.C}

Di sini ${I18N.C} sepadan dengan en/i18n.yml :

C: Power By <a class="a" href="https://i18n.site">i18n.site</a>

Menggunakan ${I18N.xxx} yang serupa dengan kaedah penulisan ini, digabungkan dengan i18n.yml , anda boleh mencapai pengantarabangsaan berbilang bahasa pengaki.

Menambah class="a" pada pautan adalah untuk mengelakkan pautan daripada ditukar kepada MarkDown Lihat : ➔ YAML : Bagaimana untuk mengelakkan pautan HTML daripada ditukar kepada Markdown .