ਅਨੁਕੂਲਿਤ ਫੁੱਟਰ

ਅਜੇ ਵੀ ਇੱਕ ਉਦਾਹਰਣ ਵਜੋਂ ਡੈਮੋ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਲੈ ਕੇ, md ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ .i18n/htm/foot.pug ਵੈਬਸਾਈਟ ਦੇ ਫੁੱਟਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ.

ਫੁੱਟਰ ਸ਼ੈਲੀ

ਡੈਮੋ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ md/.i18n/htm ਹੇਠਾਂ ਤਿੰਨ css ਫਾਈਲਾਂ ਹਨ।

• foot.css : ਸ਼ੈਲੀ
• import.css : 1ਪੂਰੀ ਸਾਈਟ ਲਈ 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 ਦੀ ਫੌਂਟ ਫਾਈਲ ਦਾ ਸਿੱਧਾ ਹਵਾਲਾ ਨਾ ਦਿਓ ਕਿਉਂਕਿ ਇਸਨੂੰ ਸਫਾਰੀ ਬ੍ਰਾਊਜ਼ਰ 'ਤੇ ਲੋਡ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।

ਬਹੁ-ਭਾਸ਼ਾਈ ਫੁੱਟਰ

.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 ਵਿੱਚ ਬਦਲਣ ਤੋਂ ਕਿਵੇਂ ਰੋਕਿਆ ਜਾਵੇ ।