ການນໍາທາງທີ່ກໍາຫນົດເອງ

ໃຫ້ເອົາເວັບໄຊທ i18n-demo.github.io ສາທິດເປັນຕົວຢ່າງເພື່ອອະທິບາຍວິທີການປັບແຕ່ງການນໍາທາງ.

ໄຟລ໌ທີ່ສອດຄ້ອງກັນກັບພື້ນທີ່ຈໍານວນໃນຮູບຂ້າງເທິງນີ້ແມ່ນດັ່ງຕໍ່ໄປນີ້:

1. ຊ້າຍ .i18n/htm/t1.pug
2. ຂວາ .i18n/htm/t2.pug

pug ເປັນພາສາແມ່ແບບທີ່ສ້າງ HTML 's.

➔ ຄລິກທີ່ນີ້ເພື່ອຮຽນຮູ້ໄວຍາກອນຂອງ pug

ຮູບແບບສະຕຣິງ ${I18N.sponsor} ຖືກນໍາໃຊ້ໃນໄຟລ໌ເພື່ອປະຕິບັດການເປັນສາກົນ, ແລະເນື້ອຫາຂອງມັນຈະຖືກແທນທີ່ດ້ວຍຂໍ້ຄວາມທີ່ສອດຄ້ອງກັນໃນ i18n.yml

ໄຟລ໌ທີ່ .i18n/htm/topbar.css ກັບຮູບແບບຂອງແຖບນໍາທາງແມ່ນ :

[!WARN] ຢ່າຂຽນ css ແລະ js ໃນ pug , ຖ້າບໍ່ດັ່ງນັ້ນມັນຈະມີຂໍ້ຜິດພາດ.

ອົງປະກອບເວັບ

js ບໍ່ສາມາດຂຽນເປັນ pug ຖ້າຕ້ອງການການໂຕ້ຕອບ, ມັນສາມາດບັນລຸໄດ້ໂດຍການສ້າງອົງປະກອບເວັບ.

ອົງປະກອບສາມາດກໍານົດ ອົງປະກອບຂອງຫນ້າເວັບ ໃນ md/.i18n/htm/index.js ແລະຫຼັງຈາກນັ້ນນໍາໃຊ້ອົງປະກອບໃນ foot.pug .

ມັນງ່າຍທີ່ຈະສ້າງອົງປະກອບເວັບ, ເຊັ່ນ: <x-img> .

customElements.define(
  'x-img',
  class extends HTMLElement {
    constructor() {
      super();
      var img = document.createElement('img');
      img.src = '//p.3ti.site/i18n.svg';
      img.style = "height:99px;width:99px;";
      this.append(img);
    }
  }
)

ປະຈຸບັນ x/i-h.js ຖືກອ້າງອີງໃນ md/.i18n/htm/index.js , ເຊິ່ງເປັນອົງປະກອບເວັບທີ່ໃຊ້ສໍາລັບການນໍາທາງລະຫວ່າງປະເທດແລະຂໍ້ຄວາມທີ່ກໍາຫນົດເອງ footer ເບິ່ງລະຫັດແຫຼ່ງ 18x/src/i-h.js