Mikä Hugo on ja miten se toimii?

Jos aiot luoda yksinkertaisen, sisältöön perustuvan verkkosivuston, et todennäköisesti halua käyttää liikaa aikaa sen koodaamiseen. Näin voi olla, jos olet luomassa yrityssivustoa, blogia tai henkilökohtaista portfoliota.

Staattiset sivustogeneraattorit kohdistavat tällaisiin skenaarioihin. Niiden avulla voit luoda verkkosivuston, jonka avulla voit keskittyä sisältöösi ja sen suunnitteluun.

Hugo on yksi esimerkki staattisesta sivustogeneraattorista. Siinä on tuki teemoille, kirjoittaminen Markdownissa ja muita etuja.

Mikä on Hugo?

Hugo on staattinen sivustogeneraattori, jonka avulla voit luoda verkkosivuston pienellä koodilla tai ilman koodia. Staattisten sivustogeneraattorien avulla voit yleensä kirjoittaa sisältösi a yksinkertainen merkintäkieli, kuten Markdown.

Staattinen sivustogeneraattori muuntaa sitten sisältösi staattiset HTML-tiedostot. Se käyttää malleja tai tyylejä sivuillesi ennen kuin ne toimitetaan käyttäjälle.

Hugon avulla voit valita muiden jo rakentamien teemojen ja sivustosuunnitelmien kirjastosta. Kun olet ladannut teeman, voit aloittaa sisällön kirjoittamisen. Hugo hyväksyy erilaisia ​​muotoja, joilla voit kirjoittaa sisällön.

Mitä ovat Hugo-teemat?

Voit vierailla luettelossa Hugo teemat löytääksesi sellaisen, jolla pääset alkuun. Voit myös valita teeman eri luokkien perusteella ja suodattaa erityisesti blogeja, portfolioita ja paljon muuta varten tehtyjä malleja.

Voit napsauttaa teemaa nähdäksesi lisätietoja. Täältä voit ladata teeman aloittaaksesi sen työskentelyn. Voit myös esikatsella, miltä teema näyttäisi, kun otat sen käyttöön.

Useimmissa teemoissa on valedataa paikkamerkkinä. Kun muokkaat teemaa, voit muuttaa näitä tietoja haluamallasi tavalla.

Mikä on Hugo-sivuston rakenne?

Teeman avulla voit lisätä sisältöäsi ilman muutoksia koodiin. Voit kuitenkin sukeltaa koodiin, jos haluat tehdä muutoksia sen rakenteeseen. Hugo käyttää Go-malleja HTML-tiedostojesi muuttujien ja paikkamerkkien hyödyntämiseen.

Hugo-projektin luominen tietokoneellesi luo automaattisesti projektiin tarvittavat oletustiedostot.

Hankkeen pääkomponentteja ovat mm.

• arkkityyppejä: Täällä voit tallentaa malleja, jotka voivat määrittää kunkin sivun muotoilun tai lisätiedot. Kun luot uuden sivun, se perustuu malliin.
• omaisuutta: Tässä voit tallentaa mitä tahansa sisältöä, kuten CSS-tyylisivutiedostoja.
• sisältö: Tässä voit tallentaa verkkosivustosi sisällön. Voit tallentaa jokaisen sivun erilliseen tiedostoon. Jos esimerkiksi luot blogia, käytät Markdown-tiedostoa jokaisessa viestissä.
• asettelut: Täällä voit tallentaa lyhyitä, uudelleenkäytettäviä HTML-koodinpätkiä, joita kutsutaan lyhytkoodeiksi. Voit käyttää näitä sisältötiedostoissasi.
• julkinen: Tämä sisältää tiedostot ja kansiot, jotka voit ladata ja käyttää verkkopalvelimella, kun isännöit sivustoasi.
• teemoja: Kaikki Hugosta lataamasi teemat näkyvät täällä.

Mitä hyötyä Hugon käytöstä on?

Koska Hugo on melko kevyt ja luo staattisia verkkosivuja, lopullinen verkkosivustosi ja sen sisältö voivat latautua hyvin nopeasti. Tämä tarkoittaa, että käyttäjillä on vähän odotusaikaa selatessaan sivustoasi.

Kaikki sisältö on staattista eikä muutu, kun käyttäjä katselee sivua. Siksi sinun ei tarvitse huolehtia jatkuvista pyynnöistä palvelimelle. Sinun ei myöskään tarvitse huolehtia tietokannoista tai dynaamisten tietojen kirjaamisesta.

Etkä tarvitse edistyneitä ohjelmointitaitoja voidaksesi työskennellä Hugo-sivuston kanssa. Koska sinulla on kuitenkin suora pääsy koodiin, voit muokata sitä täysin haluamallasi tavalla, jos haluat tehdä niin.

Staattisten sivustogeneraattoreiden käyttäminen verkkosivustojen luomiseen

Hugo on erinomainen staattinen sivustogeneraattori, joka muuntaa sisältösi tavallisiksi HTML-tiedostoiksi. Voit käyttää monenlaisia ​​teemoja ja esikatsella sivustoasi helposti suunnitteluprosessin aikana.

Hugo tarjoaa uudelleenkäytettäviä komponentteja ja kätevän vakiotiedostorakenteen muiden etujen ohella. Mutta Hugo on vain yksi vaihtoehto. Sinun tulee jatkaa muiden staattisten sivustogeneraattoreiden tutkimista, joita voit käyttää verkkosivuston rakentamiseen.

11 avoimen lähdekoodin staattista sivustogeneraattoria, joita voit käyttää verkkosivustosi rakentamiseen

Lue Seuraava

Kirjailijasta