好物优选点击查看详情 京东购买

暂无内容

部署静态博客网站上线

买一个服务器

1.选择一个优惠的平台购买弹性云服务器ESC

2.云服务器ESC

  • 地域选择:不同地域的实例之间内网互不相通;选择靠近的地域,可降低网络时延、提高访问速度
  • 套餐:选择合适的就行,简单项目买最基础的就可以
  • 镜像:这里我选择CentOS 7(linux服务器适合,不会浪费太多空间)
  • 管理设置:选择自定义密码并记住密码

利用Xshell和Xftp连接服务器

1.在Xshell中新建连接:

  • 定义连接名称
  • 输入服务器公网IP,端口号默认22,
  • 点击用户身份认证,输入用户名(默认root)和登录密码点击确认
  • 点击连接,接收并保存ssh密钥即可连接云服务器成功

image-20230714214608803image-20230714214824499

image-20230714214952546

部署静态博客网站上线插图3

部署静态博客网站上线插图4

部署静态博客网站上线插图5

部署静态博客网站上线插图6

2.安装nginx

yum install epel-release yum update yum -y install nginx # 开启nginx服务 systemctl start nginx 

3.打包博客项目代码

npm run docs:build 

4.在usr文件目录下创建一个项目的文件,如app。将dist文件利用Xftp传输到服务器上的该文件中。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Qc1HhEe8-1689345014492)(./assets/image-20230714220343377.png)]

5.编写nginx配置文件my.conf文件(my可变)

# 先转移到conf.d目录下 cd /etc/nginx/conf.d/ # 创建并打开my.conf配置文件 vim my.conf 

编写配置代码

server { listen 80; #由域名放域名,没有就填locahost server_name locahost; location / { #配置项目地址 root /usr/app/dist; #配置主页位置 index index.html; } } 

6.使配置生效

nginx -s reload 

至此,项目上线,可通过正常ip或者域名访问网站。

原文链接:https://blog.csdn.net/weixin_63050915/article/details/131732588

© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享