Անհատականացված Ստորագիր

Դեռևս որպես օրինակ վերցնելով ցուցադրական նախագիծը, md գրացուցակում .i18n/htm/foot.pug սահմանում է կայքի ստորագիր:

Ստորին Ոճ

Դեմո նախագծում կա երեք css ֆայլ md/.i18n/htm ի տակ:

• foot.css :
• import.css : 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-ի տառատեսակի ֆայլին, քանի որ այն հնարավոր չէ բեռնել 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 ի: Տես : ➔ YAML Ինչպես կանխել HTML : Markdown ի փոխակերպումը :