tjsky/CoverView

🛠 Create awesome cover images for your blog posts quickly.

CoverView

👉 简体中文说明 | English README

该项目基于原始的 CoverView。

现在为你的博客创建封面图片变得非常简单。

💥 变更通知

自 2024 年 03 月 28 日起，已将原始的 CoverView 移至我的存储库，并进行了以下更改和增强：

• 修复了具有图案背景的图像无法下载的问题
• 修复了无法下载和上传 SVG 格式图标的问题
• 修复了移动端样式混乱的问题
• 修复了 重置所有 按钮功能异常的问题
• 添加了 ESLint 支持
• 添加了 I18n 支持
• 增强了 Unsplash 图像搜索功能
• 添加了下载图像格式选择（PNG/JPEG/SVG/Blob），并支持 JPEG 图像质量调整
• 优化了图像下载速度
• 优化 Devicons 以多色 SVG 图标显示
• 添加了更多字体和平台支持
• 统一了不同主题下下载图像的尺寸
• 等等...

⚡ 特性

• 🚀 超快速且易于使用
• 🌈 7 种不同主题，多种字体
• 🌠 100+ 开发图标，并提供上传自定义图标选项
• ✨ 15+ 种不同背景图案
• 💾 基于博客平台或常用尺寸的封面大小
  • Hashnode
  • Dev.to
  • Hugo FixIt
  • 稀土掘金

👩‍💻 开发

此项目是使用 Create React App 启动的。

1. 下载项目并安装依赖：

   git clone https://github.com/Lruihao/CoverView.git
   cd CoverView/
   npm install

2. 从 Unsplash API 获取访问密钥。

3. 在 .env 文件中添加 REACT_APP_UNSPLASH_ACCESS_KEY 环境变量。

   # https://unsplash.com/ Access Key
   REACT_APP_UNSPLASH_ACCESS_KEY="your_access_key_here"

4. 运行以下命令开始项目：

   npm start

👇 贡献

欢迎提交拉取请求。对于重大更改，请先打开一个问题来讨论你想要更改的内容。

1. 克隆它 (https://github.com/Lruihao/CoverView/fork)
2. 创建你的功能分支 (git checkout -b feature/fooBar)
3. 提交你的更改 (git commit -am 'Add some fooBar')
4. 推送到分支 (git push origin feature/fooBar)
5. 创建一个新的拉取请求

🙏 致谢

• Rutik Wankhade（原始 CoverView）
• dom-to-image-more
• Hero Patterns
• Devicons
• Font Virgil
• Font MMT

如果你觉得这个项目有用，请别忘了留下一个 ⭐。