Hexo Blog Admin

一个基于vue-admin-template的hexo博客后台管理。包含了文章管理，文章发布，评论管理，用户管理等功能。

博客demo

后台管理demo

截图

技术栈

前端

Vue
Vue-cli 3
vue-router
ElementUI
axios

......

后端

JDK 11
SpringBoot
MyBatis
MySQL 8

构建

克隆项目

git clone https://github.com/yiyingcanfeng/hexo-blog-admin.git

前端构建

构建

# 进入项目目录
cd web
# 安装依赖
npm install 
# 启动服务
npm run dev

浏览器访问 http://localhost:9527

发布

# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

其它

# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix

后台构建

注意：需要使用JDK 11 进行构建和运行

由于文章生成要用到 hexo-cli ，还需要全局安装 hexo-cli

npm install -g hexo-cli
# 进入hexo文件夹，安装hexo所需的依赖
cd <hexo-blog>
npm install

导入数据库

使用 server/hexo-blog.sql 文件创建数据库，

然后在 sys_config 表中插入一条数据，如下：

id article_path hexo_path public_path

1 /opt/hexo-blog/source/_posts /opt/hexo-blog /usr/share/nginx/html

字段说明：

id：需要设置成1

article_path：文章的markdown文件目录，一般在hexo路径下的 source/_posts 文件夹

hexo_path：hexo目录

public_path：发布路径，即http服务器的访问路径
后台源码打包

id	article_path	hexo_path	public_path
1	/opt/hexo-blog/source/_posts	/opt/hexo-blog	/usr/share/nginx/html

cd server
# 使用maven编译
mvn compile
# 打包
mvn package
# 或者，打包，并跳过测试
mvn package -DskipTests
# 运行,默认端口是8866，可以将 application.yml 复制到启动命令所在的目录，然后根据自己的需要修改配置
java -jar hexoblogadmin.war
# 指定外部的log4j2.xml
java -jar hexoblogadmin.war -Dlogging.config=/xxx/xxx/log4j2.xml
# 或者使用放到tomcat中

假如需要在CentOS7服务器上构建，服务器同时安装了jdk1.8和jdk11，这时CentOS7默认使用的是jdk1.8，所以构建之前需要导入环境变量

export PATH=/usr/lib/jvm/java-11-openjdk/bin:$PATH
export JAVA_HOME=/usr/lib/jvm/java-11-openjdk

部署

前端使用 nginx 或 apache ，

需要将 /blog/api 请求反向代理至后端服务器

以nginx为例：

location /blog/api/ {
	proxy_pass http://127.0.0.1:8866/;
}

后端可以使用 java -jar hexoblogadmin.war 的方式直接运行，

或者部署到tomcat容器中

可以使用supervisor 或 systemd 托管springboot应用，避免退出shell后进程终止

TODO

头像上传
系统参数设置 √
增加统计功能，比如文章数、评论数、用户数等等，并增加图表展示
评论邮件通知 √
管理员回复

欢迎访问我的博客

License

MIT license.

yiyingcanfeng/hexo-blog-admin