Tilpasset Bunntekst

Fortsatt å ta demoprosjektet som et eksempel, definerer .i18n/htm/foot.pug i md -katalogen bunnteksten til nettstedet.

Bunntekststil

Det er tre css -filer under md/.i18n/htm i demoprosjektet.

• foot.css : Bunntekst stil
• import.css : i18n.site stil for hele nettstedet
• conf.css : og fonter

Ikon Skrift

Bunntekstikonet genereres ved å lage en font kalt iconfont.cn ( F versjon /中文版).

Vennligst lag din egen ikonfont og erstatt ikonfonten i konfigurasjonen i 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;
}

Vennligst ikke referer direkte til fontfilen til iconfont.cn fordi den ikke kan lastes inn i safari-nettleseren.

Flerspråklig Bunntekst

Koden i .i18n/htm/foot.pug er som følger :

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

Her tilsvarer ${I18N.C} en/i18n.yml :

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

Ved å bruke ${I18N.xxx} som ligner på denne skrivemetoden, kombinert med i18n.yml , kan du oppnå flerspråklig internasjonalisering av bunnteksten.

Å legge til class="a" til lenken er for å forhindre at lenken konverteres til MarkDown Se : : YAML Hvordan forhindre at lenke HTML konverteres til Markdown .