ಕಸ್ಟಮೈಸ್ ಮಾಡಿದ ಅಡಿಟಿಪ್ಪಣಿ

ಇನ್ನೂ ಡೆಮೊ ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ಉದಾಹರಣೆಯಾಗಿ ತೆಗೆದುಕೊಂಡರೆ, 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 ಗೆ ಪರಿವರ್ತಿಸುವುದನ್ನು ತಡೆಯುವುದು ಹೇಗೆ .