Urambazaji Uliobinafsishwa

Hebu tuchukue tovuti ya i18n-demo.github.io kama mfano kueleza jinsi ya kubinafsisha urambazaji.

Faili zinazolingana na maeneo yaliyohesabiwa kwenye takwimu hapo juu ni kama ifuatavyo.

1. Kushoto .i18n/htm/t1.pug
2. Haki .i18n/htm/t2.pug

pug ni lugha ya kiolezo ambayo hutoa HTML .

➔ Bofya hapa ili kujifunza sarufi ya pug

Kamba ya umbizo ${I18N.sponsor} inatumika katika faili kutekeleza ufanyaji kazi wa kimataifa, na maudhui yake yatabadilishwa na maandishi i18n.yml katika saraka ya lugha chanzo.

Faili inayolingana na mtindo wa upau .i18n/htm/topbar.css :

[!WARN] Usiandike css na js kwa pug , vinginevyo kutakuwa na hitilafu.

Vipengele Vya Wavuti

js haiwezi kuandikwa kwa pug Ikiwa mwingiliano unahitajika, unaweza kupatikana kwa kuunda sehemu ya wavuti.

Vipengele vinaweza kufafanua kijenzi cha ukurasa wa wavuti katika md/.i18n/htm/index.js na kisha kutumia kijenzi katika foot.pug .

Ni rahisi kuunda vipengee vya wavuti, kama vile <x-img> maalum0 .

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);
    }
  }
)

Kwa sasa x/i-h.js inarejelewa katika md/.i18n/htm/index.js , ambayo ni sehemu ya wavuti inayotumika kwa urambazaji wa kimataifa na maandishi ya yaliyomo yaliyogeuzwa kukufaa. Tazama msimbo wa chanzo 18x/src/i-h.js