PornHub 风格 Logo 生成工具中文源码

Logoly.Pro 是一个在线的 PornHub 风格 Logo 生成工具，可以帮助你快速生成类似 PornHub 和 YouTube 风格的 Logo。

项目地址：https://github.com/bestony/logoly

由于 Logoly.Pro 项目默认是英文的，十一张（www.11zhang.com）对源码进行了汉化，如下图。

演示地址

●中文：https://logoly.11zhang.com
●英文：https://logoly.pro

源码下载

部署方法

下面，十一张（www.11zhang.com）通过宝塔面板介绍一下如何部署 Logoly.Pro 项目。

1、前置条件

1、Linux服务器已安装宝塔面板，宝塔面板教程：https://www.11zhang.com/30.html
2、已解析域名到Linux服务器IP地址（若仅测试，可直接使用服务器IP地址访问）

2、安装 Node.js 环境

登录宝塔面板，进入「软件商店」，搜索“Node.js版本管理器”进行安装，如下图；

安装完成后打开管理器 [设置]，选择需要的 Node.js 版本（如 v16.20.2）进行安装，如下图；

等待安装完成；

3、上传项目文件

通过宝塔面板文件管理器上传 Logoly.Pro 项目文件，如下图；

4、创建 Node 项目

进入「网站」，点击 [Node项目] - [添加Node项目]，如下图；

填写配置，如下图；

●项目目录：选择上传的Logoly.Pro文件夹（如 /www/wwwroot/120.48.86.41）
●项目名称：自定义（如 logoly）
●启动选项：会自动获取
●Node版本：选择已安装的版本（如 v16.20.2）
●包管理器：pnpm，勾选不安装node_module
●运行用户：www
●项目端口：8080

PS：如果Node项目安装完成后，无法正常启动。请检查一下是否未安装项目模块。可以选择 [一键安装项目模块]，如下图。

域名管理，如下图；

开启外网映射，如下图；

在宝塔「安全」中放行项目端口：8080，如下图；

完成！访问你的域名或 http://服务器IP:端口 即可查看 Logoly.Pro 项目，如下图。

PS：​​​移动端访问兼容性较弱，建议切换电脑端体验更佳！

常见问题

若通过 http://服务器IP地址 可以正常访问 Logoly.Pro 项目，但是通过域名（如 https://logoly.11zhang.com ）访问提示“Invalid Host header”错误，如下图。

该问题是服务器默认启用了主机头检查，只允许 localhost 或 127.0.0.1 访问。当通过域名（如 https://logoly.11zhang.com）访问时，服务器会验证 Host 头部，如果不在白名单中就会拒绝请求，导致在通过域名访问时出现 "Invalid Host header" 错误。

解决办法：修改服务器Node项目启动配置允许域名访问即可，可以在Node项目根目录创建/修改 vue.config.js 配置，如下图：

// vue.config.js
module.exports = {
  devServer: {
    allowedHosts: [
      'logoly.11zhang.com'  // 你的完整域名
    ]
  }
}