nuckty demo
EN
Все примеры →

Текст, таблицы и ссылки

Пишите страницу в Markdown; nuckty собирает из неё HTML. Во вкладке «Исходник Markdown» можно посмотреть и скопировать точный текст каждого примера.

Заголовки и ссылки на разделы

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

Текст из Markdown

Обычный абзац с важным словом, выделением, ссылкой на галерею и кодом.

Хороший пример можно прочитать и повторить.

  1. Написать текст.
  2. Описать блоки.
  3. Собрать сайт.
const page = { block: 'article', content: 'Hello, nuckty' };

Таблицы и списки задач

GFM — набор дополнений к обычному Markdown: таблицы, зачёркивание и списки задач. Для примера ниже достаточно текстовой разметки; HTML таблицы пишет движок.

ВозможностьГде посмотреть
Минимальный HTMLЖивой движок
ГалереяИзображения и лайтбокс
РасширенияКонфигурация сайта
  • Текст превращается в BEMJSON
  • Шаблоны задают разметку
  • Добавить свой блок

Ручная разметка каждой страницы → одна сборка.

Тире остаётся со словом

Расширение typography-ru вставляет неразрывный пробел перед длинным тире. Сузьте окно: слово перед тире и само тире не разойдутся по разным строкам. Текст внутри кода расширение не меняет.

Текст — это контент. Блоки — это интерфейс. nuckty — это сборка.

В коде — пробелы остаются обычными.

Ссылки на файлы становятся адресами

В исходнике ссылка на галерею ведёт на media.md. Карта сайта sitemap.yml связывает этот файл с адресом /media, и nuckty подставляет его в HTML. Можно изменить адрес страницы в карте, сохранив ссылки на исходник.

Открыть галерею и сетку · Попробовать движок