Įspėjimas: tai vingiuota, vidutinio lygio ekrano kopija, kurioje mes žiūrime į kodą, kuris valdo svetainės kūrimo procesą. Mes nerašome jokio kodo.
„Sukūrimo procesas“ yra visa tai, kas vyksta tarp jūsų parašyto kodo ir kodo, nukreipto į tiesioginę svetainę. Jau anksčiau kalbėjome apie „Grunt“ naudojimą tam. „Sass“ yra apdorojamas, turtas sujungiamas, įvyksta susiaurinimas ir optimizavimas ir tt Yra daugybė dalykų, kuriuos kūrimo procesas gali padaryti jums.
Dirbu su Katie Kovalcin kurdama jai naują asmeninę svetainę. Tai eksperimentas mums abiem mokantis naujų procesų ir išbandant naujus dalykus. Šiuo atveju aš pirmą kartą naudoju „Jekyll“ ir pirmą kartą automatizuoju SVG sistemą.
Vaizdo siuntimo metu esu tiesiai per vidurį, bet sukūrimo sistema veikė sklandžiai, todėl supratau, kad tinkamas laikas tuo pasidalinti. Aš visada manau, kad tinkamas laikas dalintis - būtent tuo metu, kai kažkas tau spusteli.
Vykstantys dalykai:
- Gruntas vykdo visas užduotis.
- Svetainė statoma kartu su Jekyll. Tai reiškia, kad jis apdoroja maketus ir turinį į visus tinklalapius. Keičiantis turiniui ar išdėstymui, Gruntas paleidžia „Jekyll“ versiją.
- Jekyll taip pat valdo vietinį serverį.
- Sassas yra CSS išankstinis procesorius. Kai pasikeičia „Sass“ failas, „Grunt“ vykdo „Sass“ komplikaciją. Tada Gruntas paleidžia rezultatą „Autoprefixer“. Tada Gruntas vėl paleidžia „Jekyll“ versiją, kad įsitikintų, jog visus naujus dalykus galima naudoti apdorotoje svetainėje.
- Svetainėje naudojama SVG sistema. Piktogramoms, bet taip pat logotipui ir kas dar žino, kas visa kita. Visi SVG failai laikomi atskirai aplanke „svg“. Kai kuri nors iš jų pasikeis, „Grunt“ vykdo „svgstore“ užduotį, kad juos visus apdorotų kartu. Tada Gruntas paleidžia „Jekyll“ pastatą, kad visa dabartinė SVG būtų prieinama svetainei.
- Kadangi tai yra „GitHub“ ir „GitHub“ puslapių palaikymas, palaiko „Jekyll“, mes galime automatiškai gauti tiesioginę, priglobtą šios svetainės versiją. Šioje svetainėje taip pat galime nurodyti kitą domeną.