Прилагођено Подножје

И даље узимајући демо пројекат као пример, .i18n/htm/foot.pug у директоријуму md дефинише подножје веб странице.

Стил Подножја

У демо пројекту постоје три css датотеке испод md/.i18n/htm .

• foot.css :
• import.css 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;
}

Немојте директно упућивати на датотеку фонта ицонфонт.цн јер се не може учитати у сафари претраживач.

Вишејезично Подножје

Код у .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 !