Статический шаблон блога, созданный с помощью Astro.
Живая демо-версия (Vercel) / Старая версия Hexo /中文/日本語/ 한국어 / Español / ไทย
Версия README:
2024-09-10
Построен с использованием CSS Astro и Tailwind.
Плавная анимация и переходы страниц.
Светлый/темный режим
Настраиваемые цвета темы и баннер
Адаптивный дизайн
Комментарии
Поиск
ТОС
Создайте новый репозиторий на основе этого шаблона или создайте его форк.
Чтобы редактировать свой блог локально, клонируйте свой репозиторий, запустите pnpm install
И pnpm add sharp
чтобы установить зависимости.
Установите pnpm npm install -g pnpm
если вы еще этого не сделали.
Отредактируйте файл конфигурации src/config.ts
чтобы настроить свой блог.
Запустите pnpm new-post <filename>
, чтобы создать новую публикацию и отредактировать ее в src/content/posts/
.
Разверните свой блог на страницах Vercel, Netlify, GitHub и т. д., следуя инструкциям. Перед развертыванием вам необходимо отредактировать конфигурацию сайта в astro.config.mjs
.
---title: Моя первая запись в блогеОпубликовано: 09.09.2023description: Это первая запись моего нового блога Astro.изображение: ./cover.jpgтеги: [Foo, Bar]категория: Front-enddraft: falselang: jp # Устанавливается только в том случае, если язык сообщения отличается от языка сайта в `config.ts`---
Все команды запускаются из корня проекта, из терминала:
Команда | Действие |
---|---|
pnpm install И pnpm add sharp | Устанавливает зависимости |
pnpm dev | Запускает локальный сервер разработки по адресу localhost:4321 |
pnpm build | Создайте свой производственный сайт в ./dist/ |
pnpm preview | Предварительный просмотр сборки локально перед развертыванием |
pnpm new-post <filename> | Создать новый пост |
pnpm astro ... | Запустите команды CLI, такие как astro add , astro check |
pnpm astro --help | Получите помощь по использованию Astro CLI |