Як користуватися темою Jekyll? Підручник із встановлення теми блогу Jekyll

💥Зробіть свійДжекілДивовижний секрет того, як зробити тему свого блогу у 100 разів досконалішою, я шокований! 🤯

Цей підручник крок за кроком навчить вас, як встановити та використовувати тему Jekyll, навіть якщо ви новачок, ви можете легко почати.

Попрощайтеся з нудними блогами та створіть унікальний та персоналізований простір!

Різноманітні практичні поради та продумані пропозиції, які допоможуть вам стати блогером! 🚀✨

Що таке тема Jekyll?

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

Тема містить увесь код, стилі та шаблони, необхідні для початку роботи.

Як користуватися темою Jekyll? Підручник із встановлення теми блогу Jekyll

Як встановити тему блогу Jekyll?

Виберіть чудову та просту тему JekyllНарешті, ви можете розпочати створення свого веб-сайту, виконавши такі дії:

крок 1:. Встановіть Jekyll

  • Переконайтеся, що у вас встановлено Ruby.
  • Встановіть Jekyll за допомогою такої команди:
gem install jekyll

Крок 2: Створіть новий веб-сайт Jekyll

  • Створіть новий веб-сайт Jekyll за допомогою такої команди:
jekyll new site1
  • Або скористайтеся такою командою, щоб спочатку створити каталог site1:
mkdir site1

Тоді перейдіть до цього site1 Всередині каталогу:

cd site1

Створіть веб-сайт Jekyll у поточному каталозі:

jekyll new .

Крок 3: Скопіюйте файли статті

  • Скопіюйте вибраний файл статті_postsпапку.

Крок 4: Налаштуйте свій веб-сайт

  • Редагувати сайт1/_config.yml файл для налаштування вашого веб-сайту.

  • Вам потрібно налаштувати такі параметри:

    • site.name: назва вашого сайту.
    • site.description: опис вашого веб-сайту.
    • baseurl: URL-адреса вашого сайту.

Крок 5. Додайте свій вміст

  • створити новий Markdown файл, щоб додати свій вміст.
  • Файли Markdown можуть містити текст, зображення, код та інший вміст.

Крок 6. Перегляньте свій веб-сайт

  • Перегляньте свій сайт за допомогою такої команди:
bundle exec jekyll serve
  • Ця команда працює повільно, її потрібно запускати на локальному сервері та переглядати локально.

Крок 7. Створіть свій веб-сайт

  • Створіть свій веб-сайт за допомогою таких команд:
bundle exec jekyll build
  • Ця команда швидша, їй потрібно лише створити статичні файли та розгорнути веб-сайт.

Крок 8. Розгорніть свій веб-сайт

  • буде _site Розгорніть папку на веб-сервері.

Як встановити тему Jekyll на локальний комп’ютер за допомогою команди git clone?

потрібно використовувати git clone Щоб розгорнути тему Jekyll на локальному комп’ютері, виконайте наведені нижче дії.

1. Відкрийте командний рядок або термінал.

2. Перейдіть до папки, де ви хочете розгорнути тему.

3. Виконайте таку команду:

git clone https://github.com/melangue/dactl.git
  • Ця команда клонує репозиторій тем Jekyll до поточної папки.

4. Перейдіть до папки клонованої теми.

5. Виконайте таку команду:

bundle exec jekyll serve
  • Ця команда запустить сервер Jekyll і почне розміщувати ваш веб-сайт локально.

Ви можете переглянути свій веб-сайт, відвідавши таку URL-адресу:

  • http://localhost:4000

Ось кілька додаткових порад:

  • ви можете використовувати --branch Параметри визначають гілку для клонування. Наприклад, клонувати master гілку, виконайте таку команду:
git clone https://github.com/melangue/dactl.git --branch master
  • ви можете використовувати --depth Параметр визначає глибину історії комітів для клонування. Наприклад, щоб клонувати останні 10 комітів, виконайте таку команду:
git clone https://github.com/melangue/dactl.git --depth 10

Сподіваюся, ці кроки допоможуть вам розгорнути тему Jekyll на локальному комп’ютері!

Блог Hope Chen Weiliang ( https://www.chenweiliang.com/ ) поділився "Як використовувати тему Jekyll?" Jekyll Blog Theme Installation Tutorial» допоможе вам.

Ласкаво просимо поділитися посиланням на цю статтю:https://www.chenweiliang.com/cwl-31576.html

Щоб розкрити більше прихованих хитрощів🔑, приєднуйтесь до нашого Telegram-каналу!

Поділіться та поставте лайк, якщо вам подобається! Ваші розповсюдження та вподобання — наша постійна мотивація!

 

发表 评论

Ваша електронна адреса не буде опублікована. 必填 项 已 用 * Етикетка

Прокрутка до початку