首页手记使用Aurora搭建个人博客

使用Aurora搭建个人博客

标签：

Vue.js SpringBoot

一.介绍

欢迎大家参观我的博客，本博客使用github开源项目Aurora搭建,如果觉得还可以的话，大家也可以试着自己搭建一个个人博客。Aurora是一个前后端分离的博客系统，采用
- 前端技术
  - 基础框架：vue3(前台) vue2(后台)
  - 状态管理：pinia(前台) vuex(后台)
  - 路由组件：vue-router
  - 网络请求：axios
  - 其他技术：详见前端项目的package.json
- 后端
  - 基础框架：springboot
  - ORM框架：mybatisplus
  - 权限框架：springsecurity
  - 缓存中间件：redis
  - 消息中间件：rabbitmq
  - 搜索引擎：elasticsearch
  - 对象存储：minio
  - 定时任务：quartz
  - 其他技术：详见后端项目的pom.xml

下面是博客的部署教程：

1. 服务器配置

2 核 4G（使用 ES 搜索策略）
2 核 2G（使用 MySQL 搜素策略，关闭 ES、Canal）

2. 服务器安装 Docker

官方网站上有各种环境下的安装指南，这里主要介绍 Docker CE 在 CentOS 上的安装。

2.1 卸载（可选）

如果之前安装过旧版本的 Docker，可以使用下面命令卸载：

yum remove docker \
                  docker-client \
                  docker-client-latest \
                  docker-common \
                  docker-latest \
                  docker-latest-logrotate \
                  docker-logrotate \
                  docker-engine

2.2 安装 Docker

安装 yum 工具
```
yum install -y yum-utils
```

设置镜像仓库

yum-config-manager --add-repo https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo

更新 yum 软件包索引
```
yum makecache fast
```

安装 Docker CE

yum install docker-ce docker-ce-cli containerd.io

2.3 启动 Docker

启动 Docker
```
systemctl start docker
```
查看 Docker 版本
```
docker version
```
设置开机自启动
```
systemctl enable docker
```

3. 安装mysql

3.1 数据卷挂载模式

执行以下命令进行安装，修改密码为自己的密码

docker run --name mysql --restart=always -p 3306:3306 -v /mnt/aurora/mysql/log:/var/log/mysql -v /mnt/aurora/mysql/data:/var/lib/mysql -v /mnt/aurora/mysql/conf:/etc/mysql/conf.d  -e MYSQL_ROOT_PASSWORD=密码 -d mysql

4.安装redis

docker pull redis //下载Redis镜像
docker run --name redis  --restart=always -p 6379:6379 -d redis --requirepass "密码" //启动Redis

5.安装rabbitmq

docker pull rabbitmq:management //下载RabbitMQ镜像
docker run --name rabbit --restart=always -p 15672:15672 -p 5672:5672  -d  rabbitmq:management   //启动RabbitMQ,默认guest用户，密码也是guest。

6.安装elasticsearch

docker pull elasticsearch:7.9.2
mkdir -p  /home/elasticsearch/data/ 
mkdir -p  /home/elasticsearch/config/

编写配置文件

echo 'http.host: 0.0.0.0
http.cors.enabled: true
http.cors.allow-origin: "*" '>>/home/elasticsearch/config/elasticsearch.yml

修改文件夹权限

chmod -R 777 /home/elasticsearch/
ls -l # 查看文件权限

启动elasticseach镜像

docker run --name elasticsearch -p 9200:9200 \
 -p 9300:9300 \
 -e "discovery.type=single-node" \
 -e ES_JAVA_OPTS="-Xms64m -Xmx128m" \
  -v /home/elasticsearch/config/elasticsearch.yml:/usr/shellare/elasticsearch/config/elasticsearch.yml \
 -v /home/elasticsearch/data:/usr/shellare/elasticsearch/data \
 -v /home/elasticsearch/plugins:/usr/shellare/elasticsearch/plugins \
 -d elasticsearch:7.9.2

接下来在浏览器上输入：服务器IP地址:9200（记得先打开服务器防火墙端口）

4.安装ik分词器

进入已经启动成功的elasticsearch容器。

docker exec -it elasticsearch /bin/bash
./bin/elasticsearch-plugin install https://github.com/medcl/elasticsearch-analysis-ik/releases/download/v7.9.2/elasticsearch-analysis-ik-7.9.2.zip

