Руководство по загрузке и установке Jekyll: создайте статический веб-сайт блога с нуля на локальном компьютере.

Этот Джекил Загрузите руководство по установке и научитесь шаг за шагом✨Вы можете вести собственный блог, не тратя денег!

Создайте статический веб-сайт блога с нуля, даже если вы новичок, вы легко сможете это сделать! Не нужно усложнятьПостройте станцию, попрощайтесь с проблемой создания веб-сайта, создайте собственный эксклюзивный блог за считанные минуты и позвольте своим талантам и творчеству проявиться! 🚀🎉

Что такое Джекилл?

Jekyll, генератор статических веб-сайтов, очень подходит для создания веб-сайтов блогов.

Он может использовать текст, написанный на языке разметки, и использовать макет для создания статических веб-сайтов.

Вы можете изменить внешний вид веб-сайта, URL-адрес, данные, отображаемые на странице, и многое другое...

Недостатки Jekyll очевидны: поскольку он не использует базу данных, он совершенно непригоден для построенияЭлектронная коммерциятип веб-сайта.

Каковы преимущества Джекилла?

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

Как начать использовать Jekyll?

1. Установите Джекилл.
2. Создайте новый веб-сайт Jekyll.
3. Выберите тему Джекилла.
4. Добавьте свой контент:Учебник по новой статье о Jekyll
5. Предварительный просмотр вашего сайта.
6. Создайте свой сайт.
7. Разверните свой сайт:Статический блог Jekyll развертывается на Surge.sh бесплатно.

Установите Jekyll, загрузив RubyInstaller.

Самый простой способ установить Ruby и Jekyll — использовать RubyInstaller для Windows.

RubyInstaller — это независимый установщик на базе Windows, который включает язык Ruby, среду выполнения, важную документацию и т. д.

Здесь мы рассматриваем только RubyInstaller-2.4 и выше. Более старые версии требуют ручной установки Devkit.

Шаг 1:Скачать RubyInstaller

• Загрузите и установите из загрузок RubyInstaller.Рубин+ДевкитВерсия。
• Установите, используя параметры по умолчанию.

第 2 步 ：Введите cmd

нажмиКлавиша WIN + клавиша R， 然后 输入 cmd, затем нажмите Enter ▼

第 3 步 ：Введите ввод команды ridk installДействия на заключительном этапе установки.

• Это необходимо для установки драгоценных камней с собственными расширениями.
• Выберите один из вариантовMSYS2 and MINGW development tool chain.

• Команда Run 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 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 — это простая платформа в стиле блога для создания статических веб-сайтов.

Оно использует уценка и язык шаблонов Liquid, позволяющий легко создавать красивые, динамичные веб-сайты.

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

Вот несколько полезных ресурсов о Jekyll. Я надеюсь, что эти ресурсы помогут вам использовать Jekyll для создания веб-сайта!