Piede Di Pagina Persunalizata

Sempre pigliate u prughjettu demo cum'è un esempiu, .i18n/htm/foot.pug in u repertoriu md definisce u footer di u situ web.

Stile Di Footer

Ci sò trè schedari css sottu md/.i18n/htm in u prughjettu demo.

• foot.css : Stile di piè di pagina
• import.css : 1 Stile i18n.site per tuttu u situ
• conf.css : Icone di piè di pagina è fonti

Font D'icona

L'icona F iconfont.cn versione inglese /中文版!).

Per piacè create u vostru propiu fonti d'icona è rimpiazzà u font di l'icona in a cunfigurazione in 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;
}

Per piacè ùn riferite micca direttamente u schedariu di font di iconfont.cn perchè ùn pò micca esse caricatu in u navigatore safari.

Piè Di Pagina Multilingue

U codice in .i18n/htm/foot.pug hè u seguitu :

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

Quì ${I18N.C} currisponde à en/i18n.yml :

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

Utilizendu ${I18N.xxx} simili à stu metudu di scrittura, cumminatu cù i18n.yml , pudete ottene l'internazionalizazione multi-lingua di u footer.

Aghjunghjendu class="a" à u ligame hè di impedisce chì u ligame sia cunvertitu in MarkDown Vede : ➔ YAML : impedisce u ligame HTML da esse cunvertitu in Markdown .