Привет всем, я учусь использовать Astro и в то же время создаю несколько бесплатных шаблонов, чтобы все могли ими пользоваться.
Если у вас есть какие-либо вопросы, не стесняйтесь обращаться ко мне в twitter по адресу:
@Mike_Andreuzza
.
Развернутый минимальный шаблон блога с Astro
Repo:
- https://github.com/michael-andreuzza/astro-build-minimal-blog-starter# Preview:
- https://unwrapped-minimal-blog-template.netlify.app/# Unwrapped minimal Blog template.Features:
- ✅ SEO-дружественная настройка с каноническими URL и данными OpenGraph.
- ✅ Полная поддержка Markdown## 🚀 Структура проектаВнутри вашего проекта Astro вы увидите следующие папки и файлы:
├── README.md
├── astro.config.mjs
├── package.json
├── public
│ ├── favicon.ico
│ ├── social.jpg
│ └── social.png
├── src
│ ├── components
│ │ ├── Author.astro
│ │ ├── BlogHead.astro
│ │ ├── BlogPost.astro
│ │ ├── BlogPostPreview.astro
│ │ ├── Heading.astro
│ │ └── Paragraph.astro
│ ├── layouts
│ │ └── BlogPost.astro
│ ├── pages
│ │ ├── index.astro
│
└── tsconfig.json
└── tailwind.config
Astro ищет файлы .astro или .md в каталоге src/pages/. Каждая страница отображается как маршрут на основе имени ее файла.
В каталоге src/components/ нет ничего особенного, но именно туда мы предпочитаем помещать любые компоненты Astro/React/Vue/Svelte/Preact.
Любые статические активы, например, изображения, могут быть размещены в каталоге public/.
🧞 Команды
Все команды запускаются из корня проекта, из терминала:
| Command | Action |
|:—————- |:——————————————— |
| npm install | Устанавливает зависимости | npm install.
| npm run dev | Запускает локальный сервер dev на localhost:3000 |
| npm run build | Создайте свой производственный сайт на ./dist/ |
| npm run preview | Предварительный просмотр вашей сборки локально, перед развертыванием | |
👀 Хотите узнать больше?
Ознакомьтесь с документацией Astro или зайдите на их сервер Discord.