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

Гэты падручнік па загрузцы і ўсталёўцы 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 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 - гэта простая структура ў стылі блога для стварэння статычных вэб-сайтаў.

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

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

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