Jekyllin lataus- ja asennusopas: Rakenna staattinen blogisivusto alusta alkaen paikallisella tietokoneellasi

Tämä Jekyll Lataa asennusopas ja opeta sinut askel askeleelta✨Voit pitää oman blogisi ilman rahaa!

Rakenna staattinen blogisivusto tyhjästä, vaikka olisit aloittelija, voit tehdä sen helposti! Ei tarvitse monimutkaistarakentaa verkkosivusto, sano hyvästit verkkosivuston rakentamisen vaivalle, luo oma ainutlaatuinen blogi muutamassa minuutissa ja anna kykyjesi ja luovuutesi loistaa! 🚀🎉

Mikä on Jekyll?

Jekyll, staattinen verkkosivustojen generaattori, sopii erittäin hyvin blogisivustojen rakentamiseen.

Se voi käyttää sivunkuvauskielellä kirjoitettua tekstiä ja käyttää asettelua staattisten verkkosivustojen rakentamiseen.

Voit muokata verkkosivuston ulkoasua, URL-osoitetta, sivulla näkyviä tietoja ja paljon muuta...

Jekyllin puutteet ovat ilmeisiä: koska se ei käytä tietokantaa, se on täysin soveltumaton rakentamiseen.Verkkokaupanverkkosivuston tyyppi.

Mitkä ovat Jekyllin edut?

• Jekyll on helppokäyttöinen ja helppo oppia.
• Jekyll voi luoda nopeita ja turvallisia staattisia verkkosivustoja.
• Jekyllissä on saatavilla suuri määrä teemoja ja laajennuksia.

Kuinka aloittaa Jekyllin käyttö?

1. Asenna Jekyll.
2. Luo uusi Jekyll-verkkosivusto.
3. Valitse Jekyll-teema.
4. Lisää sisältösi:Jekyllin uuden artikkelin opetusohjelma
5. Esikatsele verkkosivustoasi.
6. Rakenna verkkosivustosi.
7. Ota verkkosivustosi käyttöön:Jekyll staattinen blogi otetaan käyttöön Surge.sh:ssa ilmaiseksi

Asenna Jekyll lataamalla RubyInstaller

Helpoin tapa asentaa Ruby ja Jekyll on käyttää RubyInstaller for Windows -sovellusta.

RubyInstaller on Windows-pohjainen itsenäinen asennusohjelma, joka sisältää Ruby-kielen, suoritusympäristön, tärkeät asiakirjat jne.

Katamme täällä vain RubyInstaller-2.4:n ja uudemmat. Vanhemmat versiot vaativat Devkitin manuaalisen asennuksen.

vaihe 1:Lataa RubyInstaller

• Lataa ja asenna RubyInstaller Downloads -sovelluksestaRuby + Devkitversio.
• Asenna käyttämällä oletusasetuksia.

Vaihe 2:Kirjoita cmd

LehdistöWIN-näppäin + R-näppäin, syötä sitten cmdja paina sitten Enter ▼

Vaihe 3:Syötä komentosyöttö ridk installAsennuksen viimeisten vaiheiden vaiheet.

• Tämä vaaditaan alkuperäisten laajennusten jalokivien asentamiseen.
• Valitse vaihtoehdoistaMSYS2 and MINGW development tool chain.

• Suorita komento ruby -v 和 gem -v tarkistaaksesi versionumeron varmistaaksesi, onnistuiko asennus.

Avaa Windowsin Käynnistä-valikko ja etsiStart Command Prompt with Ruby, ottaaksesi Ruby-komentorivin käyttöön.

Vaihe 4:Vaihda jalokivilähde kiinaksi

Verkkoyhteys- ja nopeusongelmien vuoksi, ennen kuin harkitset jalokiven päivittämistä, on erittäin suositeltavaa vaihtaa jalokivilähde kiinalaiseen lähteeseen▼

gem sources --remove https://rubygems.org/
gem sources -a https://gems.ruby-china.com/

tai

gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

Vaihe 5:Katsotaanpa nykyiset lähteet ▼

gem sources -l

• Varmista, että niitä on vain gems.ruby-china.com

Vaihe 6:Päivitä Ruby gem▼

gem update

Vaihe 7:Asennamme komponentteja ▼

gem install jekyll bundler

Vaihe 8:Tarkista, onko Jekyll täysin asennettu▼

jekyll -v

Rakenna Jelly-staattinen blogisivusto paikalliselle tietokoneellesi

Vaihe 1:Vaihda asemakirjain▼
Kirjoita suoraan cmd:ssäd:

Vaihe 2:Muuta nykyistä kansiota▼

cd /d d:\Jekyll\

Vaihe 3:Luo uusi Jekyll-verkkosivusto käyttämällä seuraavaa komentoa ▼

jekyll new site1

Vaihe 4:Siirry projektihakemistoon▼

cd site1

Vaihe 5:Käynnistä Jekyll-palvelu▼

bundle exec jekyll serve

siirtää--livereloadvaihtoehtojaservePäivitä sivu automaattisesti aina, kun lähdetiedostoon tehdään muutoksia▼

bundle exec jekyll serve --livereload

• Kun kehität verkkosivustoasi, käytäjekyll serve或 jekyll build
• Jos haluat pakottaa selaimen päivittämään jokaisen muutoksen yhteydessä, käytäjekyll serve --livereload.
• jekyll serveSisäänrakennettu sivustoversio_siteEi sovellu käyttöön.
• Käytä luodun sivuston linkkejä ja URL-osoitteita jekyll serve käyttää https://localhost:4000 Arvo asetetaan komentorivin määrityksillä eikä sivuston asetustiedostossa.

Vaihe 6:访问 http://localhost:4000 Näytä projekti.

varotoimet:

• Jos tiedosto sijoitetaan hakemistoon xxx.github .io/blog, Github-sivu saattaa jäädä päivittämättä.
• Syy tähän ilmiöön on se, että GitHub lukee vain xxx.github .io/_includes Jekyllissä eikä mene syvälle blogiin/_includes.
• Onneksi tämä ongelma ei ole vaikea ongelma. Asenna vain Github-sivu GitHubiin ja ongelma ratkeaa hetkessä!

Kuinka poistaa paikalliselle tietokoneelle asennettu Jekyll-verkkosivusto komentojen avulla?

Voit käyttää seuraavaa komentoa poistaaksesi paikallisesti asennetun Jekyll-verkkosivuston.

Poista luodut tiedostot:

Vaihe 1:Suorita seuraava komento tyhjentääksesi luodut tiedostot▼

jekyll clean

Vaihe 2:Poista kaikki verkkosivustojen hakemistot

• Jos haluat poistaa koko verkkosivustohakemiston kokonaan, voit poistaa sen manuaalisesti C:/Users/a/myblog kansio.

🔗Jatka lukemista▼

🔗Miksi jekyll serve ei käynnistynyt? Kattava opas virheiden ja tehottomuuden ratkaisemiseen

Jekyllin resurssit

Jekyll on yksinkertainen, blogityylinen kehys staattisten verkkosivustojen rakentamiseen.

se käyttää Hinnanalennus ja Liquid mallikieli, jonka avulla voit helposti luoda kauniita, dynaamisia verkkosivustoja.

Katso lisätietoja Jekyllin dokumentaatiosta.

Tässä on joitain hyödyllisiä resursseja Jekyllistä. Toivottavasti nämä resurssit voivat auttaa sinua Jekyllin avulla verkkosivuston rakentamisessa!