ps: 安装的ik分词器的版本一定要与elasticsearch的版本保持一致

下载过程中如果遇到选择，直接输入 y回车就可以了。

下载完成之后，退出去，重新启动elasticsearch容器。

docker restart elasticsearch

测试ik分词器是否安装成功

安装完成后，我们再来进行测试遍，看看有什么样的变化。

postman post请求分词测试：http://服务器IP地址:9200/_analyze

{
	"tokenizer":"ik_smart",
	"text":"我爱技术"
}

结果

{
    "tokens": [
        {
            "token": "我",
            "start_offset": 0,
            "end_offset": 1,
            "type": "CN_CHAR",
            "position": 0
        },
        {
            "token": "爱",
            "start_offset": 1,
            "end_offset": 2,
            "type": "CN_CHAR",
            "position": 1
        },
        {
            "token": "技术",
            "start_offset": 2,
            "end_offset": 4,
            "type": "CN_WORD",
            "position": 2
        }
    ]
}

7.安装MaxWell

docker pull zendesk/maxwell //下载MaxWell镜像

docker run --name maxwell --restart=always  -d  zendesk/maxwell bin/maxwell  --user='数据库用户名' --password='数据库密码'  --host='IP地址'  --producer=rabbitmq --rabbitmq_user='MQ用户名' --rabbitmq_pass='MQ密码' --rabbitmq_host='IP地址' --rabbitmq_port='5672' --rabbitmq_exchange='maxwell_exchange'  --rabbitmq_exchange_type='fanout' --rabbitmq_exchange_durable='true' --filter='exclude: *.*, include: aurora.t_article.article_title = *, include: aurora.t_article.article_content = *, include: aurora.t_article.is_delete = *, include: aurora.t_article.status = *' //运行MaxWell

注意：上述命令中aurora为数据库名称。

8.修改yml文件和打包后端项目

1.使用idea打开Aurora的后端项目代码，修改application.yaml的配置

1.1 修改mysql配置

把数据库地址修改为自己服务器地址，数据库名、密码也同样修改

1.2 修改redis配置

1.3 修改rabbitmq配置

rabbitmq默认用户名和密码都是guest

1.4 修改elasticsearch地址为服务器地址

1.5 修改邮箱

username修改为自己的163邮箱
电脑搜索打开163邮箱，打开设置下的SMTP服务

如果没有开启服务，点击开启会发送短信验证，验证成功后就会得到一个密码

如果开启过服务，下面也可以选择新的授权码

获得授权码之后填入下面的password里即可

1.6 修改阿里云OSS配置

可以自行搜索阿里云OSS开通教程，把下面几个修改成自己的OSS

1.7 绑定自己的博客链接

需要提前购买域名

1.8 绑定QQ互联

绑定之后可以使用QQ登录，需要提前在官网注册开发者和创建网站，由于本人也没有绑定QQ互联,这里就暂时不进行演示

1.9 修改博客网站信息

打开这两个文件，根据自己需求修改，主要把Aurora作者的名字替换成自己的

2.0 打包

执行 maven 的 package 命令选择 jar 方式打包

编写Dockerfile,同时将编写好的Dockerfile传输到服务器的/usr/local/docker下面

FROM openjdk:8
VOLUME /tmp
ADD aurora-springboot-0.0.1.jar blog.jar
ENTRYPOINT ["java","-Djava.security.egd=file:/dev/./urandom","-jar","/blog.jar"]

编写aurora-start.sh,同时将编写好的aurora-start.sh上传到服务器的/usr/local/docker下面

SOURCE_PATH=/usr/local/aurora-springboot
SERVER_NAME=aurora-springboot-0.0.1.jar
TAG=latest
SERVER_PORT=8080
CID=$(docker ps | grep "$SERVER_NAME" | awk '{print $1}')
IID=$(docker images | grep "$SERVER_NAME" | awk '{print $3}')
if [ -n "$CID" ]; then
  echo "存在容器$SERVER_NAME,CID-$CID"
  docker stop $CID
  echo "成功停止容器$SERVER_NAME,CID-$CID"
  docker rm $CID
  echo "成功删除容器$SERVER_NAME,CID-$CID"
