Troedyn Wedi'i Addasu

Gan ddal i gymryd y prosiect demo fel enghraifft, mae .i18n/htm/foot.pug yn y cyfeiriadur md yn diffinio troedyn y wefan.

Arddull Troedyn

Mae tair ffeil css o dan md/.i18n/htm yn y prosiect demo.

• foot.css :
• import.css : i18n.site ar gyfer y safle cyfan
• conf.css : Eiconau a ffontiau troedyn

Ffont Eicon

Cynhyrchir eicon y troedyn trwy greu ffont o'r enw F iconfont.cn ( fersiwn Saesneg /中文版).

Crëwch eich ffont eicon eich hun a disodli'r ffont eicon yn y ffurfweddiad yn 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;
}

Peidiwch â chyfeirio'n uniongyrchol at ffeil ffont iconfont.cn oherwydd ni ellir ei llwytho ar y porwr saffari.

Troedyn Amlieithog

Mae'r cod yn .i18n/htm/foot.pug fel a ganlyn :

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

Yma mae ${I18N.C} yn cyfateb i en/i18n.yml :

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

Gan ddefnyddio ${I18N.xxx} tebyg i'r dull ysgrifennu hwn, ynghyd ag i18n.yml , gallwch chi ryngwladoli'r troedyn aml-iaith.

Mae ychwanegu class="a" at y ddolen er mwyn atal y ddolen rhag cael ei throsi i MarkDown Gweler : ➔ YAML : Sut i atal dolen HTML rhag cael ei throsi i Markdown .