Урок за изтегляне и инсталиране на 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 е проста рамка в стил блог за изграждане на статични уебсайтове.

то използва Markdown и език за шаблони Liquid, който ви позволява лесно да създавате красиви, динамични уебсайтове.

Вижте документацията на Jekyll за повече информация.

Ето някои полезни ресурси за Jekyll. Надявам се, че тези ресурси могат да ви помогнат да използвате Jekyll за създаване на уебсайт!