Prilagođeno Podnožje

I dalje uzimajući demo projekt kao primjer, .i18n/htm/foot.pug u direktoriju md definira podnožje web stranice.

Stil Podnožja

Postoje tri css datoteke ispod md/.i18n/htm u demo projektu.

• foot.css : Stil podnožja
• import.css : i18n.site stil za cijelu stranicu
• conf.css Ikone i fontovi : podnožju

Font Ikone

Ikona podnožja generira se stvaranjem fonta pod nazivom F iconfont.cn ( engleska verzija /中文版).

Molimo kreirajte vlastiti font ikone i zamijenite font ikone u konfiguraciji u 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;
}

Nemojte izravno spominjati datoteku fonta iconfont.cn jer se ne može učitati u pregledniku safari.

Višejezično Podnožje

Kod u .i18n/htm/foot.pug je sljedeći :

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

Ovdje ${I18N.C} odgovara en/i18n.yml :

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

Korištenjem ${I18N.xxx} slično ovoj metodi pisanja, u kombinaciji s i18n.yml , možete postići višejezičnu internacionalizaciju podnožja.

Dodavanje class="a" poveznici sprječava pretvaranje veze u MarkDown Pogledajte : ➔ YAML : Kako spriječiti da se link HTML pretvori u Markdown .