# @sugarat/theme

简约风的 Vitepress 博客主题，更多细节见 https://theme.sugarat.top

![图片](https://img.cdn.sugarat.top/mdImg/MTY3MzE3MDUxOTMwMw==673170519303~fmt.webp)

## Quick Start
① 创建项目

```bash
# With PNPM:
pnpm create @sugarat/theme

# With NPM:
npm create @sugarat/theme@latest

# With Yarn:
yarn create @sugarat/theme

# With Bun
bun create @sugarat/theme
```

![](https://img.cdn.sugarat.top/mdImg/MTY4OTQyMDE1NTcxMA==689420155710~fmt.webp)

② 安装依赖
```sh
pnpm install
```

③ 开发启动
```sh
pnpm dev
```

④ 构建产物
```sh
pnpm build
```

⑤ 预览构建产物
```sh
pnpm serve
```
## Advanced Usage
详细配置见文档 https://theme.sugarat.top

## Thanks
从以下项目中获得了灵感&经验
* [vuepress-reco/vuepress-theme-reco-1.x](https://github.com/vuepress-reco/vuepress-theme-reco-1.x)
* [@vue/theme](https://github.com/vuejs/theme)
* [vitest](https://vitest.dev/)
* [element-plus](https://github.com/element-plus/element-plus)
* [charles7c.github.io](https://github.com/Charles7c/charles7c.github.io)
* [vitepress-blog-zaun](https://github.com/clark-cui/vitepress-blog-zaun)
* [surmon](https://surmon.me/)
* [vuejs/blog](https://github.com/vuejs/blog/tree/main)
* [列表无限滚动轮播效果](https://code.juejin.cn/pen/7145007064350195748)