Gleb Erokhin gleb-erokhin

Шпаргалка по Markdown

(https://github.com/sandino/Markdown-Cheatsheet) (перевод, оригинал)

Поиграть с разметкой Markdown можно на демо-странице.

Содержание

Руководство по оформлению Markdown файлов

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

Заголовки

# Заголовок первого уровня
## Заголовок второго уровня
### Заголовок третьего уровня
#### Заголовок четвёртого уровня
##### Заголовок пятого уровня

	// ищем все кнопки модалок с дата атрибутом
	const modalButtons = document.querySelectorAll('[data-modal-button]');
	const buttonClose = document.querySelectorAll('[data-modal-close]');
	const allModals = document.querySelectorAll('[data-modal]');

	// открытие модальных окон
	modalButtons.forEach(function(item) {
	item.addEventListener('click', function() {
	// получаем название id модальной кнопки на которую нажали
	const modalId = this.dataset.modalButton;

	.ul__list {
	padding-left: 9px;
	}
	.ul__list-item {
	position: relative;
	padding-left: 12px;
	}
	.ul__list-item::before {
	position: absolute;
	content: "";

	// сварачивать виджеты
	// ищем все блоки с классом
	const widgets = document.querySelectorAll('.widget');

	// пробегаемся по ним
	widgets.forEach(function (widget) {
	// ожидаем для любого блока действие КЛИК
	widget.addEventListener('click', function (e) {
	// если нажали на блок и там есть класс ЗАГОЛОВОК
	if (e.target.classList.contains('widget__title')) {

	// получаем данные из файла JSON
	const cards = JSON.parse(cardsData);

	// создаем переменную с поиском класса в который будем добавлять карточки
	const productsItems = document.querySelector('.products-items');
	// console.log(productsItems);

	// вставляем карточки с данными из JSON, пробегаемся по всему файлу JSON и каждый блок данных с помощью шаблона HTML с указанием данных из файла JSON
	cards.forEach(element => {
	// внутри `вставить свой шаблон, с указанием данных JSON с помиощью ${ }`

	*ПРАВИЛА ОФОРМЛЕНИЯ ФАЙЛА README.MD НА GITHUB
	<GITHUB></GITHUB>
	Если вы начали работу на GitHub, решили загрузить туда свой проект для совместной работы с единомышленниками, то, скорее всего, в первую очередь перед вами встанет проблема создания первого файла – файла «readme.md».

	Можно, конечно, просто выложить простой, неформатированный текстовой файл. Но вам захочется сделать его удобочитаемым, чтобы ссылки были выделены, блоки кода, присутствовали таблицы и так далее…
	Эта статья поможет вам в этом.

	Для форматирования текста на GitHub используются достаточно простые правила. Я перечислю основные и достаточные, так как не претендую на полноту официального руководства.

	Текст можно обработать в любом простом текстовом редакторе, например в Notepad++, которым пользуюсь сам. А можно и прямо на GitHub редактировать файл в он-лайн режиме.

	// дает отствуп любому блоку которы будет идти после anyBlock__title
	anyBlock__title + * {
	margin-top: 10px;
	}