Трирема — ещё один сетап для блога.

Пишите заметки в любимом Маркдаун-­редакторе и одной командой превра­щайте их в сайт блога — Трирема сделает красиво «из короб­ки», оставляя вам право на тотальную касто­ми­зацию все­го: от ЦСС и форма­ти­ро­вания абзацев до иерархии стра­ниц, правил авто­ти­по­графа и опти­ми­зации изоб­ра­же­ний. За хостинг платить не придётся: 11ty под капотом за секунды сгене­ри­рует статичный сайт, который сервисы вроде Netlify и Vercel опуб­ли­куют под вашим доменом бесплат­но.

Из фичей Триремы: у постов тут самые красивые ссылки формата author.com/note, тексты на теле­фоне приятно читать из-за нена­вяз­чивых пере­носов слов, а все исполь­зо­ванные в постах медиа­файлы упомя­нуты на страничке-­каталоге. Главное — Трирему просто превра­тить из простого блога в личный сайт с порт­фо­лио, стра­ни­цами проектов и замет­ка­ми.

Весь этот сайт — коро­бочная версия Триремы. Похо­дите по нему, повты­кайте, возвра­щай­тесь, если понра­вит­ся.

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

Не пишите в облако

Помните Ноушен? Cоздаёшь свой ворк­с­пейс, день за днём запол­няешь его конспек­тами, мыслями, ссыл­ками — и в один прекрасный день полу­чаешь письмо о том, что твой аккаунт будет удалён и пора соби­рать пожит­ки.

А ЖЖ помните? Удив­люсь, если да, но всё равно: начи­наешь писать на модной плат­форме для блоггинга, обрас­таешь сотнями записей и подпис­чиков — а потом наблю­да­ешь, как твоя любимая площадка мучи­тельно умирает, оставляя тебе головную боль по пере­носу заметок на другую плат­фор­му.

Или вот Теле­грам, пока ещё здрав­ству­ю­щий. Пишешь себе спокойно пост на компью­тере, а потом откры­ваешь телефон и поло­вина текста исче­зает — знаме­нитая синхро­ни­зация черно­виков от олим­пи­ад­ни­ков. И не дай Аллах вам прикре­пить фото­графию раньше времени и клик­нуть не туда!

Если вы дове­рите свои заметки сервису, ваше доверие будет обма­нуто, наме­ренно или неча­янно. Не верьте лозунгам вроде «данные поль­зо­ва­телей для нас бесценны» — от бана или отклю­чения серверов не застра­хован никто. Храните свои данные сами.

Пишите в текстовые файлы

Идея может пока­заться дикой, если для вас текстовый файл — это .txt, набранный в Блок­ноте. Как же форма­ти­ро­ва­ние, изоб­ра­же­ния, гиперс­сылки, таблички, формулы, снип­петы кода? Если вы не удив­лены совету, то скорее всего уже знаете про Markdown-­форматирование и заме­точ­ники вроде Obsidian, Zettlr и Remark­able, в которых всё это есть.

Локальным Маркдаун-­редакторам не нужны аккаунт и облако для нормальной работы, они молние­носно находят и откры­вают заметки, а самое главное — никак не могут запе­реть вас в своём огоро­женном саду by design. Если любимый редактор текста умрёт или скурвится, вы просто уста­но­вите другой и откроете вашу папку с текстами в нём. Удачи провер­нуть то же самое с постами в соцсети, движке для блога или хотя бы в Ворде.

Я использую Обсидиан «из короб­ки». Пона­до­бится что-то специ­фичное вроде «созда­вать заметку по шаблону каждый день», «отсле­жи­вать прогресс по привыч­ке», «наки­дать схему», «пере­име­но­вы­вать встав­ленные фото­графии авто­ма­том» или «под­тя­нуть выде­ленный маркером текст из статьи в Зотеро» — подключу под это дело один из тысячи плаги­нов.

Марк­даун — это удоб­но.

Выбирайте статичные сайты

