Підручник із завантаження та встановлення 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

• Завантажте та встановіть із завантажень RubyInstallerRuby+Devkitверсія.
• Встановити, використовуючи параметри за замовчуванням.

第 2 步:Введіть cmd

пресаКлавіша WIN + R, потім введіть cmd, потім натисніть Enter ▼

第 3 步:Введіть введену команду ridk installЕтапи завершальних етапів монтажу.

• Це потрібно для встановлення gems із рідними розширеннями.
• Виберіть із варіантів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 Serve не запускається? Комплексна стратегія вирішення помилок і недійсностей

Ресурси Jekyll

Jekyll — це проста фреймворк у стилі блогу для створення статичних веб-сайтів.

він використовує Markdown і мова шаблонів Liquid, що дозволяє легко створювати красиві динамічні веб-сайти.

Для отримання додаткової інформації дивіться документацію Jekyll.

Ось кілька корисних ресурсів про Jekyll. Сподіваюся, ці ресурси допоможуть вам створити веб-сайт із використанням Jekyll!