Pritaikyta Poraštė

Vis dar kaip pavyzdį imant demonstracinį projektą, .i18n/htm/foot.pug md kataloge apibrėžia svetainės poraštę.

Poraštės Stilius

Demonstraciniame projekte yra trys css failai po md/.i18n/htm .

• foot.css poraštės :
• import.css : i18n.site svetainės stilius
• conf.css : piktogramos ir šriftai

Piktogramos Šriftas

Poraštės piktograma sugeneruojama sukūrus šriftą pavadinimu iconfont.cn F angliška versija /中文版).

Sukurkite savo piktogramos šriftą ir pakeiskite piktogramos šriftą konfigūracijoje 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;
}

Tiesiogiai nenurodykite į iconfont.cn šrifto failą, nes jo negalima įkelti į „Safari“ naršyklę.

Daugiakalbė Poraštė

Kodas .i18n/htm/foot.pug yra toks :

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

Čia ${I18N.C} atitinka en/i18n.yml :

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

Naudodami ${I18N.xxx} panašų į šį rašymo būdą, kartu su i18n.yml , galite pasiekti poraštės internacionalizavimą keliomis kalbomis.

Prie nuorodos pridėjus class="a" , neleisite nuorodos konvertuoti į MarkDown Žiūrėkite : : YAML Kaip neleisti HTML nuorodos konvertuoti į Markdown .