*.md файлов✅ Вставьте файл ammdr.php в свою главную папку, где в подпапках есть файлы *.md или в корень сайта,
✅ переименуйте его как хотите или в index.php и запустите.
Сайт работает. Ура!!!
Можете открыть файл и заменить переменные:
//ПОЛНОЕ НАЗВАНИЕ
= 'AMMDreader - aMagic Markdown Reader';
//Короткое название для мобильного
$ammdr_short = 'AMMDr';aMMDreader — это удобный PHP-скрипт для автоматического создания навигационного сайта по вашим Markdown-документам (*.md). Просто поместите файл в папку с вашими документами, и система сама:
✅ Просканирует все подпапки
✅ Построит древовидное меню
✅ Преобразует Markdown в красивый HTML
✅ Адаптируется под мобильные устройства
Никакой базы данных, никакой сложной настройки!
index.php в корень папки с документами (например, /docs/). .md-файлы в любые подпапки (например, /docs/guides/, /docs/api/). index.php в браузере — сайт готов! 📂 Рекурсивный обход папок
.md-файлы, включая вложенные директории. 🌲 Древовидная навигация
📱 Мобильная версия
AMMDreader - aMagic Markdown Reader) сокращается до AMMDr. ✨ Интеграция с zero-md
Отредактируйте переменные в коде:
$ammdr = 'AMMDreader - aMagic Markdown Reader'; // Полное название
$ammdr_short = 'AMMDr'; // Сокращенное (для мобильных) Все CSS-стили находятся в <style> внутри файла. Основные настройки:
/* Цвета папок и файлов */
.folder-name::before { color: #2ecc71; } /* Зеленый для закрытых папок */
.folder.expanded > .folder-name::before { color: #f39c12; } /* Желтый для открытых */
.file a::before { color: #ca2ecc; } /* Сиреневый для файлов */
.file a:hover::before { color: #ff0000; } /* Красный при наведении */ /* Ширина навигации (десктоп) */
nav { width: 300px; }
/* Адаптивность (меню скрывается на 600px) */
@media (max-width: 600px) { ... } Создайте файл ammdreader.css и подключите его в <head>:
<link rel="stylesheet" href="ammdreader.css"> Измените параметры zero-md:
<zero-md src="file.md" no-shadow>
<template data-merge="append">
<style>
h1 { color: red; }
</style>
</template>
</zero-md> Добавьте в CSS:
@media (prefers-color-scheme: dark) {
body { background: #222; color: #eee; }
nav { background: #333; }
} /docs/
│── index.php
├── guides/
│ ├── installation.md
│ └── usage.md
└── api/
├── v1.md
└── v2.md !_important.md или нумерация 01-..., 02-..., 03-...,). .md-файл, изменения появятся сразу. md-page.js (чистый JavaScript). MIT License — свободное использование и модификация.
🎉 Теперь ваш Markdown-сайт готов к работе!
*.md файлов*.md файлами в сайт?✅ Вставьте файл ammdr.php в свою главную папку, где в подпапках есть файлы *.md или в корень сайта,
✅ переименуйте его как хотите или в index.php и запустите.
Сайт работает. Ура!!!
Можете открыть файл и заменить переменные:
PHP
//ПОЛНОЕ НАЗВАНИЕ
= 'AMMDreader - aMagic Markdown Reader';
//Короткое название для мобильного
$ammdr_short = 'AMMDr';
aMMDreader — это удобный PHP-скрипт для автоматического создания навигационного сайта по вашим Markdown-документам (*.md). Просто поместите файл в папку с вашими документами, и система сама:
✅ Просканирует все подпапки
✅ Построит древовидное меню
✅ Преобразует Markdown в красивый HTML
✅ Адаптируется под мобильные устройства
Никакой базы данных, никакой сложной настройки!
index.php в корень папки с документами (например, /docs/). .md-файлы в любые подпапки (например, /docs/guides/, /docs/api/). index.php в браузере — сайт готов! 📂 Рекурсивный обход папок
- Скрипт ищет все .md-файлы, включая вложенные директории.
- Поддерживает любое количество уровней вложенности.
🌲 Древовидная навигация
- Папки раскрываются/закрываются кликом.
- Файлы отображаются с иконками.
- Активный файл подсвечивается.
📱 Мобильная версия
- На экранах уже 600px:
- Меню скрывается в "гамбургер" (☰).
- Длинное название (AMMDreader - aMagic Markdown Reader) сокращается до AMMDr.
- Навигация выезжает по клику.
✨ Интеграция с zero-md
- Красивый рендеринг таблиц, кода, заголовков.
- Поддержка GitHub Flavored Markdown.
Отредактируйте переменные в коде:
php
$ammdr = 'AMMDreader - aMagic Markdown Reader'; // Полное название
$ammdr_short = 'AMMDr'; // Сокращенное (для мобильных)
Все CSS-стили находятся в <style> внутри файла. Основные настройки:
css
/* Цвета папок и файлов */
.folder-name::before { color: #2ecc71; } /* Зеленый для закрытых папок */
.folder.expanded > .folder-name::before { color: #f39c12; } /* Желтый для открытых */
.file a::before { color: #ca2ecc; } /* Сиреневый для файлов */
.file a:hover::before { color: #ff0000; } /* Красный при наведении */
```css
/* Ширина навигации (десктоп) */
nav { width: 300px; }
/* Адаптивность (меню скрывается на 600px) */
@media (max-width: 600px) { ... }
```
Создайте файл ammdreader.css и подключите его в <head>:
html
<link rel="stylesheet" href="ammdreader.css">
Измените параметры zero-md:
html
<zero-md src="file.md" no-shadow>
<template data-merge="append">
<style>
h1 { color: red; }
</style>
</template>
</zero-md>
Добавьте в CSS:
css
@media (prefers-color-scheme: dark) {
body { background: #222; color: #eee; }
nav { background: #333; }
}
/docs/
│── index.php
├── guides/
│ ├── installation.md
│ └── usage.md
└── api/
├── v1.md
└── v2.md
!_important.md или нумерация 01-..., 02-..., 03-...,). .md-файл, изменения появятся сразу. md-page.js (чистый JavaScript). MIT License — свободное использование и модификация.
🎉 Теперь ваш Markdown-сайт готов к работе!