Aangepaste Voettekst

Nog steeds met het demoproject als voorbeeld: .i18n/htm/foot.pug in de map md definieert de voettekst van de website.

Voettekststijl

Er zijn drie css -bestanden onder md/.i18n/htm in het demoproject.

• foot.css : Voettekststijl
• import.css : i18n.site voor de hele site
• conf.css : Voettekstpictogrammen en lettertypen

Pictogram Lettertype

Het voettekstpictogram wordt gegenereerd door een lettertype met F iconfont.cn maken ( Engelse versie /中文版).

Maak uw eigen pictogramlettertype en vervang het pictogramlettertype in de configuratie 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;
}

Verwijs alstublieft niet rechtstreeks naar het lettertypebestand van iconfont.cn, omdat dit niet in de safaribrowser kan worden geladen.

Meertalige Voettekst

De code in .i18n/htm/foot.pug is als volgt :

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

Hier komt ${I18N.C} overeen met en/i18n.yml :

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

Door ${I18N.xxx} te gebruiken, vergelijkbaar met deze schrijfmethode, gecombineerd met i18n.yml , kunt u een meertalige internationalisering van de voettekst bereiken.

Het toevoegen van class="a" aan de link is om te voorkomen dat de link wordt geconverteerd naar MarkDown Zie : ➔ YAML : Hoe u kunt voorkomen dat link HTML wordt geconverteerd naar Markdown .