Git Product home page Git Product logo

coverview's Introduction

CoverView

用爱发电

该项目基于原始的 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

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

Stargazers

 avatar 悟然 avatar  avatar Zack4396 avatar 去年夏天 avatar LieToMe avatar  avatar

Watchers

 avatar

Forkers

tjsky bilikox

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.