پێی لاپەڕەی تایبەتمەند

هێشتا بە وەرگرتنی پڕۆژەی دیمۆ وەک نموونە، .i18n/htm/foot.pug لە دایرێکتۆری md پێوەرەکەی ماڵپەڕەکە پێناسە دەکات.

شێوازی پێوەر

سێ فایل css لە ژێر md/.i18n/htm لە پرۆژەی دیمۆدا هەیە.

• foot.css :
• import.css : 1ستایلی i18n.site بۆ تەواوی سایتەکە
• conf.css : ئایکۆن و فۆنتەکانی پێوەر

فۆنتێکی ئایکۆن

ئایکۆنی ژێرەوە بە دروستکردنی فۆنتێک بە ناوی F iconfont.cn ( وەشانی ئینگلیزی /中文版) دروست دەکرێت.

تکایە فۆنتێکی ئایکۆنی خۆت دروست بکە و فۆنتەکەی ئایکۆن لە ڕێکخستنەکەدا بگۆڕە بە 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;
}

تکایە ڕاستەوخۆ ئاماژە بە فایلە فۆنتەکەی iconfont.cn مەکەن چونکە ناتوانرێت لەسەر وێبگەڕی سەفاری باربکرێت.

ژێرەوەی فرە زمانە

کۆدی .i18n/htm/foot.pug بەم شێوەیە :

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

لێرەدا ${I18N.C} هاوتایە لەگەڵ en/i18n.yml :

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

بە بەکارهێنانی ${I18N.xxx} هاوشێوەی ئەم شێوازە نووسینە، لەگەڵ i18n.yml تێکەڵکراوە، دەتوانیت بە نێودەوڵەتیکردنی فرە زمانی پێی لاپەڕەکە بەدەست بهێنیت.

زیادکردنی class="a" بۆ بەستەرەکە بۆ ڕێگریکردنە لە گۆڕینی بەستەرەکە بۆ MarkDown سەیری : ➔ YAML چۆن ڕێگری بکەین : گۆڕینی بەستەری HTML بۆ Markdown .