دودیز فوټر

بیا هم د مثال په توګه د ډیمو پروژه اخیستل، په md لارښود کې .i18n/htm/foot.pug د ویب پاڼې فوټر تعریفوي.

د فوټر سټایل

په ډیمو پروژه کې md/.i18n/htm لاندې درې css فایلونه شتون لري.

• د فوټر : foot.css
• import.css : ټول سایټ لپاره i18n.site سټایل
• conf.css فوټر : او فونټونه

icon فونټ

د فوټر آئیکون 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 بدلیدو څخه مخنیوی وشي .