Loolob

welcome to Loolob

0%

Hexo添加Live2D(Ubuntu服务器部署)

发表于 更新于

注意: 本篇内容是在已完成windows本地部署的情况下做修改，达到linux服务器部署的效果

Nginx 部署

  1. apt-get 直接安装

    1
    apt-get install nginx

  2. 配置文件修改 /etc/nginx/nginx.conf

配置文件和local server的配置大致相同，监听端口修改为当前服务器开放的端口

指定端口后需要修改跨域配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

# 由root用户启动
user root;

server {
    # 当前服务器开放47777端口用于提供live2d-api
    listen 47777;
    server_name live2d_api;

    # 跨域配置修改，Origin指向当前域名
    add_header Access-Control-Allow-Origin http://loolob.cn;

    location ~ \.php$ {
        # root改为当前系统内的live2d_api路径
        root /root/loolob_blog/live2d_api;
    }
}
  1. 启动nginx服务
    1
    service nginx start

PHP 部署

  1. 安装php

    1
    2
    apt-get isntall php
    apt-get install php-fpm

  2. php.ini的修改同local，/etc/php/7.2/fpm/pool.d/www.conf修改如下

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    ; 由root运行
    user = root
    group = root

    listen = 127.0.0.1:9000

    listen.allowed_clients = 127.0.0.1

    pm.max_children = 50

    pm.max_requests = 500

    request_terminate_timeout = 0

    rlimit_files = 1024

  3. 启动php服务，由于改为由root启动，需要增加启动参数

    1
    php-fpm7.2 -R

liv2d-weight修改

apiPath 指向当前服务器开放的url

1
2
3
4
5
6
7
8
9
10
11
12
13
14
if (screen.width >= 768) {
	Promise.all([
		loadExternalResource(live2d_path + "waifu.css", "css"),
		loadExternalResource(live2d_path + "live2d.min.js", "js"),
		loadExternalResource(live2d_path + "waifu-tips.js", "js")
	]).then(() => {
		initWidget({
			waifuPath: live2d_path + "waifu-tips.json",
			apiPath: "http://loolob.cn:47777/",
			//apiPath: "https://live2d.fghrsh.net/api/",
			// cdnPath: "https://cdn.jsdelivr.net/gh/fghrsh/live2d_api/"
		});
	});
}