Сред­не­ста­ти­сти­че­ский сайт — это дина­мичная сущность из круг­ло­су­точно рабо­та­ю­щего скрипта и баз данных, а не папка с HTML-­файлами. Каждый раз, когда поль­зо­ва­тель запра­ши­вает доступ к стра­нице, скрипт прове­ряет поль­зо­ва­тель­ские права, изме­нения в БД и т. д. — и возвра­щает поль­зо­ва­телю свеже­со­бранную или кэши­ро­ванную веб-­страницу. Так рабо­тают Ворд­пресс, движки для блогов, Тильда, ю нейм ит.

Netlify, Vercel, Github Pages опубликуют статичный сайт под вашим доменом бесплатно — процессора он не просит, а места на жёстких дисках много.

Статичный сайт — это лежащая на сервере папка с HTML-­файлами, прям как из начала нуле­вых. Такой сайт нельзя взло­мать, на нём нет высо­ко­аб­страктных сущно­стей, которые не дают настроить сайт под себя, а сервера для него бесплатны. Приятный бонус: часто статичные сайты легче и быстрее их дина­мичных близ­не­цов.

Заве­дите себе статичный блог. С Триремой это можно сделать без знания веб-­разработки.

Превратите заметки в статичный сайт одной командой

Конечно, я не пред­лагаю вам писать заметки для статич­ного блога в HTML — для этого исполь­зуют гене­ра­торы статичных сайтов (SSG). SSG — это комбайн по превра­щению папки с замет­ками, шабло­нами и инструк­циями в папку со статичным сайтом.

Под капотом Триремы нахо­дится 11ty — один из самых быстрых и масшта­би­ру­емых SSG. Помимо базо­вого функ­ци­о­нала 11ty опти­ми­зи­рует изоб­ра­жения для быстрой загрузки, объеди­няет все нуж­ные CSS и JS файлы в один для мень­шего числа запросов к серверу, и ещё парится о куче других вещей, о которых нам париться не надо.

Сайт Триремы был сгене­ри­рован 11ty за 3 секунды на слабом ноут­буке автора. Всё, что нужно было сделать для этого — вы­звать одну команду в терми­на­ле.

Настройте всё, что пожелаете

Трирема — это очередная моди­фи­кация eleventy-base-blog, блога-­примера от разра­бот­чиков 11ty. В процессе я разо­брался в CSS, конфи­гу­ра­циях гене­ра­торов статичных сайтов, закодил все инте­ресные мне фичи вроде пере­носа слов и меди­а­теки и наглым образом слизал неко­торые дизайн-­решения Эгеи (Илья, прости). Короче, весе­лил­ся.

Я хочу, чтобы Трирема стала для вас личной eleventy-­base-­blog — стар­товой точкой для настройки под ваш вкус. Откры­вайте custom.css, играй­тесь с цветами и шриф­тами, подклю­чайте плагины в конфиг, зака­пы­вай­тесь вглубь моей костыльной кодбазы вместе с ЧатГПТ (тот должен узнать свою работу). Короче, весе­ли­тесь.

Если вы скучный чело­век, то будете до конца дней жить с си­ре­невым блого­м. Специ­ально для вас я заком­мен­ти­ровал внутри custom.css скучную черно-­белую тему — просто удалите /* в начале файла.

Остальные — изме­ните вашу Трирему так сильно, чтобы её можно было назвать кораблём Тесея.

Попробуйте Трирему сами

Трирему на удив­ление просто запу­стить! 10 минут, 6 шагов:

1. уста­но­вите себе Node.js,
2. скачайте и распа­куйте архив с исходниками (гитхаб),
3. откройте Терминал в папке trireme-­blog командой cd путь­_­до_­пап­ки,
4. уста­но­вите все нужные скрипты командой npm install,
5. вызо­вите npx @11ty/e­leventy -­-­serve,
6. перей­дите на http://localhost:8080 — там вас будет ждать готовая к изме­не­ниям копия этого сайта.

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