Советы по созданию блога на платформе hashnode

Я начинаю новый блог. И что может быть лучше, чем рассказать о том, как я это построил?

Обычно разработчики пишут свой первый пост в блоге «Hello World», в котором описываются все языки, фреймворки и методы кодирования, которые они использовали для создания блога.

Но в отличие от всех разработчиков, я не буду описывать, как я это построил технически.

Во-первых, потому что я использовал довольно обычный набор инструментов: jekyll обслуживается со страниц github.

Во-вторых, потому что я хочу использовать этот первый пост, чтобы определить, о какой теме мы собираемся писать в этом блоге.

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

Поговорим о дизайне

Цель любого блога - удержать внимание читателя, чтобы он мог эффективно передать сообщение или знания. По этой причине вы заметите, что у моего блога очень простой пользовательский интерфейс. Некоторые могут назвать это «минималистическим».

Он минималистичен в том смысле, что все, что я сделал в пользовательском интерфейсе, просто добавил несколько капель поверх того, что браузеры отображают естественным образом без какого-либо стиля. Вы можете увидеть, что не так много изменений, если отрендерить мой блог без CSS.

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

1. Ограничьте ширину содержимого

Пожалуй, самый важный совет. Ограничьте ширину текста.

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

Это вызовет разочарование и может заставить читателей потерять интерес к содержанию только потому, что текст трудно читать.

2. Не добавляйте отвлекающих факторов в середине текста.

Без всплывающих окон, без анимации, без рекламы. Ничего такого. Вы хотите, чтобы ваши читатели оставались сосредоточенными на тексте, чтобы иметь возможность эффективно донести ваши идеи.

Весьма вероятно, что читатели уже будут отвлекаться от других источников при чтении вашего контента. Не добавляйте еще один.

3. Добавить выделение кода

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

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

4. Отображение даты публикации вверху

Один из самых неприятных моментов для разработчика программного обеспечения - это прочитать сообщение в блоге целиком, протестировать примеры и идеи, не заставить их работать и после долгой отладки обнаружить, что сообщение устарело.

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

Если у вас есть устаревшее сообщение, которое, как вы знаете, больше не работает, добавьте отказ от ответственности в начале текста. Другая идея - написать новый пост и добавить ссылку на обновленную версию на старую.

5. Отметьте свои сообщения.

Теги - это простой способ дать дополнительный контекст о теме сообщения в блоге. Но не добавляйте слишком много из них в сообщение в блоге.

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

6. Избегайте визуальных тем и шаблонов по умолчанию

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

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

Имейте в виду, что визуальные эффекты блога должны быть простыми. Помните, цель состоит в том, чтобы улучшить впечатление читателей, а не отвлекать их причудливым CSS.

7. Призыв к действию в конце

Если читатель дошел до конца вашего контента, поздравляем!

Это означает, что читателю понравился ваш контент, и вы можете использовать эту возможность, чтобы направить его туда, где они могут больше узнать о теме.

Вы можете добавить ссылку на соответствующий пост или ссылку на свою социальную сеть, где читатель может задать вам вопросы или оставить отзыв о вашем контенте.

Опыт чтения

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

Вы создаете блог? Какой элемент дизайна вы добавили, чтобы улучшить впечатление читателя?