# Gblog

**Repository Path**: fengziy/Gblog

## Basic Information

- **Project Name**: Gblog
- **Description**: 一款nice的基于 vue 的博客模板
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://static.fengziy.cn/Gblog/
- **GVP Project**: No

## Statistics

- **Stars**: 548
- **Forks**: 133
- **Created**: 2020-05-14
- **Last Updated**: 2026-03-27

## Categories & Tags

**Categories**: blog

**Tags**: None

## README

# gblog
<p align="center">
  <img width="80" src="http://cdn.fengziy.cn/gblog/logo.svg"/>
</p>
<p align="center">
  <a href="https://gitee.com/fengziy/Gblog">
    <img src="https://gitee.com/fengziy/Gblog/badge/star.svg?theme=white" alt="star"/>
    <img src="https://gitee.com/fengziy/Gblog/badge/fork.svg" alt="fork"/>
  </a>
  <a href="https://github.com/fengziye/Gblog">
      <img src="https://img.shields.io/github/stars/fengziye/Gblog.svg?style=social" alt="Github star"/>
      <img src="https://img.shields.io/github/forks/fengziye/Gblog.svg?style=social" alt="Github forks"/>
  </a>
  <a href="https://github.com/vuejs/vue">
    <img src="https://img.shields.io/badge/vue-2.6.11-brightgreen.svg" alt="vue"/>
  </a>
  <a href="https://github.com/fengziye/Gblog/blob/master/license">
    <img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license"/>
  </a>
  <a href="https://github.com/fengziye/Gblog/releases">
      <img src="https://img.shields.io/github/release/fengziye/Gblog.svg" alt="GitHub release">
  </a>
</p>

仓库：[码云](https://gitee.com/fengziy/Gblog) | [github](https://github.com/fengziye/Gblog)  
[预览demo](http://static.fengziy.cn/Gblog/)、[我的博客](http://www.fengziy.cn)
### 介绍
>
> 一款nice的基于 vue 的博客模板。
> 在一些布局样式上借鉴了[Akina For Typecho](https://zhebk.cn/Web/Akina.html)的风格，也做了一些自己的改动。  
> 打算用做搭建自己的博客使用，也开源给大家希望能喜欢，欢迎star。
>
#### 完成功能
后面有时间在增加新功能以及优化
- [x] 搜索
- [x] 评论
- [x] 分类/分类文章
- [x] 主页
- [x] 文章列表
- [x] 文章详情
- [x] 友链
- [x] 关于页/留言/申请友链
- [x] 站点运行时间
- [x] 回到顶部
- [x] 文章分页
- [x] 路由动画
- [x] 点击心形特效
- [x] 复制文字追加版权信息

### 安装依赖
```
npm install
```

### 启动服务
```
npm run serve
```

### 编译打包
```
npm run build
```

### 更多自定义配置
See [Configuration Reference](https://cli.vuejs.org/config/).


#### 打赏作者

<p align="center" id="donate">
  <img width="120" src="https://images.gitee.com/uploads/images/2020/0618/095618_60414df6_1658323.jpeg">
  <img width="120" src="https://images.gitee.com/uploads/images/2020/0618/095618_72307c44_1658323.png">
</p>


#### User case（欢迎大家提供使用案例）

- [黎先森的博客](https://www.lesslesson.com/)
- [WTM](http://blog.5zu5pu.com/)
- [尘心博客](http://www.dengxiaochao.xyz)



#### 配套小程序 【FZY的博客】 欢迎大家访问（目前未开源,后续有开源打算）
<p align="center" id="fzy">
  <img width="120" src="src/assets/gh_a3a666832e53_344.jpg">
</p>
<p align="center" id="fzy">
  <img width="120" src="src/assets/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240408095457.jpg">
  <img width="120" src="src/assets/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240408095506.jpg">
  <img width="120" src="src/assets/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240408095553.jpg">
  <img width="120" src="src/assets/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240408095535.jpg">
</p>