I've been struggling to find nice pictures for my articles on DEV (and ones that I'm allowed to use in fact). So I figured I'd make a quick banner generator for simple & straight to the point banners.
All you have to do is:
- Edit your own banner
- Download it
- Upload it to DEV in order to get a URL
You can upload your images by simply clicking the bottom on the bottom left of your article editor !
- Add the
cover_imageattribute in the metadata of your articles with the URL you got from the last step
And that's it !
Even though its main feature is finished, I'll try to add the following in the coming days:
- More themes
- Reduced file size
- Any other recommendations in the comments
I really hope some of you get to use it as much as I will 😄
UPDATE:
Contribution guidelines & a code of conduct have been added to the project alongside some first enhancements ideas for those who would like to partake in making this tool even better. 😄
Latest comments (31)
Great job Christopher!
Inspired from your project, I made this simple banner generator. liyasthomas.github.io/banner
With more customizations such as:
Feel free to contribute on github.com/liyasthomas/banner
Great work, but why not contribute to the existing project to make it even better?
I went through your project and found out its built with react. I don't know react. So i made a simpler one.
I published my first post on DEV yesterday and was stumped by this same problem, so glad to discover this!
Cool. I might try this on my own blog. I have seen other writers here with similar banners and liked how clean they looked.
For everyone already participating to the project: thank you ! Please give me a short while to set everything up so you guys have everything you need:
Have a good one :)
This is really cool and I appreciate all of the hard work that went into it!
I look forward to using it with my next article!
Awesome dude! Very helpful
Great tool, it's going to be a direct star! It would just be missing the possibility to put an image in the background with optional blur and that would be very useful.
Pretty cool and minimalistic. Would be super helpful when someone is in a hurry. I like it!
Wow christpher this is pretty cool!
Really like this - excited to see how it evolves!
Good work Christopher !
Thanks Val !
Is this open sourced so we all could poke around and help out with some of the ideas and suggestions that are in this thread?
EDIT: I ask before clicking through and seeing the nice GitHub corner banner 😆
Link for the lazy like me: github.com/christopherkade/banner-...
Sir...I have been struggling so badly with making them myself.
Thank you so much
This is awesome!