حسب ضرورت فوٽر

اڃا به مثال طور ڊيمو پروجيڪٽ کڻڻ، md ڊاريڪٽري ۾ .i18n/htm/foot.pug ويب سائيٽ جي فوٽر کي بيان ڪري ٿو.

فوٽر انداز

ڊيمو پروجيڪٽ ۾ md/.i18n/htm تحت ٽي css فائلون آهن.

• foot.css فوٽر :
• import.css : 1 سڄي سائيٽ لاءِ i18n.site انداز
• conf.css : آئڪن ۽ فونٽس

آئڪن فونٽ

فوٽر آئڪن iconfont.cn ( F ورزن /中文版) نالي هڪ فونٽ ٺاهي ٺاهي ٿو.

مھرباني ڪري پنھنجو پنھنجو آئڪن فونٽ ٺاھيو ۽ آئڪن فونٽ کي 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 ۾ تبديل ٿيڻ کان ڪيئن روڪيو وڃي .