Подготовка к развертыванию сайта на Octopress

Устанавливаем нестандартную тему

По просьбе знакомого мы публикуем инструкцию по установке и настройке Octopress. Octopress – это простой и удобный генератор статических веб-сайтов. Он поддерживает загрузку на GitHub, Bitbucket, Heroku или на ваш сервер с помощью Rsync.

Настройка блога

Основные настройки хранятся в файле _config.yml. Сам файл находится в корневой папке Octopress. Инструкцию по установке Octopress вы найдете на сайте https://kupereal.com/kb/web-development/ustanovka-octopress.html.

Создание страниц и сообщений

Системная процедура создания новых сообщений/страниц, достаточно проста. Вы можете указывать имя на кириллице, скрипт автоматически переведет название в транслит и укажет полученное наименование файла. Если в имени нового сообщения или статьи есть пробелы, необходимо использовать кавычки. Несмотря на то, что в справке об этом не говорится.

Справка по rake

На странице документации Octopress упоминается только несколько команд для rake: generate, deploy, new_post, new_page и т.д. На самом деле rake для Octopress имеет несколько команд, их список вы можете посмотреть здесь – rake list, а список описаний команд здесь – rake -T:

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

Локализация на русский язык

К сожалению, Octopress не имеет локализации на русском языке. Но этот недостаток легко исправить вручную. Я ищу текст, который нужно перевести с помощью команды grep.

Где комментарии – это слово, которое нужно перевести, а источник – это каталог поиска. Поиск следует выполнять в директории, где хранятся файлы Octopress. Вы также можете переписать саму тему. После установки темы у вас будет русскоязычный сайт. Русский.

Дополнительные шаги

  1. Мы пишем посты в формате markdown, загружаем их в папку octopress/source/_posts и генерируем страницу
  2. На примере плагинов мы вставляем видео с youtube в отзывчивом веб-дизайне. За это отвечает плагин jekyll-youtube-lazyloading. Нужно добавить файл youtube.rb в каталог плагина, скопировать файл _rve.sccs в /sass/custom и добавить строку @import “custom/rve” в файл /sass/screen.scss
  3. Небольшие настройки конфигурации путем изменения файла _config.yml – root:/, permalink:/:title/. Вы также должны изменить нижний колонтитул, заголовок и другие файлы в соответствии с вашими потребностями. Другими словами, обратитесь к источнику и установите его для себя.
  4. Как корректировать текст в статьях с помощью обоснования? Все очень просто. Перейдите в файл sass/custom/_style.css и добавьте – article p{text-align:justify}
:/>  Как сменить IP, шлюз, DNS скриптом через командную строку - Кроко aka Alegator — ЖЖ

Создание блога

Новые команды Octopress CLI облегчают начало работы. Перейдите в свой рабочий каталог и выполните следующую команду:

Октопресс новый кинсомикрот

Это создаст каталог kinsomicrote с лесами для веб-сайта. Замените «kinsomicrote» на то, что вы хотите назвать своим блогом. Перейдите во вновь созданный каталог и откройте текстовый редактор, чтобы увидеть все. Файлы и папки должны быть в формате дерева:

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

Создание сообщения

Вы можете создать новый пост, используя одну из команд Octopress CLI:

Octopress новый пост Добро пожаловать на борт

— дизайн : пост Название: “Добро пожаловать на борт date: 2015-10-15T09:31:09+01:00 —

По умолчанию запись будет сохранена в виде файла в формате markdown. Содержание вашего сообщения должно быть ниже основного содержимого YAML, так как содержимое вызывается между —.

Обсуждаемые вопросы позволяют вводить специфические для страницы переменные вверху шаблона, используя AML или JSON. Фронтальный материал должен находиться на самом верху шаблона и отделяться от остального содержимого начальным или конечным тройным дефисом.- Между этими тремя пунктирными линиями вы можете установить предопределенные пользовательские переменные, такие как Категории Истории», «Около нас есть много вещей интересных». Вы можете прочитать больше о первоисточниках в документации по Jekyll.

Оставьте комментарий

Adblock
detector