Egyedi Lábléc

Még mindig a demóprojektet vesszük példaként, a md könyvtárban az .i18n/htm/foot.pug határozza meg a webhely láblécét.

Lábléc Stílus

A demóprojektben három css fájl található md/.i18n/htm alatt.

• foot.css : stílus
• import.css i18n.site stílus : teljes webhelyhez
• conf.css : ikonok és betűtípusok

Ikon Betűtípus

A lábléc ikon egy iconfont.cn nevű betűtípus létrehozásával jön létre ( angol verzió / F版).

Kérjük, hozzon létre saját ikon-betűtípust, és cserélje ki az ikon betűtípusát a konfigurációban conf.css -ban :

@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;
}

Kérjük, ne hivatkozzon közvetlenül az iconfont.cn betűtípusfájljára, mert az nem tölthető be a safari böngészőbe.

Többnyelvű Lábléc

A .i18n/htm/foot.pug -s kód a következő :

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

Itt a ${I18N.C} en/i18n.yml nek felel meg :

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

Az ehhez az írási módhoz hasonló ${I18N.xxx} kombinálva i18n.yml gyel, a lábléc többnyelvű nemzetközivé tételét érheti el.

Ha a hivatkozáshoz class="a" adunk, az megakadályozza, hogy a hivatkozás MarkDown re legyen konvertálva. Lásd : ➔ YAML Hogyan lehet megakadályozni : hogy HTML hivatkozás Markdown -re legyen konvertálva .