strapi和gridesome 博客发布记录

项目使用的代码:

https://gitee.com/olhong/learn-project/tree/master/part3/fed-e-task-03-04

blog_strapi和blob-with-gridesome

部署strapi

  1. 服务器配置mysql环境

下载mysql的yum源

wget http://repo.mysql.com/mysql-community-release-el6-5.noarch.rpm 
yum install -y mysql-community-release-el6-5.noarch.rpm

安装mysql

yum -y install mysql-server

启动mysql服务

systemctl start mysqld.service

登录mysql

//初次登录,默认无密码
mysql -uroot -p
//使用mysql数据库
mysql> use mysql
//更新root用户密码
mysql> update user set password=password("123") where user = "root";
//刷新权限,修改密码才能生效,或者直接重启系统也可以生效
mysql> flush privileges;
//逐行显示查询数据
select * from mysql.user \G; 

配置mysql

# 编写my.cnf文件
vim /etc/my.cnf
在[mysqld]下添加如下内容:
 
#设置字符集
character-set-server=utf8
#跳过验证
#skip-grant-tables
重启一下mysql服务,配置生效
 
#重启mysql
systemctl restart mysqld.service

创建数据库

进入mysql

mysql -uroot -p

mysql>create database `blog` default character set utf8 collate utf8_general_ci

开放数据库端口

#防火墙开放指定端口
firewall-cmd --zone=public --add-port=3306/tcp --permanent
#重载防火墙
firewall-cmd --reload
#查看防火墙已开放端口
firewall-cmd --list-all
或者 firewall-cmd --zone=public --list-ports
  1. 项目中修改config.database.js

module.exports = ({ env }) => ({
    defaultConnection: 'default',
    connections: {
        default: {
            connector: 'bookshelf',
            settings: {
                client: 'mysql',
                host: env('DATABASE_HOST', 'localhost'),
                port: env.int('DATABASE_PORT', 3306),
                database: env('DATABASE_NAME', 'blog'),
                username: env('DATABASE_USERNAME', 'root'),
                password: env('DATABASE_PASSWORD', '123'),
            },
            options: {},
        },
    },
});
  1. 上传strapi项目至服务器root/blog_strapi

  1. 服务器进入blog_strapi项目下 安装依赖 npm i 注: node版本14.10.0

安装依赖是sharp会安装失败

下载包 libvips-8.10.0-linux-x64.tar.br 会失败,此时在本地下载改包, 然后在服务器获取npm的缓存地址

npm config get cache

然后把下载的包传到获取的缓存地址的_libvips文件夹下

系统没有make命令的还需要安装

yum install -y make gcc-c++

然后再执行npm i即可

  1. 启动项目 npm run start 后台进程运行 pm2 start npm -- run start --name blog-end

部署gridesome

  1. 下载代码

  1. 配置环境变量为服务器strapi的地址。(.env.development)中的GRIDSOME_API_URL

  1. 本地npm run develop 查看项目是否能成功启动

本地成功后,需要部署到线上

使用https://vercel.com/login

创建github仓库,将代码上传至github

在vercel导入blog_front项目

注意项目运行的node版本,

strapi数据更新时重新部署

settings -> git integration -> deploy Hooks

然后去strapi上找settings=>webhooks 设置刚刚创建的hook

查看部署效果

https://vercel.com/oulianhhong00/blog-front/9BaKhhXhKmhNGdJnoQEJ8JHd6Pci

但是部署成功后点visit访问不了,似乎在国内现在访问不了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值