03.04.2020

Airtable CMS: как настроить блог и форматировать тексты в markdown

Airtable может успешно использоваться как CMS для сайта. В этой статье — о том, как создать типовую страницу блога и как форматировать тексты в markdown.

Как настроить типовую страницу блога

Первым делом вам нужно определить структуру данных для типовой статьи. Ниже я перечислю самые частые параметры — то есть поля в Airtable. Астериксом отмечу обязательные поля.

  • *Slug ** — уникальная часть URL для статьи.`
  • *Title ** — заголовок статьи. Длину заголовка старайтесь ограничивать до 7 слов, или до ~70 символов. Чтобы контроллировать длину текста рекомендую создать параметр Title_Length с формулой LEN(Title). Или воспользуйтесь измерителем текста на моём сайте. В Airtable обязательно включите опцию "Enable rich text formatting".
  • Lead — первый абзац статьи, который обычно используется как короткое описание материала в карточке. Как правило, он выделяется в статье бóльшим размером по сравнению с обычным текстом: например, 2rem вместо 1rem.
  • *Content ** — собственно текст материала. В Airtable обязательно включите опцию "Enable rich text formatting".
  • Tags — слова для сковзной связки (таксономии) между материалами. Например, к этому материалу я добавил тег "Airtable", потому что по этой теме в моём блоге уже не один материал.
  • Type — тип материала. Например, это может быть «Новость», «Статья», «Видео», «Заметка» и так далее.
  • Author — автор статьи. Может быть трёх типов: "Select", "Collaborator", "Link to another record".
  • Meta_Title — мета-заголовок для заполнения тега <title> в <head> вашего сайта. Если не указан, используйте Title.
  • Meta_Description — мета-описание для заполнения тега <meta name="description"> в <head> вашего сайта. Если не указано, используйте Lead.
  • Meta_OG — мета-картинка для тега <meta name="og:image">.

Как форматировать тексты в markdown

Markdown — это универсальный стандарт формитирования текста без использования тегов HTML. Все правила редактирования можно найти по ссылке Markdown Cheatsheet. Ниже — опишу самые необходимые правила, которые в том числе поддерживаются визуальным редактором в Airtable.

  • Чтобы создать новый параграф, просто нажмите один или два раза "Enter" (между параграфами лучше иметь пустую строку, но в большинстве случаев хватит и одной).
  • Чтобы создать ненумированный список сделайте серию параграфов с - в самом начале.
  • Чтобы создать нумированный список сделайте серию параграфов с номером и точки вроде 1. в самом начале.
  • **текст жирным** — двумя астериксами с обеих сторон текста выделяется текст жирным.
  • *текст курсивом* — одним астериксом с обеих сторон текст выделяется курсивом.
  • # Заголовок первого уровня — одна решётка и пробел в самом начале строки сделает строку заголовком первого уровня (H1). Не рекомендую это использовать, потому что H1 — это заголовок статьи, который прописан в шаблоне и не требует указания в текста статьи.
  • ## Заголовок первого уровня — две решётки в самом начале строки сделают строку заголовком второго уровня (H2).
  • ### Заголовок третьего уровня — три решётки в самом начале строки сделают строку заголовком третьего уровня (H1).
  • [Текст ссылки](https://domain.com/somelink) — так можно создать ссылку.
  • ![alt-текст](https://domain.com/someimage.jpg "Title text") — так можно вставить картинку вместе с alt-текстом и тайтлом.
  • ~~Текст зачёркнут~~ — двумя тильдами с обеих сторон можно зачеркнуть текст.
  • `Код` — машинописный обратный апостраф в начале и в конце строки выделить строчку кода.
  • ```Код``` — по три апострафа с обеих сторон выделят несколько строк кода.

Подробнее о том, как создать headless CMS на базе Airtable, можно узнать на моём онлайн-курсе «Airtable как CMS».

  • © 2020 Сергей Филимонов
  • RSS