/blog_admin

基于vue-element-admin搭建的个人博客后台管理系统

Primary LanguageVueMIT LicenseMIT

个人博客后台管理系统

简介

基于vue全家桶搭建的个人博客后台管理系统，搭配 博客前台 以及 中台server 一起组成完整的个人博客系统，基础模板使用vue-element-admin，删除本项目无用的组件和页面，扩展了如下功能：

功能

  • 博客报表，基于echarts包含评论统计、图片统计、访客统计以及访客分布散点图
  • 权限管理，按钮级别控制
  • 用户动态主题
  • 拓展菜单管理，包含菜单名称、图标、顺序
  • 图片管理、相册管理，前端图片上传前无损压缩
  • 网站基础设置，包含图床配置等
  • 一言
  • 封装原ElementUI的table组件

目录

使用方法

fork本项目

项目地址：SpectreAlan/blog_admin

本地运行

# 克隆项目
git clone https://github.com/SpectreAlan/blog_admin.git
# 切换到项目目录
cd blog_admin
# 安装依赖
yarn install
# 启动服务
yarn run dev

部署及后续操作

命令行切换到项目根目录进行打包，打包后的项目文件在/dist下

yarn run build:prod

配置文件说明

/src/settings.js文件

module.exports = {
  title: "Alan Grady's Management System", // 项目标题
  proxy: {
    name: '/admin', // 代理字段，用作nginx反向代理使用
    url: 'http://127.0.0.1:7001' // 本地代理地址
  },
  port: 5000, // 开发环境服务端口
  showSettings: true, // 默认显示settings按钮
  tagsView: true, // 默认显示tags标签
  theme: '#304156', // 默认主题颜色
  fixedHeader: false, // 页头固定: 否
  sidebarLogo: false, // 侧边栏logo: 否
  errorLog: 'production'
}