/ Ghost - первые шаги

Использование редактора Ghost

Ghost использует язык разметки Markdown (далее Разметка) для форматирования текста.

Когда вы откроете статью в редакторе Ghost, наверняка заметите, что в нем есть специальные символы и цветные слова или блоки текста. На сайте их не видно, но видно, во что они превращаются и можно понять для чего они предназначены. Для того, чтобы проще понять и узреть это, нажмите на кнопку с избражением окна разделенного пополам. После недолгого визуального анализа, вы увидете разницу и ваше представление о процессе написания статьи и его форматировании, вероятно, поменяеться.

Теперь не нужно отрывать руки от клавиатуры, глаза от места ввода, а голову - на мысли: "Это нужно потом выделить жырным"; "А тут я вставлю ссылку на источник"; "Потом отформатирую... все-таки сделаю сейчас", - и потерять из-за этого смысловую цепочку. Забей!!! Просто излагай свои мысли, с моментальным акцентированием при помощи одной лишь клавиатуры.

Это и есть основное достоинство и отличие Ghost от других CMS платформ и движков (Wordpress, Blogger, Joomla и т.д.) - с помощью дополнительного языка, проще говоря, дополнительных знаков пунктуации - форматировать статью в процессе ее набора.

Конечно же, разработчики, позаботились и о стандартной панели с визуально понятными иконками и красивым дизайном. Там предусмотрены все необходимые инструменты, в которых нуждается писатель или блогер, хотя, наверное, даже больше.

В дополнение к привычным идут:

  • вставка изображения с камеры устройства (вебки на компьютере)
  • два варианта, для предпросмотра статьи
  • проверка правописания (работает для английского языка, вполне возможно, в будущем расширят для мультиязычности)
  • "режим Хэмингуея" (выключает клавишу Backspace в режиме редактирования) -
  • кнопка помощи, что вызывает справку по горячим клавишам и языку Разметки с наглядными примерами.

Далее, я перевел продложение оригинальной статьи Ghost "The editor" с небольшим привнесением "отсебятины"

Форматирование текста

Самые используемые варианты форматирование, конечно же, жирный текст, курсивный текст, и ссылки. Они являются основным украшением (ориг. "make up") для почти любой типичной статьи. Вы можете как "печатать форматирование символами" так и использовать сочетание клавиш (ориг. "Hotkeys").

  • CMD/Ctrl + B - Жирный
  • CMD/Ctrl + I - Курсив
  • CMD/Ctrl + K - Ссылка
  • CMD/Ctrl + H - Заголовки

Вставка изображений

Изображения в Разметке выглядять так же как и ссылки, с единственным отличием - знаком вопроса в самом начале:

![Описание изображения](/путь/к/картинке.jpg)

Компьютер

Естественно, знание разметки для вставки изображений, не принуждает вас использовать ее. Можно воспользоваться привычным вам способом: кликнуть по иконке изображения в нижней панели редактора и выбрать нужное изображение на диске. Также, вы можете перетащить нужное фото или картинку с рабочего стола или папки, где они хранятся. Оба варианта сгенерируют разметку и вставят изображение в статью.

Важное замечание: Ghost, пока не имеет возможности автоматического изменения размеров изображений, которые загружает. Он не сожмет ваш огромный снимок с разрешением в 16 мегаписелей и весом 10Мб, поэтому лучшей идеей, чтобы избавить статью от избыточного веса и долгой загрузки, являеться использование, заранее оптимизированых и сжатых изображения.

Создаем списки

Считается, что работа со списками, в HTML редакторах - "темный лес" (ориг. "nightmare"), но в Разметке реализовано все просто и понятно для любого человека. Для нумерованных списком, просто пишем цифры с точкой в конце. Для ненумерованных - используем один из символов: *, -, +. Выглядит это так:

  1. Разбейте яйца в миску.
  2. Взбейте их.
  3. Приготовте омлет.

или

  • Не забыть купить молока
  • Покормить кота
  • Проснутся с идеей для новой истории

Добавляем цитаты или акцентируем внимание

Когда вы хотите выделить особый участок текста, какой-то ключевой параграф или вставить известную цитату, используйте этот знак > в Разметке.
Вы точно видели, что-то аналогичное, при ответе на email письмо.

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

В основном, этот прием форматирования используют для кратких урывков, предложений, цитат. Все же, иногда, бывает нужда в обертке длинных отрывков текста в цитату, но учитывая, что каждая тема, отображает стиль цитат по-своему, можно столкнуться с неудобным моментом: некрасивое отображение на мобильных устройствах или маленьких экранах. Чтобы не попасть в такую ситуацию, еекомендуется избежать слишком длинных цитат и придерживатся оптимальных размеров ее, до 5 строк текста.

Разделяем блоки горизонтальными линиями

Когда вы пишите в статью и чувствуете, что нужно отделить какую-то часть текста в отдельную секцию или вообще поделить его на секции, горизонтальный делитель (ориг. "divider"), то самое, что вам нужно. Просто напишите ---
с новой строчки и вы получите новый элемент форматирования вашей статьи.


Этой информации, должно быть вполне достаточно, для начала продуктивной работы в Ghost в удовольствие. Если же вам нужно больше, смотрите Продвинутая разметка - или если вы хотите узнать как работает систематизация (категоризация) статей и историй в Ghost, ознакомтесь со статьей Как использовать теги в Ghost.