fi
if [ -n "$IID" ]; then
  echo "存在镜像$SERVER_NAME:$TAG,IID=$IID"
  docker rmi $IID
  echo "成功删除镜像$SERVER_NAME:$TAG,IID=$IID"
fi
echo "开始构建镜像$SERVER_NAME:$TAG"
cd $SOURCE_PATH
docker build -t $SERVER_NAME:$TAG .
echo "成功构建镜像$SERVER_NAME:$TAG"
docker run --restart=always --name aurora-springboot-0.0.1.jar -d -p 8080:8080 aurora-springboot-0.0.1.jar:latest
echo "成功创建并运行容器$SERVER_NAME"

把打包好的后端jar包上传到服务器的/usr/local/docker下面

cd到/usr/local/docker下面，执行如下命令打包docker镜像文件

sh aurora-start.sh

启动容器

docker run  --name aurora-springboot-0.0.1.jar -d -p 8080:8080 aurora-springboot-0.0.1.jar:latest

这样后端项目就可以在服务器上跑起来了
访问测试(浏览器上访问)
```
ip:8080
```
出现下面类似数据就说明后端项目启动成功

9. 打包前端项目

使用VSCode打开博客后台项目和前端项目

aurora-blog项目中，更改src/config/config.ts

  captcha: {
    TENCENT_CAPTCHA: '你自己的天御验证码'
  },
  qqLogin: {
    QQ_APP_ID: '你自己的APP_ID',
    QQ_REDIRECT_URI: 'https://你的前台域名/oauth/login/qq'
  },

aurora-blog项目中，更改public/index.html

<script
      class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://connect.qq.com/qc_jssdk.js"
      data-appid="你自己的APP_ID"
      data-redirecturi="https://你的前台域名/oauth/login/qq"></script>

如果你的网站没有打算使用https,将aurora-blog/public/index.html和aurora-admin/public/index.html中下面这一行代码给注释掉
```
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
```
分别到aurora-blog和aurora-admin下面执行如下命令 (推荐关闭vscode的Eslint,本项目没有遵循Eslint的规范)
```
npm install
npm run build
```
在服务器的/usr/local/下面创建名为vue的文件夹
将打包好的前台代码重命名为blog, 并传输到服务器的/usr/local/vue下面
将打包好的后台代码重命名为admin, 并传输到服务器的/usr/local/vue下面

10.安装并启动nginx

关于nginx配置和服务器ssl证书申请等可以观看B站Up主视频操作（使用的是腾讯云服务器）

方式1: http

拉取nginx镜像
```
docker pull nginx
```

在/usr/local/nginx下创建nginx.conf文件，格式如下

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    client_max_body_size     50m;
    client_body_buffer_size  10m; 
    client_header_timeout    1m;
    client_body_timeout      1m;

    gzip on;
    gzip_min_length  1k;
    gzip_buffers     4 16k;
    gzip_comp_level  4;
    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
    gzip_vary on;

server {
        listen       80;
        server_name  前台域名;
     
        location / {		
            root   /usr/local/vue/blog;
            index  index.html index.htm; 
            try_files $uri $uri/ /index.html;	
        }
			
	location ^~ /api/ {		
            proxy_pass http://服务器ip:8080/;
	       proxy_set_header   Host             $host;
            proxy_set_header   X-Real-IP        $remote_addr;						
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
        }
		
    }
	
server {
        listen       80;
        server_name  后台子域名;
     
        location / {		
            root   /usr/local/vue/admin;
            index  index.html index.htm; 
            try_files $uri $uri/ /index.html;	
        }
			
	location ^~ /api/ {		
            proxy_pass http://服务器ip:8080/;
	    proxy_set_header   Host             $host;
            proxy_set_header   X-Real-IP        $remote_addr;						
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
        }
		
    }
 }

启动nginx

docker run --name nginx --restart=always -p 80:80 -d -v /usr/local/nginx/nginx.conf:/etc/nginx/nginx.conf -v /usr/local/vue:/usr/local/vue nginx

方式2: https

拉取nginx镜像
```
docker pull nginx
```

修改配置文件

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    client_max_body_size     50m;
    client_body_buffer_size  10m; 	  
    client_header_timeout    1m;
    client_body_timeout      1m;

    gzip on;
    gzip_min_length  1k;
    gzip_buffers     4 16k;
    gzip_comp_level  4;
    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
    gzip_vary on;
	
