Customized Footer

Tseem coj qhov project demo ua piv txwv, .i18n/htm/foot.pug hauv md phau ntawv teev npe txhais cov footer ntawm lub vev xaib.

Footer Style

Muaj peb css cov ntaub ntawv hauv qab md/.i18n/htm hauv qhov project demo.

• foot.css : nqa
• import.css : i18n.site style rau tag nrho lub xaib
• conf.css : Cov cim hauv qab thiab fonts

Icon Font

Lub cim footer yog tsim los ntawm kev tsim cov ntawv sau npe iconfont.cn ( F version /中文版).

Thov tsim koj tus kheej icon font thiab hloov lub icon font hauv kev teeb tsa hauv 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;
}

Thov tsis txhob xa ncaj qha rau cov ntaub ntawv font ntawm iconfont.cn vim nws tsis tuaj yeem thauj khoom ntawm qhov browser safari.

Multilingual Footer

Cov cai hauv .i18n/htm/foot.pug yog raws li hauv qab no :

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

Ntawm no ${I18N.C} sib raug rau en/i18n.yml :

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

Siv ${I18N.xxx} zoo ib yam li txoj kev sau ntawv no, ua ke nrog i18n.yml , koj tuaj yeem ua tiav ntau hom lus thoob ntiaj teb ntawm footer.

Ntxiv class="a" rau qhov txuas yog txhawm rau tiv thaiv qhov txuas ntawm kev hloov mus rau MarkDown Saib : HTML YAML : Markdown