<p align="center"><a href="https://www.qblog.cc/" target="_blank" rel="noopener noreferrer"><img width="180" src="https://www.qblog.cc/images/common/logo.png" alt="logo"></a></p>

<p align="center">
  <a href="https://www.npmjs.com/package/vuepress-theme-qblog"><img alt="npm" src="https://img.shields.io/npm/v/vuepress-theme-qblog"></a>
  <a href="https://www.npmjs.com/package/vuepress-theme-qblog" target="_blank"><img src="https://img.shields.io/npm/dt/vuepress-theme-qblog" alt="npm" ></a>
  <a href="https://github.com/sanqi377/vuepress-theme-qblog/stargazers"><img src="https://img.shields.io/github/stars/sanqi377/vuepress-theme-qblog?logo=ReverbNation&logoColor=rgba(255,255,255,.6)" alt="GitHub stars"></a>
</p>

## vuepress-theme-qblog

## 介绍
1. 这个主题的初衷是打造一个简约的、美观的`个人博客`
2. 轻松构建一个静态化`个人博客`。
3. 多插件加持，图片懒加载、图片灯箱、评论...
4. `简洁高效`，以 Markdown 为中心的项目结构。。

## 快速上手

```
npm i vuepress-theme-qblog -D
# OR yarn add vuepress-theme-qblog -D
```

## 使用

```
// .vuepress/config.js
module.exports = {
  theme: 'vuepress-theme-qblog',
  themeConfig: {
    // Please head documentation to see the available options.
  }
}
```

## 演示

[qblog.cc](https://www.qblog.cc)

## 截图

![首页](https://www.qblog.cc/images/common/index.png)

![文章页](https://www.qblog.cc/images/common/post.png)

## 发布至 Github Pages

```
npm run deploy
```