server {

        listen  443 ssl;
        server_name  前台域名;

        ssl on;
        ssl_certificate ssl证书文件位置; 
	   ssl_certificate_key ssl证书文件位置; 
        ssl_session_timeout 5m;
        ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
        ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
        ssl_prefer_server_ciphers on;

       location / {
            root   /usr/local/vue/blog;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }
		
        location ^~ /api/ {
            proxy_pass http://服务器ip:8080/;
            proxy_set_header   Host             $host;
            proxy_set_header   X-Real-IP        $remote_addr;
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
        }

    }

server {

        listen  443 ssl;
        server_name 后台域名;

        ssl on;
        ssl_certificate ssl证书文件位置; 
        ssl_certificate_key ssl文件位置; 
        ssl_session_timeout 5m;
        ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
        ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
        ssl_prefer_server_ciphers on;

       location / {
            root   /usr/local/vue/admin;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }
		
        location ^~ /api/ {
            proxy_pass http://服务器ip:8080/;
            proxy_set_header   Host             $host;
            proxy_set_header   X-Real-IP        $remote_addr;
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
        }
	
    }



server {
        listen       80;
        server_name  前台域名;
        rewrite ^(.*)$	https://$host$1	permanent;
		
    }
	
server {
        listen       80;
        server_name  后台域名;
        rewrite ^(.*)$	https://$host$1	permanent;
		
    }	
}

启动nginx

docker run --name nginx --restart=always -p 443:443 -p 80:80 -d -v /usr/local/nginx/nginx.conf:/etc/nginx/nginx.conf -v /usr/local/nginx/cert:/e

11.结语

以上就是使用Aurora开源项目搭建个人博客的教程，同时感谢作者开源，觉得本文有用的可以点个赞或者收藏
原创不易，觉得文章还不错或者感兴趣可以点赞或者收藏一下哦！欢迎留言评论和关注一下！

点击查看更多内容

为 TA 点赞

若觉得本文不错，就分享一下吧！

评论

评论

共同学习，写下你的评论

评论加载中...

展开查看更多评论

作者其他优质文章

正在加载中

快乐的小番茄

Web前端工程师

手记
篇

粉丝

0

获赞与收藏

6

关注作者，订阅最新文章

阅读免费教程

后端通用面试教程

41个小节 28562 320

网络编程入门教程

20个小节 11903 225

Pandas 入门教程

25个小节 17299 312

推荐

评论

收藏

共同学习，写下你的评论



感谢您的支持，我会继续努力的～

扫码打赏，你说多少就多少

赞赏金额会直接到老师账户

支付方式

打开微信扫一扫，即可进行扫码打赏哦

今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与放弃机会

点击
抽奖

慕课手记新用户专享福利

恭喜你，你的运气太好了，居然抽中了 100个积分！

恭喜你，抽中了价值元的专栏！

太棒了，直接落到你账户里！

积分商城里的罗技鼠标、机械键盘、
Kindle 阅读器、小米平衡车
Apple iPad （10.2英寸）、大额优惠券
在等着你去兑换了噢

作者：

免费赠送

兑换码：1111222211 复制

优惠券可用于购买实战课、体系课
无门槛使用

先去看看，有什么好东西马上兑换我爱学习，选课去


热搜

最近搜索清空

使用Aurora搭建个人博客

一.介绍

前端技术

后端

1. 服务器配置

2. 服务器安装 Docker

2.1 卸载（可选）

2.2 安装 Docker

2.3 启动 Docker

3. 安装mysql

3.1 数据卷挂载模式

4.安装redis

5.安装rabbitmq

6.安装elasticsearch

7.安装MaxWell

8.修改yml文件和打包后端项目

1.1 修改mysql配置

1.2 修改redis配置

1.3 修改rabbitmq配置

1.4 修改elasticsearch地址为服务器地址

1.5 修改邮箱

1.6 修改阿里云OSS配置

1.7 绑定自己的博客链接

1.8 绑定QQ互联

1.9 修改博客网站信息

2.0 打包

9. 打包前端项目

10.安装并启动nginx

方式1: http

方式2: https

拉取nginx镜像

修改配置文件

启动nginx

11.结语

阅读免费教程