Как написать красивый и информативный README.md
Mar 20, 2020 · 5 min read
Многие программисты лихо управляются с кодом и знают мельчайшие подробности своих проектов. Но некоторым из них (в том числе и мне) недостаёт коммуникативных навыков.
Удивительное дело: программист может потратить час на подгонку внутренних и внешних отступов для одной-единственной кнопки и не найти каких-то 15 минут на файл Readme описания проекта.
Надеюсь, вы уже знаете, что такое файл readme.md и для чего он нужен. На всякий случай попробую объяснить.
Что такое Readme.md?
README (буквально означает «прочти меня») — это первый файл, который нужно читать, получив доступ к проекту на Github или любой Git-хостинговой площадке. Этот файл в первую очередь и предлагается вниманию пользователя, когда он открывает здесь репозиторий того или иного проекта. Такой файл содержит кучу полезной информации, так что его вполне можно рассматривать как справочное руководство по проекту.
Посмотрите, где у нас здесь файл Readme:
Файл Readme. m d находится в корневой папке репозитория и автоматически отображается в каталоге проекта на github.
Вот как выглядит файл разметки на github (здесь использован VSCode, который одновременно показывает нам файлы разметки и в режиме предварительного просмотра):
Здесь можно найти официальный гайд Github для формата разметки на тот случай, если вам захочется основательно разобраться в языке разметки.
Зачем тратить время на Readme?
Генерирование документации для ваших компонентов
Кроме readme проекта, для понятной кодовой базы необходимо документирование компонентов, благодаря которому упрощается сопровождение кода и повторное их (компонентов) использование. Для автоматического генерирования документации к компонентам, выкладываемым на bit.dev, можно использовать такие инструменты, как Bit (Github).
Share reusable code components as a team · Bit
Easily share reusable components between projects and applications to build faster as a team. Collaborate to develop…
Создание краткого описания проекта
Для проекта надо подготовить хорошее описание. При составлении описания можно придерживаться такого плана:
Некоторые нюансы
Используемый здесь проект будем считать за образец. Ну, просто у него один из красивейших файлов readme, который мне приходилось видеть. Код файла Readme.md можно найти здесь:
silent-lad/VueSolitaire
NOW WITH DRAG AND DROP Solitaire implemented by scratch on vue.js. It contains 3 types of solitaire namely spider(which…
Чтобы показать код разметки, используйте значок карандаша:
1. Добавляем картинки
У вас может быть отличная фотографическая память, но интересующимся вашим проектом могут понадобиться фотографии его демо-версии.
Так, в описание нашего образцового проекта «Паук» в readme добавлены такие изображения:
Кроме изображений, вы можете добавить и видео-описание проекта. Вот только Github не разрешает добавлять видео в readme… Что же делать?
Используем gif
2. Элементы оформления
Элементы оформления создадут у читающего readme ощущение уникальности вашего проекта. Нестандартные или активно используемые элементы оформления для репозитория можно раздобыть здесь: https://shields.io
Персонализированные или настраиваемые элементы оформления, такие как количество звёзд в репозитории и процентный индикатор кода, берутся там же.
3. Добавляем интерактивную демо-версию
Если есть возможность, разместите проект на своих ресурсах и установите запускаемую демо-версию. Затем пропишите в README ссылку на демо. Кто знает, сколько людей могут заинтересоваться вашим проектом и решить протестировать его? А уж работодатели просто обожают интерактивные проекты. Этим вы покажете, что ваш проект не просто кусок кода, лежащий на github, но заодно про демо нстрируете своё серьёзное отношение к делу.
Да, всё верно: в readme можно использовать гиперссылки, так что поместите ссылку на интерактивную демо-версию прямо под изображением с названием.
4. Форматируем код
Разметка даёт возможность форматировать текст, как код. Поэтому не пишите код, как обычный текст, а воспользуйтесь знаком `, чтобы придать коду аккуратный вид var a = 1;
Github также даёт возможность указывать язык, на котором написан код, и использовать соответствующее выделение текста, улучшая читаемость кода. Вот как это делается:
«` используется для многострочного кода и позволяет указывать язык блока кода. Сравните:
Как написать хороший README для вашего проекта на GitHub
Если вы читаете эту статью, это, вероятно, означает, что вы уже размещаете репозитории на GitHub и, возможно, даже вносите свой вклад в открытый исходный код. А если вы используете GitHub, то вам нужно писать хорошую документацию для своих проектов, чтобы помочь другим понять их.
Когда я впервые зашла на Github, честно говоря, я понятия не имела, что такое файл README (хотя я видела его в проектах других людей).
Во-первых, зачем мне хороший файл README?
Файл README — это руководство, которое дает пользователям подробное описание проекта, который вы разместили в своем репозитории.
Возможно, вам интересно, зачем тратить время на написание хорошего README. Вот несколько причин, которые помогут убедить вас в том, что это хорошая идея:
README должен ответить на следующие вопросы: что, почему и как:
Если в вашем проекте много функций, подумайте о том, чтобы добавить раздел «Возможности» и перечислить их здесь.
Как написать хороший файл README
Вот шаги, которые вы должны предпринять, чтобы написать README.
Включите название вашего проекта
Это название проекта. Он описывает весь проект одним предложением и помогает людям понять, какова основная цель и цель проекта.
Напишите описание
Ваше описание — чрезвычайно важный аспект проекта. Хорошо составленное описание позволяет продемонстрировать свою работу другим разработчикам, а также потенциальным работодателям.
Как установить ваш проект
Если ваш проект представляет собой программное обеспечение или приложение, которое требует установки, вы должны включить шаги, необходимые для установки вашего проекта. Предоставьте пошаговое описание того, как запустить среду разработки.
Как использовать ваш проект
Предоставьте инструкции и примеры, чтобы пользователи/участники могли использовать проект. Это упростит им задачу в случае, если они столкнутся с проблемой — у них всегда будет место для ссылки. Вы также можете вставить скриншоты, чтобы показать примеры работающего проекта.
Если вы работали над проектом как команда или организация, перечислите своих соавторов / членов команды. Вы также должны включить ссылки на их профили GitHub.
Как написать хороший README: краткий курс
Dec 16, 2018 · 5 min read
После Hacktoberfest в проектах с открытым исходным кодом появилось много новых правок. Только за октябрь было сделало более 400 000 запросов на включение кода. Это невероятно!
Я решил подробнее изучить проекты с большим количеством правок. У этих проектов есть кое-что общее: отличный readme.md-файл. Сомневаюсь, что можно внести так много правок без хорошего readme. Между качеством readme и количеством правок определенно есть связь!
Обратим внимание на несколько известны х проектов: React, Vue, freeCodeCamp, Sourcerer и Serverless. В каждом из этих проектов readme.md-файл идеально сочетает в себе документацию, общие сведения о проекте, часто задаваемые вопросы и инструкцию по внесению правок. В них наглядно показано, что это за проект, какая у него экосистема, какое вокруг него сложилось сообщество.
Любому сообществу вокруг open source проекта нужен файл, который упростил бы коммуникацию. Этот файл похож на руководство, в нем разработчики детально рассказывают о проекте. Тем не менее, что же такое файл readme.md?
Что такое readme?
Файл readme.md — это основа любого проекта с открытым исходным кодом. Он дает полное понимание того, куда движется проект. Он объясняет, что это за ПО и зачем оно нужно. В нем указаны предварительные условия, которые помогают новым участникам проекта быстрее включиться в работу.
Самое важное: в readme-файле сказано, как запустить это ПО с целью разработки. Также в readme обязательно должна быть инструкция по развертыванию ПО в среде эксплуатации.
Зачем нужен readme?
Мы составляем резюме, развиваем свой профиль на GitHub, заводим личный сайт, чтобы люди обратили внимание на нашу работу. Такой же подход применим и к проектам с открытым исходным кодом. Readme.md — это резюме вашего ПО. Добавьте в него все, что поможет будущим участникам проекта лучше понять ваше ПО.
Самый разумный подход: сначала написать readme.md, а уже затем опубликовать проект. Так будет намного проще отвечать на вопросы и помогать новым участникам.
Заведите себе правило: любой проект должен начинаться с readme-файла. Обязательно добавьте его в корневой каталог вашего проекта, чтобы его было видно на GitHub.
Как написать readme?
К счастью, изобретать велосипед не придется. Существует несколько отличных шаблонов. Помните, что у readme.md должна быть логичная структура: этот файл должен быть простым и понятным, чтобы сразу после его прочтения можно было приступить к работе.
Взгляните на этот прекрасный шаблон от Билли Томпсона. Он поможет написать отличный readme в считанные минуты.
Название проекта
Один параграф, описывающий проект
Приступая к работе
Инструкция о том, как получить копию этого ПО и запустить его на локальном компьютере с целью разработки и тестирования. Подробную информацию о развертывании ПО в условиях эксплуатации см. в разделе «Развертывание».
Что нужно для установки ПО, инструкции по установке дополнительных компонентов.
End with an example of getting some data out of the system or using it for a little demo
Пошаговая инструкция, которая поможет войти в среду разработки.
В конце на примере объясните, как извлечь данные из системы.
Тестирование
Объясните как запустить автоматическое тестирование этой системы.
Объясните, что проверяют эти тесты и зачем они нужны.
Тестирование стандартов оформления кода
Объясните, что проверяют эти тесты и зачем они нужны.
Развертывание
Более подробно расскажите, как развертывать ПО в условиях эксплуатации
Создано с помощью
Внесение правок
Прочтите CONTRIBUTING.md, чтобы получить подробную информацию о правилах и процессе подачи запросов на включение кода.
Управление версиями
Для управления версиями мы используем SemVer. Информацию о доступных версиях см. в тегах в этом репозитории.
Авторы
См. список тех, кто вносил правки в проект.
Лицензия
Этот проект лицензируется в соответствии с лицензией MIT — подробности см. в файле LICENSE.md.
Благодарности
Есть несколько моментов, которые нужно упомянуть. Прежде всего, этому шаблону не хватает взаимодействия с сообществом. Не стесняйтесь добавлять изображения, значки, изображения, видео и даже GIF в ваши readme.md-файлы. Не забывайте, что ваша цель — сделать так, чтобы ваш проект понравился людям. Отдельную благодарность нужно выразить тем, кто помогал и вносил правки.
Помните, что вам нужно привлечь внимание сообщества и поблагодарить тех, кто вносит правки. Используете значки, чтобы показать статус сборки, полноту тестирования, PR-статус, наличие уязвимостей, лицензию. Экспериментируйте с ними, так ваш проект будет выглядеть серьезнее. Одобрение других людей — это самый важный показатель в сообществе разработчиков ПО с открытым исходным кодом. Скопируйте приведенные ниже значки или сделайте их сами. ?
Еще один потрясающий инструмент, с помощью которого можно добавить наглядности и поблагодарить тех, кто вносит правки — это Hall of Fame.
Упоминание людей, которые участвуют в разработке — важный шаг, который помогает привлечь внимание сообщества. Мне кажется, каждому хочется получить признание от известного проекта с открытым исходным кодом.
О чем я забыл упомянуть?
Если ваш проект начнет стремительно расти, стоит задуматься о создании Contributing.md, в котором вы расскажете о том, как подавать запросы на включение кода. Этот файл станет официальным руководством для тех, кто захочет внести вклад в ваш проект.
Не останавливайтесь на достигнутом. Во-первых, добавьте license.md, чтобы подробнее рассказать, насколько открыт ваш код. Затем напишите code_of_conduct.md, чтобы объяснить общие правила работы для разработчиков: этот «свод правил поведения» необходим для комфортной работы друг с другом.
Заключение
У всех успешных проектов с открытым исходным кодом readme.md сделан очень качественно, и это не случайность. Внимание людей ограничено. Хороший readme.md помогает привлечь разработчиков, которые будут вносить вклад в проект. Глядя на freeCodeCamp и Sourcerer, можно увидеть много общего: в их readme просто и наглядно рассказывает о функциях, содержимом и документации, дает рекомендации тем, кто хочет внести вклад в проект.
В конце концов, не нужно изобретать велосипед. Используйте шаблоны. Следуйте приведенным выше рекомендациям. Взаимодействуйте с сообществом, выстраивайте отношения с коллегами-разработчиками. Помогайте друг другу создавать отличное, полезное людям ПО.
Как написать красивый и информативный README.md
Многие программисты лихо управляются с кодом и знают мельчайшие подробности своих проектов. Но некоторым из них (в том числе и мне) недостаёт коммуникативных навыков.
Удивительное дело: программист может потратить час на подгонку внутренних и внешних отступов для одной-единственной кнопки и не найти каких-то 15 минут на файл Readme описания проекта.
Надеюсь, вы уже знаете, что такое файл readme.md и для чего он нужен.На всякий случай попробую объяснить.
Что такое Readme.md?
README (буквально означает «прочти меня») — это первый файл, который нужно читать, получив доступ к проекту на Github или любой Git-хостинговой площадке. Этот файл в первую очередь и предлагается вниманию пользователя, когда он открывает здесь репозиторий того или иного проекта. Такой файл содержит кучу полезной информации, так что его вполне можно рассматривать как справочное руководство по проекту.
Посмотрите, где у нас здесь файл Readme:
Файл Readme.md находится в корневой папке репозитория и автоматически отображается в каталоге проекта на github.
Вот как выглядит файл разметки на github (здесь использован VSCode, который одновременно показывает нам файлы разметки и в режиме предварительного просмотра):
Здесь можно найти официальный гайд Github для формата разметки на тот случай, если вам захочется основательно разобраться в языке разметки.
Зачем тратить время на Readme?
Генерирование документации для ваших компонентов
Кроме readme проекта, для понятной кодовой базы необходимо документирование компонентов, благодаря которому упрощается сопровождение кода и повторное их (компонентов) использование. Для автоматического генерирования документации к компонентам, выкладываемым на bit.dev, можно использовать такие инструменты, как Bit (Github).
Создание краткого описания проекта
Для проекта надо подготовить хорошее описание. При составлении описания можно придерживаться такого плана:
Некоторые нюансы
Используемый здесь проект будем считать за образец. Ну, просто у него один из красивейших файлов readme, который мне приходилось видеть. Код файла Readme.md можно найти здесь:silent-lad/VueSolitaire
NOW WITH DRAG AND DROP Solitaire implemented by scratch on vue.js. It contains 3 types of solitaire namely spider(which…github.com
Чтобы показать код разметки, используйте значок карандаша:
1. Добавляем картинки
У вас может быть отличная фотографическая память, но интересующимся вашим проектом могут понадобиться фотографии его демо-версии.
Так, в описание нашего образцового проекта «Паук» в readme добавлены такие изображения:
Кроме изображений, вы можете добавить и видео-описание проекта. Вот только Github не разрешает добавлять видео в readme… Что же делать?
Используем gif
2. Элементы оформления
Элементы оформления создадут у читающего readme ощущение уникальности вашего проекта. Нестандартные или активно используемые элементы оформления для репозитория можно раздобыть здесь: https://shields.io
Персонализированные или настраиваемые элементы оформления, такие как количество звёзд в репозитории и процентный индикатор кода, берутся там же.
3. Добавляем интерактивную демо-версию
Если есть возможность, разместите проект на своих ресурсах и установите запускаемую демо-версию. Затем пропишите в README ссылку на демо. Кто знает, сколько людей могут заинтересоваться вашим проектом и решить протестировать его? А уж работодатели просто обожают интерактивные проекты. Этим вы покажете, что ваш проект не просто кусок кода, лежащий на github, но заодно продемонстрируете своё серьёзное отношение к делу.
Да, всё верно: в readme можно использовать гиперссылки, так что поместите ссылку на интерактивную демо-версию прямо под изображением с названием.
4. Форматируем код
Разметка даёт возможность форматировать текст, как код. Поэтому не пишите код, как обычный текст, а воспользуйтесь знаком `, чтобы придать коду аккуратный вид var a = 1;
Github также даёт возможность указывать язык, на котором написан код, и использовать соответствующее выделение текста, улучшая читаемость кода. Вот как это делается:
«` используется для многострочного кода и позволяет указывать язык блока кода. Сравните:
5. Используем HTML
Да, внутри можно использовать HTML. Не все функции, но большинство. Рекомендуется всё же придерживаться разметки, но некоторые функции, такие как выравнивание текста и изображений по центру, в readme доступны только с использованием HTML.
6. Творим
Всё остальное зависит от вас. Ведь каждому проекту нужен свой readme и свой тип описания. Так проявите изобретательность: те 15–20 минут, которые вы потратите на readme, могут произвести неизгладимое впечатление на посетителей вашего профиля на github.
Как правильно написать readme
Описание разметки файла README.md
получается разделительная черта
Заголовок первого уровня
Заголовок первого уровня также можно создать:
Заголовок второго уровня
Заголовок второго уровня также можно создать:
Заголовок третьего уровня
Заголовок четвертого уровня
Заголовок пятого уровня
Заголовок шестого уровня
Работа с выделением текста
Зачеркнутый текст (Strikethrough)
Для выделения текста жирным или наклонным и их сочетания можно использовать комбинации * или _
Жирный текст (bold)
Наклонный текст (italic)
Жирный наклонный текст (bold italic)
Жирный текст (bold)
Наклонный текст (italic)
Жирный наклонный текст (bold italic)
Тут странный текст
Использование эмодзи (emoji)
В самом тексте можно использовать эмодзи, например написать вот так:
✅ Это уже сделано
❎ Я не буду это делать
? делать или не делать, вот в чем вопрос?
В оригинале это выглядит так (в конце строки четыре (4) пробела для того, что бы был переход на новую строку):
Использование цитирования в тексте
Внешний вид, конечно, не очень, но может и пригодиться.
Если нужно выделить слово или фразу внутри строки, то используются одинарные обратные кавычки (`):
Дополнительно можно задавать язык кода внутри блока, указав его после первых трех кавычек:
Пример блока для C# :
Пример блока для Python :
Можно создавать многоуровневые списки. Каждый уровень отделяется четырьмя (4) пробелами:
Каждый уровень отделяется двумя пробелами.
Для Githib работа с нумерованными списками выглядит очень интересно. Каждый уровень отделяется четырьмя (4) пробелами:
При использовании смешанных списков нужно очень внимательно следить за нумерацией. Лучше, как и в нумерованных, использовать четыре (4) пробела для отделения уровня.
Также можно создавать многоуровневые списки задач. Каждый уровень отделяется четырьмя (4) пробелами:
Либо просто вставить ссылку, либо дополнительно задать текст ссылки (пробела между скобками быть не должно):
Второй вариант записывается так: [текст ссылки](адрес ссылки)
Вставка ссылки с картинкой на ролик с YouTube
Описание комбинации [](ссылка на страничку YouTube)
Пример:
[](https://youtu.be/RHPYGwVQB2o)
Что мы увидим: 
| LEFT | CENTER | RIGHT |
|---|---|---|
| По левому краю | По центру | По правому краю |
| текст | текст | текст |