paint-brush
Why Looks Matter More Than You Think: A Guide to The HackerNoon Editor 3.0by@editingprotocol
309 reads
309 reads

Why Looks Matter More Than You Think: A Guide to The HackerNoon Editor 3.0

by Editing ProtocolDecember 13th, 2024
Read on Terminal Reader
Read this story w/o Javascript

Too Long; Didn't Read

Utilize the power of HackerNoon Editor 3.0 to draft a beautifully formatted top story on HackerNoon.
featured image - Why Looks Matter More Than You Think: A Guide to The HackerNoon Editor 3.0
Editing Protocol HackerNoon profile picture

What’s good Hackers!


Who doesn’t love eye candy? A well-presented article is always more enticing to read. In an era of shrinking attention spans, your article needs to be visually appealing to keep readers engaged. Content may be king, but presentation is undoubtedly the queen.


This is why having a strong title matters, why a carefully chosen feature image works in your favor, why presentation was graded in school, and why your article on HackerNoon might occasionally be rejected for “Bad Formatting”.


Fortunately, as a HackerNoon writer, you have a powerful ally: The HackerNoon Editor 3.0!


Eager to share your opinion on an interesting video or article you just found? Fantastic -- but make sure you do it the right way! Let us guide you through the process to ensure your amazing story isn’t rejected due to bad formatting. Or, use this writing template to get started right away!


How Can The HackerNoon Editor 3.0 Help You to Format Your Article?

To unlock the full potential of the HackerNoon editor, start a new draft.

Have a great idea and title in mind? Perfect. From here on, your best friend is the forward slash. Just type “/” to explore the drop-down options.


Forward Slash "/" is your best friend


Let’s dive into some of the most essential and frequently used features to enhance your blog post’s readability!


Headings, Headings, Headings

Headings are excellent tools for structuring your article and organizing your points effectively. There are two types of headings to use:

  • H2 (Medium Heading): Ideal for main arguments.
  • H3 (Small Heading): Perfect for supporting points or expanding on your main arguments.


Using headings and proper spacing can significantly enhance your article’s readability. Check out the example below for reference!



Add Some Spice With Images

Sometimes, images can speak louder than words. Incorporating media into your content can effectively support your points, serving as both illustrations and examples!


Insert media here


Check out our article on Images Usage Guidelines here


Share Your Codes </>

If you’re a developer or coding enthusiast, showcase your projects by sharing them as articles on HackerNoon. Use the Code Block feature in Editor 3.0 to highlight your work.


Add your code


Check out this article for a reference on code sharing on HackerNoon!



Ever come across an interesting news piece, video, or social media post? These seemingly random moments can inspire your next top story! Use link insertion to feature the main piece that inspired your article, and don’t forget to embed the URL—it makes all the difference!


Embed your links


Quotes For Attention

Quotes can be used for many purposes and different cases. Often, the Quote feature is used to cite a phrase or emphasize a specific sentence the author wants to highlight.


Here’s how quotes appear in the HackerNoon Editor 3.0:


"Success is a lousy teacher. It seduces smart people into thinking they can't lose." - Bill Gates


"Innovation distinguishes between a leader and a follower." - Steve Jobs


"In the end, we are our choices. Build yourself a great story." - Jeff Bezos


Important!!! Notice Boxes

When it comes to grabbing attention, Notice Boxes are on par with Quotes in effectiveness. Big, easy to spot, and color-coded, here is what you need to know about them:


Info Notice: The orange box is typically used at the end of a paragraph to clarify or emphasize the information above.

Tip Notice: The green box can be used anywhere throughout the blog post. It is a reliable feature for highlighting tips, additional information, fun facts, or examples.

Warning Notice: The red box, less commonly used, but very effective for disclaimers or important cautions.


We hope these tips help you on your writing journey!


More confident? Put your formatting game to the test using this writing template today!


Boost Your Story With HackerNoon Booster Service

Gain more visibility, and build your brand credibility amongst the tech community with a Story Boost. As the name suggests, Story Boost is a feature designed to amplify your content by showcasing it on:

  1. The HackerNoon Homepage: Position your story as valuable and noteworthy while boosting your reputation as a thought leader.
  2. The HackerNoon Newsletter: Gain exposure to an engaged audience of 350,000+ tech and business enthusiasts.


Check out our booster service


Boost any of your published stories by clicking the “Boost this story” button above your title and completing the payment process. Alternatively, you can use the cart system to add a Story Boost to your cart. Check out this guide for more details!


That’s all for today, Hackers!

Get typing!