# Fblog

**Repository Path**: fengziy/Fblog

## Basic Information

- **Project Name**: Fblog
- **Description**: 基于vue+element-ui简洁的博客模板
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 258
- **Forks**: 72
- **Created**: 2019-03-26
- **Last Updated**: 2024-12-21

## Categories & Tags

**Categories**: blog

**Tags**: None

## README

# Fblog
<p align="center">
  <a href="https://gitee.com/fengziy/Fblog">
    <img src="https://gitee.com/fengziy/Fblog/badge/star.svg?theme=white" alt="star"/>
    <img src="https://gitee.com/fengziy/Fblog/badge/fork.svg" alt="fork"/>
  </a>
  <a href="https://github.com/vuejs/vue">
    <img src="https://img.shields.io/badge/vue-2.6.6-brightgreen.svg" alt="vue"/>
  </a>
    <a href="https://element.eleme.cn/2.6/#/zh-CN/component/installation">
    <img src="https://img.shields.io/badge/elementui-2.6.3-blue.svg" alt="element-ui"/>
  </a>
  <a href="https://gitee.com/fengziy/Fblog/blob/master/license">
    <img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license"/>
  </a>
</p>
```
一个基于vue3.x+element-ui+vue-element-admin简洁的博客模板
```

## 演示地址
[demo](http://www.fengziy.cn/fBlog/)   
[备用地址](https://fengziye.github.io/blog/)
```
http://www.fengziy.cn/fBlog/

https://fengziye.github.io/blog/
```

## Gblog博客模板新作
> 
> 非常nice!  
> [Gblog](https://gitee.com/fengziy/Gblog)  
> https://gitee.com/fengziy/Gblog
> 

## 项目截图

### 首页（懒，博文列表都一样 :sweat_smile: ）

![首页](https://images.gitee.com/uploads/images/2019/0326/212821_d068d429_1658323.png "屏幕截图.png")

### 国际化效果（只截了一张图）

![国际化](https://images.gitee.com/uploads/images/2019/0326/213439_7719202a_1658323.png "屏幕截图.png")

### 博文页

![博文页](https://images.gitee.com/uploads/images/2019/0326/213002_d950f6fe_1658323.png "屏幕截图.png")

### 申请友链

![申请友链](https://images.gitee.com/uploads/images/2019/0326/213340_0de8aa80_1658323.png "屏幕截图.png")

### 归档（标签页与他类似）

![归档](https://images.gitee.com/uploads/images/2019/0326/213057_d1b8d6ac_1658323.png "屏幕截图.png")

### 关于页

![关于](https://images.gitee.com/uploads/images/2019/0326/213232_9b8a17df_1658323.png "屏幕截图.png")



## 安装
```
npm install
```
## 运行
```
npm run dev
```

## 打包
```
npm run build
```

## 部署
把build的dist文件命名为fBlog(自取)上传到服务器

### nginx配置
```
location /fBlog/ {
	root /usr/local/nginx/;#fBlog所在的更目录
	try_files $uri $uri/ /fBlog/;
}
```

## 演示
```
博客域名:9527
管理后台域名:9527/admin
```