Jekyll создает локально несколько статических веб-сайтов. Как настроить URL-адреса для доступа к различным локальным веб-сайтам?

🌈【Полное руководство】 Секреты настройки Jekyll для нескольких сайтов: освойте доступ с разных сайтов и наслаждайтесь бесконечным удовольствием! ✨🎈

🌈 Хотите легко освоить навыки настройки многосайтовой конфигурации Jekyll? Вот подробное руководство по созданию статического блога с нуля на вашем локальном компьютере ! От настройки различных URL-адресов до бесконечного веселья — все в одном руководстве! Станьте мастером веб-сайтов! 💥🚀

Несколько методов настройки статического веб-сайта Jekyll

编辑 _config.yml файл для настройки Jekyll.

Элементы конфигурации включают название сайта, описание, тему, URL-адрес и т. д.

При использовании Jekyll для локального создания нескольких веб-сайтов вы можете получить доступ к различным веб-сайтам следующими способами:

Используйте другой номер порта:

• Каждый веб-сайт может работать на другом номере порта.
• Например, вы можете вести свой личный блог на порту 4001 включить, запустить веб-сайт отображения проекта на порту 4002 上.
• В браузере вы можете получить доступ к различным веб-сайтам, указав номер порта в URL-адресе.
• Например, чтобы получить доступ к порту, работающему 4001 В своем личном блоге вы можете ввести http://localhost:4001.

Вот несколько конкретных примеров конфигурации:

Используйте другой номер порта:

# _config.yml 文件
port: 4001

Используйте другое доменное имя:

# _config.yml 文件
url: "http:// blog.example. com"

Управление несколькими статическими веб-сайтами Jekyll

Вы можете создать отдельную папку для каждого веб-сайта, настроив каждый веб-сайт с разными профилями и контентом.

Пример. Допустим, вы хотите создать личный блог и веб-сайт, демонстрирующий проект.

личный блог:

• Создайте файл с именем blog папка.
• 在 blog папка, создать _config.yml И index.md 文件.
• 在 _config.yml В файле настройте название сайта, описание и т.д.
• 在 _posts папку, добавьте сообщение в блог.

Сайт показа проекта:

• Создайте файл с именем portfolio папка.
• 在 portfolio папка, создать _config.yml И index.md 文件.
• 在 _config.yml В файле настройте название сайта, описание и т.д.
• 在 _posts папку, добавьте информацию о своем проекте.

Сайт издательства:

• 在 blog папка, запустить jekyll serve Заказать публикацию личного блога.
• 在 portfolio папка, запустить jekyll serve Веб-сайт проекта командного релиза.
• Использование Jekyll для создания нескольких веб-сайтов — простой и эффективный способ.

Как запустить локально установленный веб-сайт Jekyll с помощью команды?

Запускается через командную строку, установленную локально. d:\Jekyll\site1\ Для веб-сайта Jekyll вы можете выполнить следующие действия:

1. Перейдите в папку веб-сайта Jekyll:

• Откройте командную строку или терминал.
• Перейдите в папку сайта с помощью команды

cd /d d:\Jekyll\site1

2. Запустите команду Jekyll Serve:

bundle exec jekyll serve

• Эта команда запустит сервер Jekyll и начнет размещать ваш веб-сайт локально.

3. Вы можете просмотреть свой веб-сайт, открыв в браузере следующий URL-адрес:

http://localhost:4001

Вот несколько дополнительных советов:

• вы можете использовать--portопция указывает номер порта. Например, чтобы разместить свой сайт в порту 8080 , пожалуйста, выполните следующую команду:

bundle exec jekyll serve --port 8080

• вы можете использовать--configОпции указывают файл конфигурации. Например, чтобы использовать файл с именемmyconfig.ymlфайл конфигурации, выполните следующую команду:

bundle exec jekyll serve --config myconfig.yml

• Проходить--livereloadвариантыserveАвтоматически обновлять страницу каждый раз, когда в исходный файл вносятся изменения:

bundle exec jekyll serve --livereload

• Разверните свой веб-сайт с помощью следующей команды:

bundle exec jekyll build

Как добавить контент статьи в Jekyll?

Создайте файл .md для добавления содержимого.

Jekyll поддерживает синтаксис Markdown , который можно использовать для форматирования текста, вставки изображений, создания ссылок и многого другого.

Следуя приведенному ниже руководству, вы сможете быстро создать веб-сайт, соответствующий вашим потребностям▼

🔗Новый учебник по написанию статей от Jekyll: освойте навыки написания статей и дайте волю своим словам!