Benotzerdefinéiert Fousszeilen

Nach ëmmer den Demo-Projet als Beispill ze huelen, .i18n/htm/foot.pug am md Verzeichnis definéiert de Fousszeil vun der Websäit.

Fousszeilen Stil

Et ginn dräi css Dateien ënner md/.i18n/htm am Demo-Projet.

• foot.css : Fousszeilen
• import.css : i18n.site Stil fir de ganze Site
• conf.css : Symboler a Schrëften

Icon Schrëft

D'Footer Ikon gëtt generéiert andeems Dir eng Schrëft mam Numm iconfont.cn erstellt F Englesch Versioun /中文版).

Erstellt w.e.g. Är eege Ikon Schrëft an ersetzt d'Ikon Schrëft an der Konfiguratioun an 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;
}

Referenzéiert w.e.g. net direkt d'Schrëftdatei vun iconfont.cn well se net am Safari Browser gelueden ka ginn.

Méisproocheg Fousszeilen

De Code an .i18n/htm/foot.pug ass wéi follegt :

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

Hei entsprécht ${I18N.C} en/i18n.yml :

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

Mat ${I18N.xxx} ähnlech wéi dës Schreifmethod, kombinéiert mat i18n.yml , kënnt Dir Multi-Sprooch Internationaliséierung vum Fousszeilen erreechen.

class="a" op de Link ze addéieren ass fir ze verhënneren datt de Link op MarkDown ëmgewandelt gëtt. Kuckt : ➔ YAML Wéi verhënnert : datt de Link HTML op Markdown ëmgewandelt gëtt .