Agordita Navigado

Ni prenu la i18n-demo.github.io retejon kiel ekzemplon por klarigi kiel personecigi navigadon.

La dosieroj respondaj al la numeritaj areoj en la supra figuro estas kiel sekvas:

1. Maldekstre .i18n/htm/t1.pug
2. Ĝuste .i18n/htm/t2.pug

pug estas ŝablono lingvo kiu generas HTML 's.

➔ Klaku ĉi tie por lerni la gramatikon de pug

La formatĉeno ${I18N.sponsor} estas uzata en la dosiero por efektivigi internaciigon, kaj ĝia enhavo estos anstataŭigita per la responda i18n.yml en la fontlingva dosierujo.

La dosiero responda al la stilo de .i18n/htm/topbar.css :

[!WARN] Ne skribu css kaj js en pug , alie estos eraro.

Retaj Komponantoj

js ne povas esti skribita en pug Se interagado estas postulata, ĝi povas esti atingita kreante TTT-komponenton.

Komponantoj povas difini retpaĝan komponenton en md/.i18n/htm/index.js kaj tiam uzi la komponenton en foot.pug .

Estas facile krei retajn komponantojn, kiel kutimajn <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);
    }
  }
)

Nuntempe x/i-h.js estas referencita en md/.i18n/htm/index.js , kiu estas TTT-komponento uzata por internaciigo de navigado kaj piedpieda enhava teksto Vidu la fontkodon 18x/src/i-h.js