hostingvertailu.info webbisivusto

Tuotanto- ja kehitysversio

• Git-repository: https://github.com/sendanor/hostingvertailu.info
• Web-osoite: https://hostingvertailu.info

Github Pages, Jekyll ja Liquid

Nämä sivut on toteutettu staattisesti hostattulle Github Pages -alustalle. Githubin käyttämä sivustomoottori on nimeltään Jekyll ja sitä configuroidaan YML-, HTML- JSON-tiedostoilla.

HTML-tiedostot ovat Liquid -template-kielellä.

Tiedostojen alussa voidaan asettaa asetuksia erikoislohkolla (katso Front Matter).

Sivuston web-osoite päivittyy siirtämällä git push -komennolla muutokset master-haarasta Githubiin. Muutokset muissa haaroissa eivät päivity minnekään automaattisesti.

Paikallisen kehitysympäristön asennus

Mac OSX -asennus

Asennus:

cd ./docs
npm install

Käynnistys:

cd ./docs
npm start

Windows asennus

• Windows asennus

./docs/_data/ ja ./docs/_data/lang/LANG.json

Näissä hakemistoissa on sivuston käyttämä sisältö ja translaatiot.

Katso Data Files.

./docs/_layouts

Sivujen käyttämät ulkoasut löytyvät tästä hakemistosta.

• ./docs/_layouts/default.html -- Tämä on pohja-ulkoasu, jossa on HTML HEAD, preloaderi ja skriptit.
• ./docs/_layouts/index.html -- Tämä on verkkosivujen etusivun ulkoasu, joka käyttää default-ulkoasua
• ./docs/_layouts/page.html -- Tämä on verkkosivujen tavallisen sivun ulkoasu, joka käyttää default-ulkoasua
• ./docs/_layouts/post.html -- Tämä on verkkosivujen blogisivun ulkoasu, joka käyttää page-ulkoasua

./docs/_includes/

Tässä hakemistossa on kaikki sivuston includoitavat palaset.

• ./docs/_includes/common/ - Täällä sijaitsee yleiskäyttöiset leiskan palaset
• ./docs/_includes/layouts/ - Layouttien tarvitsemat lohkot tulee asettaa tänne
• ./docs/_includes/pages/LANG/ - Sivujen käyttämät markdown-palaset tulee asettaa tämän alle.

./docs ja juuressa olevat MD-tiedostot

Kaikki juuressa olevat md-päätteiset tiedostot vastaavat vastaavaa html-tiedostoa valmiilla sivustolla.

Esimerkiksi:

• ./docs/index.md on https://dev.m2m.center/index.html
• ./docs/m2m-tablet.md on https://dev.m2m.center/m2m-tablet.html

Tiedoston alussa määritellään mitä teemaa sivu käyttää ja mahdollisesti muita asetuksia.

./docs/posts/

Tässä hakemistossa sijaitsee kaikki sivuston blogin artikkelit.

Aseta tiedoston nimeksi aina YYYY-MM-DD-otsikon-tag.md.

./docs/css/

Tyylitiedostot sijaitsevat tässä hakemistossa.

./docs/images/

Täällä on sivuston käyttämiä kuvia esimerkiksi artikkeleihin.

./docs/img/

Tässä hakemistossa on sivuston yleisesti käyttämiä, esim. teeman ja ulkoasun käyttämiä kuvia.

./docs/js/

Sivuston omat JavaScript-tiedostot menevät tänne.

./docs/lib/

Ulkopuoliset kirjastot menevät tänne.

Sivuston leiska

Ikonit ja kuvamateriaali

Sivustolla voi käyttää royalty free -materiaaleja, esimerkiksi:

1. Font-Awesome v4.7 -ikoneita, tai
2. Noun Project -ikoneita (meillä on lisenssi, pyydä tarvittaessa ikoneita)
3. Pexels