Падручнік па загрузцы і ўсталёўцы Jekyll: Стварыце статычны вэб-сайт блога з нуля на лакальным кампутары

Гэта Джэкіл Спампуйце падручнік па ўсталёўцы і навучыце вас крок за крокам✨Вы можаце мець свой уласны блог, не марнуючы грошай!

Стварыце статычны вэб-сайт з блогам з нуля, нават калі вы пачатковец, вы лёгка гэта зробіце! Не трэба ўскладняцьстварыць вэб-сайт, развітайцеся з праблемамі стварэння вэб-сайта, завядзіце свой уласны эксклюзіўны блог за лічаныя хвіліны і дазвольце сваім талентам і творчасці ззяць! 🚀🎉

Што такое Джэкіл?

Jekyll, генератар статычных вэб-сайтаў, вельмі падыходзіць для стварэння вэб-сайтаў з блогамі.

Ён можа выкарыстоўваць тэкст, напісаны на мове разметкі, і выкарыстоўваць макет для стварэння статычных вэб-сайтаў.

Вы можаце змяніць знешні выгляд вэб-сайта, URL, дадзеныя, якія адлюстроўваюцца на старонцы, і многае іншае...

Недахопы Jekyll відавочныя, паколькі ён не выкарыстоўвае базу дадзеных, ён зусім непрыдатны для зборкіЭлектронная камерцыятып вэб-сайта.

Якія перавагі Jekyll?

• Jekyll просты ў выкарыстанні і вывучэнні.
• Jekyll можа ствараць хуткія і бяспечныя статычныя вэб-сайты.
• У Jekyll ёсць вялікая колькасць даступных тэм і ўбудоў.

Як пачаць выкарыстоўваць Jekyll?

1. Усталюйце Jekyll.
2. Стварыце новы сайт Jekyll.
3. Выберыце тэму Jekyll.
4. Дадайце свой кантэнт:Падручнік па новым артыкуле Jekyll
5. Папярэдні прагляд вашага сайта.
6. Стварыце свой сайт.
7. Разгарніце свой вэб-сайт:Статычны блог Jekyll разгортваецца на Surge.sh бясплатна

Усталюйце Jekyll, загрузіўшы RubyInstaller

Самы просты спосаб усталяваць Ruby і Jekyll - гэта выкарыстоўваць RubyInstaller для Windows.

RubyInstaller - гэта незалежны ўсталёўшчык для Windows, які ўключае мову Ruby, асяроддзе выканання, важную дакументацыю і г.д.

Тут мы разглядаем толькі RubyInstaller-2.4 і вышэй. Больш старыя версіі патрабуюць ручной ўстаноўкі Devkit.

крок 1:Спампуйце RubyInstaller

• Спампуйце і ўсталюйце з RubyInstaller DownloadsRuby+Devkitверсія.
• Усталяваць з выкарыстаннем стандартных параметраў.

Крок 2:Увядзіце cmd

Націсніце ўнізКлавіша WIN + клавіша R, затым увядзіце cmd, затым націсніце Enter ▼

Крок 3:Увядзіце ўвод каманды ridk installКрокі на апошніх этапах мантажу.

• Гэта неабходна для ўстаноўкі каштоўных камянёў з уласнымі пашырэннямі.
• Абярыце з варыянтаўMSYS2 and MINGW development tool chain.

• Выканаць каманду ruby -v 和 gem -v каб праверыць нумар версіі, каб пераканацца, што ўстаноўка была паспяховай.

Адкрыйце меню «Пуск» Windows і знайдзіцеStart Command Prompt with Ruby, каб уключыць камандны радок Ruby.

Крок 4:Пераключыце крыніцу каштоўных камянёў на кітайскую

З-за праблем з падключэннем да сеткі і хуткасцю, перш чым разглядаць магчымасць абнаўлення гем, настойліва рэкамендуецца пераключыць крыніцу гем на кітайскую крыніцу▼

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

альбо

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

Крок 5:Давайце праверым бягучыя крыніцы ▼

gem sources -l

• Пераканайцеся, што ёсць толькі gems.ruby-china.com

Крок 6:Абнавіць Ruby gem▼

gem update

Крок 7:Усталёўваем кампаненты ▼

gem install jekyll bundler

Крок 8:Праверце, ці цалкам усталяваны Jekyll▼

jekyll -v

Стварыце вэб-сайт статычнага блога Jelly на лакальным кампутары

Крок 1:Змяніць літару дыска▼
Увядзіце непасрэдна ў cmdd:

Крок 2:Змяніць бягучую тэчку▼

cd /d d:\Jekyll\

Крок 3:Стварыце новы сайт Jekyll з дапамогай наступнай каманды ▼

jekyll new site1

Крок 4:Увайдзіце ў каталог праекта▼

cd site1

Крок 5:Запусціце службу Jekyll▼

bundle exec jekyll serve

перадача--livereloadварыянты даserveАўтаматычна абнаўляць старонку кожны раз, калі ў зыходны файл уносяцца змены▼

bundle exec jekyll serve --livereload

• Калі вы распрацоўваеце свой сайт, выкарыстоўвайцеjekyll serveАбо jekyll build
• Каб прымусіць браўзер абнаўляцца пры кожнай змене, выкарыстоўвайцеjekyll serve --livereload.
• jekyll serveУбудаваная версія сайта_siteНе падыходзіць для разгортвання.
• Выкарыстоўвайце спасылкі і URL-адрасы актываў са створанага сайта jekyll serve будзе выкарыстоўваць https://localhost:4000 Значэнне задаецца ў канфігурацыі каманднага радка, а не ў файле канфігурацыі сайта.

Крок 6:доступ http://localhost:4000 Праглядзець праект.

Заўвага:

• Калі файл размешчаны ў xxx.github.io/blog, гэта можа прывесці да таго, што старонка Github не абнаўляецца.
• Прычына гэтай з'явы ў тым, што GitHub будзе чытаць толькі xxx.github .io/_includes у Jekyll і не будзе паглыбляцца ў blog/_includes.
• На шчасце, гэтая праблема не складаная. Проста наладзьце старонку Github на GitHub, і праблема будзе вырашана ў адно імгненне!

Як выдаліць вэб-сайт Jekyll, усталяваны на лакальным кампутары з дапамогай каманд?

Вы можаце выкарыстоўваць наступную каманду, каб выдаліць лакальна ўсталяваны сайт Jekyll.

Выдаліць створаныя файлы:

Крок 1:Выканайце наступную каманду, каб ачысціць створаныя файлы▼

jekyll clean

Крок 2:Выдаліць усе каталогі вэб-сайтаў

• Калі вы хочаце цалкам выдаліць увесь каталог вэб-сайтаў, вы можаце ўручную выдаліць C:/Users/a/myblog папка.

🔗Працягвайце чытаць▼

🔗Чаму Джэкіл не запусціў падачу? Поўнае кіраўніцтва па вырашэнні памылак і неэфектыўнасці

Рэсурсы Jekyll

Jekyll - гэта простая структура ў стылі блога для стварэння статычных вэб-сайтаў.

ён выкарыстоўвае ўцэнка і мова шаблонаў Liquid, якая дазваляе лёгка ствараць прыгожыя дынамічныя вэб-сайты.

Для атрымання дадатковай інфармацыі глядзіце дакументацыю Jekyll.

Вось некалькі карысных рэсурсаў пра Jekyll. Я спадзяюся, што гэтыя рэсурсы дапамогуць вам выкарыстоўваць Jekyll для стварэння вэб-сайта!