Giter VIP home page Giter VIP logo

coverview's Introduction

CoverView

👉 简体中文说明 | English README

用爱发电

该项目基于原始的 CoverView

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

cover_852562

💥 变更通知

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

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

⚡ 特性

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

👩‍💻 开发

此项目是使用 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. 创建一个新的拉取请求

🙏 致谢

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

coverview's People

Contributors

asishraju avatar bilikox avatar divyakelaskar avatar haideralipunjabi avatar le0zh avatar lruihao avatar rajakumardev avatar rajesh-royal avatar rutikwankhade avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

coverview's Issues

增加自定义平台

  • 设置自定义平台封面图片的宽高比
  • 适配常用尺寸宽高比
  • 掘金 1303*734

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.