https://github.com/pjijin/cover-image-generator

📕 Generate a cover image for your blog post 📝 https://blogcover.now.sh/
https://github.com/pjijin/cover-image-generator

blog-images blog-post cover-image coverimage hacktoberfest image-generator javascript js react reactjs screenshot

Last synced: 8 days ago
JSON representation

📕 Generate a cover image for your blog post 📝 https://blogcover.now.sh/

• Host: GitHub
• URL: https://github.com/pjijin/cover-image-generator
• Owner: PJijin
• License: mit
• Created: 2019-08-05T13:03:40.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-08-13T18:12:12.000Z (over 1 year ago)
• Last Synced: 2024-10-28T11:45:27.802Z (16 days ago)
• Topics: blog-images, blog-post, cover-image, coverimage, hacktoberfest, image-generator, javascript, js, react, reactjs, screenshot
• Language: JavaScript
• Homepage: https://blogcover.now.sh
• Size: 10.7 MB
• Stars: 263
• Watchers: 10
• Forks: 31
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# 🏙 Cover Image Generator

Generate a cover image for your blog post online.

### Other projects:

- 🔖 [MarkDown](https://github.com/JP1016/Markdown) - Live Markdown Generator

- 🗒 [Paper](https://github.com/JP1016/Paper) - A "no-cloud" note taking app with "networkless" sharing.

- 👨‍💻 [ShowPath](https://github.com/PJijin/Show-Path) - Learning Path for Programmers



   Generate code screenshot with CodeKeep Screenshot   



```

⚠️ Clear cache and check demo. On mac CMD + Shift + R, On Windows Ctrl + F5

```

[![Cover Image Generator](https://github.com/PJijin/Cover-Image-Generator/blob/master/preview.png?raw=true 'Cover Image Generator')]()

✅ Live Preview: Click Here

📹 Video Preview: Click Here

   


   Made with ❤️ by 



  

 


## ✨ Features

-   🌌 Generate Cover Image Online.

-   🖱 Drag and drop - Change content position easily

-   🖼 Insert image from computer

-   🌅 Change background Image from URL, Insert from Unsplash

-   💻 Quick Insert Programming Logos (Material Icons)

-   🌈 Change Canvas border

-   🔆 Dark / Light mode

-   🔛 Change canvas width, height

-   🎨 Customize Background, Font colours

-   ⬇️ Download Image in PNG, SVG, JPEG Format

-   🖋 Font Selection Option

-   Background darken Option

## 📝 To Do

-   Text Shadow Option

## ⚙️ Usage

You can use the online version to generate cover image. Click Here

OR

1. Clone the Repo `git clone https://github.com/PJijin/Cover-Image-Generator.git`

2. Run `npm install`

3. Run `npm start`

## 🤝 Contributing

Contributions, issues and feature requests are welcome! 😍

## Show your support

Give a ⭐️ if this project helped you! 🥰