博客开源

这是博客的第一次重构,采用前后端分离架构,前端项目采用vue2.6+typescript+vuetify[GitHub链接],后端API项目采用Laravel8+php7.4[GitHub链接],后端代码用的强类型写法,需要安装php7.4以上的版本才能运行。

之前的老博客项目采用laravel5.2开发的,php7.0以上就可以部署起来,GitHub链接

各位大神有什么建议欢迎在下面留言评论!

开源不易,喜欢的朋友希望可以给个star,不胜感激!

1. 前端项目

1.1 拉取代码

git clone https://github.com/gentlemanwuyu/vueblog.git

1.2 npm安装

npm install

1.3 本地运行

npm run serve

1.4 线上打包项目

npm run build

1.5 Nginx配置

server {
    listen       80;
    server_name  前端项目地址;
    autoindex on;

    root /var/www/blog/blog/dist/;
    location / {
        index  index.html;
        try_files $uri $uri/ /index.html;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header REMOTE-HOST $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        if ($http_user_agent ~* "spider|bot") {
            proxy_pass http://127.0.0.1:3000;
        }
    }

    location ^~ /api/ {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_pass API项目地址;
    }
}

2. Api项目

2.1 拉取代码

git clone https://github.com/gentlemanwuyu/vueblog-api.git

2.2 composer安装扩展包

composer install

2.3 配置env文件

需配置数据库、redis、邮件(回复评论时发送邮件用)、钉钉机器人(如果不需要可将DINGTALK_ENABLED置为false)

2.4 初始化数据库

php artisan blog:install

如果需要示例数据,可在后面加上--seed

2.5 Nginx配置

server {
    listen       80;
    server_name  API项目地址;
    autoindex on;

    root /blog-api/public; # 指向public目录
    #root /usr/local/nginx/html;
    location / {
        index  index.php;
        if (!-f $request_filename){
            rewrite ^(.+)$ /index.php last;
        }
    }

    #php
    location ~ \.php$ {
        # include fastcgi.conf;
        fastcgi_pass 127.0.0.1:9000;
        fastcgi_index index.php;
        include fastcgi_params;
        fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
    }
}
评论啦~
暂无评论,快来抢沙发吧!