astro theme stone

Камень: Астро. Тема

Стоун-это бесплатная тема Astro с открытым исходным кодом, специально разработанная для бизнеса, маркетинга, SaaS и стартапов.

Ключевые функции:

• Построен с Tailwind CSS & Alpine.js
• 5+ страниц
• 15+ разделов
• Чистый и современный дизайн
• Полностью отзывчивый
• Темный и легкий режим
• Быстрый и исполнительный
• Супер легкий
• Просмотреть переходы (экспериментально)
• Более красивой форматер кода
• Google шрифты
• Иконки ремиксов
• Бесплатные обновления

Начиная

Требования

• Основные знания Astro, HTML и CSS.
• Текстовый редактор (мы рекомендуем код Visual Studio)
• Node.js 18 или выше.

Установить зависимости

Перейдите в папку проекта и установите его зависимости:

 npm install

Начинать

После того, как установка будет сделана, теперь вы можете запустить свое приложение:

 npm run dev

Это запускает приложение в режиме разработки. Откройте http: // localhost: 3000, чтобы просмотреть его в браузере.

Строить

 npm run build

Это создает приложение для производства в папку ./dist/ .

Структура проекта

Внутри проекта вы увидите следующие папки и файлы:

 /
├── public/
├── src/
│   ├── components/
│   ├── layouts/
│   └── pages/
├── .prettierrc
├── astro.config.mjs
├── package-lock.json
├── package.json
├── README.md
├── tailwind.config.cjs
└── tsconfig.json

• public/* - любые статические активы (изображения, шрифты, значки, ...)
• src/* - исходный код проекта (компоненты, страницы, ...)
• src/components/* - многоразовые компоненты Astro, используемые для строительства страниц.
• src/layouts/* - Компоненты Astro, которые определяют структуру пользовательского интерфейса, разделяемая одной или несколькими страницами.
• src/pages/* - Astro Компоненты, используемые для создания новых страниц на вашем сайте. Каждая страница выставлена ​​как маршрут на основе его имени файла.
• .prettierrc - Кратчевой файл конфигурации.
• astro.config.mjs - файл конфигурации Astro.
• package.json - файл, используемый менеджерами пакетов JavaScript для управления вашими зависимостями. Это также определяет сценарии, которые обычно используются для запуска Astro.
• tailwind.config.cjs - файл конфигурации Tailwind. В разделе темы вы определяете свою цветовую палитру и шрифты.
• tsconfig.json - Файл конфигурации TypeScript.

Развертывание

Готовы построить и развернуть свой сайт? Следуйте официальной документации.

Поддерживать

Если у вас есть какие -либо вопросы или предложения, не стесняйтесь обращаться ко мне.

Лицензия

Этот проект лицензирован в соответствии с условиями лицензии MIT.