Chân Trang Tùy Chỉnh

Vẫn lấy dự án demo làm ví dụ, .i18n/htm/foot.pug trong thư mục md xác định phần chân trang của trang web.

Kiểu Chân Trang

Có ba tệp css dưới md/.i18n/htm trong dự án demo.

Phông Chữ Biểu Tượng

Biểu tượng chân trang được tạo bằng cách tạo phông chữ có tên F iconfont.cn ( Phiên bản tiếng Anh /中文版).

Vui lòng tạo phông chữ biểu tượng của riêng bạn và thay thế phông chữ biểu tượng trong cấu hình bằng 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;
}

Vui lòng không tham khảo trực tiếp tệp phông chữ của iconfont.cn vì nó không thể tải được trên trình duyệt safari.

Chân Trang Đa Ngôn Ngữ

Mã trong .i18n/htm/foot.pug như sau :

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

Ở đây ${I18N.C} tương ứng với en/i18n.yml :

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

Sử dụng ${I18N.xxx} tương tự như phương pháp viết này, kết hợp với i18n.yml , bạn có thể đạt được sự quốc tế hóa đa ngôn ngữ của phần chân trang.

Thêm class="a" vào liên kết là để ngăn liên kết bị chuyển thành MarkDown Xem : ➔ YAML : Làm cách nào để ngăn liên kết HTML bị chuyển thành Markdown .