Каталог статей
🌈【Полное руководство】ДжекилНесколько читов для настройки веб-сайта, играйте с разными посещениями веб-сайта и наслаждайтесь无限удовольствие! ✨🎈
🌈 Хотите легко освоить навыки многосайтовой настройки Jekyll? здесь естьСоздайте статический веб-сайт блога с нуля на локальном компьютере.Самый лучший урок! Это руководство сделает все: от настройки доступа к различным веб-сайтам до неограниченного удовольствия! Позвольте вам стать мастером веб-сайта! 💥🚀
Несколько методов настройки статического веб-сайта 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:
- Откройте командную строку или терминал.
- Перейдите в папку сайта с помощью команды
d:
cd d:\Jekyll\site1\
2. Запустите команду Jekyll Serve:
jekyll serve
- Эта команда запустит сервер Jekyll и начнет размещать ваш веб-сайт локально.
3. Вы можете просмотреть свой веб-сайт, открыв в браузере следующий URL-адрес:
http://localhost:4001
Вот несколько дополнительных советов:
- вы можете использовать
--port
опция указывает номер порта. Например, чтобы разместить свой сайт в порту8080
, пожалуйста, выполните следующую команду:
jekyll serve --port 8080
- вы можете использовать
--config
Опции указывают файл конфигурации. Например, чтобы использовать файл с именемmyconfig.yml
файл конфигурации, выполните следующую команду:
jekyll serve --config myconfig.yml
- вы можете использовать
--watch
Возможность автоматического перезапуска сервера при внесении изменений. Например, чтобы включить режим монитора, выполните следующую команду:
jekyll serve --watch
- Разверните свой веб-сайт с помощью следующей команды:
jekyll build
Как добавить контент статьи в Jekyll?
Создайте файл .md для добавления содержимого.
Поддержка Джекилла уценка Грамматика, которую можно использовать для форматирования текста, вставки изображений, создания ссылок и т. д.
Следуя приведенному ниже руководству, вы сможете быстро создать веб-сайт, соответствующий вашим потребностям▼
Блог Хоуп Чен Вейлян ( https://www.chenweiliang.com/ ) поделился: «Jekyll создает несколько статических веб-сайтов локально. Как настроить URL-адреса для доступа к различным локальным веб-сайтам?» 》, полезно для тебя.
Добро пожаловать, чтобы поделиться ссылкой на эту статью:https://www.chenweiliang.com/cwl-31561.html
Добро пожаловать на Telegram-канал блога Chen Weiliang, чтобы быть в курсе последних обновлений!
📚 Это руководство содержит огромную ценность. 🌟Это редкая возможность, не упустите ее! ⏰⌛💨
Делитесь и ставьте лайк, если хотите!
Ваш обмен и лайки - наша постоянная мотивация!