Mukautettu Alatunniste

Edelleen esittelyprojektin esimerkkinä .i18n/htm/foot.pug md -hakemistossa määrittää verkkosivuston alatunnisteen.

Alatunnisteen Tyyli

Demoprojektissa on kolme css tiedostoa alle md/.i18n/htm .

• foot.css : tyyli
• import.css : sivuston i18n.site
• conf.css : ja fontit

Kuvakkeen Fontti

Alatunnistekuvake luodaan luomalla fontti nimeltä iconfont.cn F englanninkielinen versio /中文版).

Ole hyvä ja luo oma kuvakefontti ja vaihda kuvakefontti konfiguraatiossa 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;
}

Älä viittaa suoraan iconfont.cn-kirjasintiedostoon, koska sitä ei voi ladata safari-selaimeen.

Monikielinen Alatunniste

Koodi numerossa .i18n/htm/foot.pug on seuraava :

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

Tässä ${I18N.C} vastaa en/i18n.yml :tä :

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

Käyttämällä tätä kirjoitustapaa vastaavaa ${I18N.xxx} :aa yhdistettynä i18n.yml een, voit saavuttaa alatunnisteen monikielisen kansainvälistymisen.

class="a" lisääminen linkkiin estää linkin muuntamisen MarkDown :ksi. Katso : ➔ YAML : estää linkin HTML muuntaminen Markdown :ksi .