Ыңгайлаштырылган Колонтитул

Демо-долбоорду мисал катары алып, md каталогундагы .i18n/htm/foot.pug веб-сайттын төмөнкү колонтитулун аныктайт.

Колонтитул Стили

Демо долбоордо md/.i18n/htm төмөн үч css файл бар.

• foot.css :
• import.css : сайт үчүн i18n.site стил
• conf.css : сүрөтчөлөрү жана шрифтер

Icon Шрифт

Колонтитул сүрөтчөсү 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 шрифт файлына түз шилтеме кылбаңыз, анткени аны Safari браузерине жүктөө мүмкүн эмес.

Көп Тилдүү Колонтитул

.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 айлантуудан сактайт. Караңыз : HTML YAML : Markdown