给博客封面 “加点料”：自定义 CoverView 封面生成工具

最初被清羽飞扬大佬分享的 CoverView 项目吸引，它的界面风格简约大气，很适合技术博客的调性。但美中不足的是，这个版本缺少本地图片上传功能—— 询问后得知是因无需求所以没有写。。。。。

在文章中推荐了另外一个汉化分支 Lruihao 汉化分支，它保留了本地图片上传功能，虽然我更加喜欢大佬的这个风格，但是我不会改上传。。。。

🔥改造思路：抄出个性化

我的目标很明确：保留的优雅样式，同时加入本地图片上传功能
不会写还不会抄吗，很多代码我都不敢删除，只能注释掉我发现我既然对不齐代码导致报错哈哈！为了方便像我这样的小白进行自定义部署，我就将所以可以改的文字和连接全部写到了 config.ts，这样只需要去修改这个文件就好了。

样式复刻：直接参考清羽飞扬版本的界面布局、配色逻辑，让视觉风格保持一致；其实我也想加一行那个标题小字的，但是最后我失败了。
配置中心化：将所有可自定义内容（页面标题、版权信息、GitHub 链接等）集中到根目录 config.ts 中，后续修改只需维护这一个文件，大幅降低个性化成本。为我这样小白方便直接修改使用；

🎨部署CoverView后效果

本站所有文章均采用了该项目生成封面，本站自部署地址如下：

野猪佩奇弟弟の封面生成：https://cover.814925.xyz

📦 API 说明

项目依赖 Unsplash API 提供图片资源，使用前需注意：

需在环境变量中配置 REACT_APP_UNSPLASH_ACCESS_KEY（支持通过 .env 或系统环境变量设置）
API 调用限制：Unsplash 免费计划默认每小时最多 50 次请求，超过限制会导致图片加载失败
若无需图片功能或遇到限制，可在代码中注释相关调用逻辑

🔑 API 配置（必看）

项目依赖 Unsplash API 实现图片搜索功能，需先配置环境变量：

获取 API 密钥

访问 Unsplash Developers，按以下步骤操作：
- 右上角注册账号并登录
- 点击「New Application」创建应用
- 进入应用详情页，获取 Access Key
配置环境变量

部署时需填入以下环境变量：
- REACT_APP_UNSPLASH_ACCESS_KEY：对应 Unsplash 的 Access Key

✨ 功能优化

在原项目基础上，本分支主要做了以下调整：

精简首页结构，移除冗余页面，聚焦核心功能
底部新增版权信息与”关于本站”入口，支持自定义跳转链接
实现配置集中化管理：所有可自定义的文字（标题、版权信息等）和链接均统一维护在 config.ts 中，修改无需改动业务代码

🔧 配置说明

所有可自定义内容均在根目录 config.ts 中维护，主要包括：

页面标题、头部文字等展示文本
底部版权所有者、跳转链接
“关于本站”文字及链接
GitHub仓库地址等

示例配置片段：

// config.ts 关键配置示例
export default {
  headerTitle: "自定义封面生成",       // 头部标题
  copyrightOwner: "你的名称",          // 版权所有者
  ownerUrl: "https://你的网站",        // 所有者链接
  githubRepoUrl: "https://你的仓库地址" // 项目仓库链接
  // 更多配置详见文件
};