Создайте быстрый и современный веб-сайт с помощью astro !!
Рецепты :
астро
загрузить новый
оживлять
документация: https://www.hockeycomputindo.com/2022/03/astro-website-template-free-download.html.
демо: https://astroboyweb.netlify.app/
домашняя страница: https://astroman.vercel.app/
видео: https://www.youtube.com/watch?v=PjAUuI21ko4
Что нового??
Заставка
Полная анимация включает в себя
git clone https://github.com/mesinkasir/astroweb.git
? Опытный космонавт? Удалите этот файл. Веселиться!
Функции:
✅ SEO-дружественная настройка с каноническими URL-адресами и данными OpenGraph
✅ Полная поддержка Markdown
✅ Поколение RSS 2.0
✅ Генерация Sitemap.xml
Внутри вашего проекта Astro вы увидите следующие папки и файлы:
/ ├── public/ │ ├── robots.txt │ └── favicon.ico ├── src/ │ ├── components/ │ │ └── Tour.astro │ └── pages/ │ └── index.astro └── package.json
Astro ищет файлы .astro
или .md
в каталоге src/pages/
. Каждая страница отображается как маршрут на основе имени ее файла.
В src/components/
нет ничего особенного, но мы предпочитаем размещать туда любые компоненты Astro/React/Vue/Svelte/Preact.
Любые статические ресурсы, например изображения, можно разместить в каталоге public/
.
Все команды запускаются из корня проекта, из терминала:
Команда | Действие |
---|---|
npm install | Устанавливает зависимости |
npm run dev | Запускает локальный сервер разработки по адресу localhost:3000 |
npm run build | Создайте свой производственный сайт в ./dist/ |
npm run preview | Предварительный просмотр сборки локально перед развертыванием |
Не стесняйтесь проверить нашу документацию или зайти на наш сервер Discord.