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

Гэта Джэкіл 下载安装教程，手把手教你✨不用花钱也能拥有自己的博客！

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

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

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

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

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

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

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

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

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

1. Усталюйце Jekyll.
2. Стварыце новы сайт Jekyll.
3. Выберыце тэму Jekyll.
4. Дадайце свой кантэнт.
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:\Jekyll\

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

jekyll new site1

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

cd site1

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

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 для стварэння вэб-сайта!