Use our latest Neptune editor to write faster and see a live preview of your drafts as you write on Hashnode.
What is Neptune?
Neptune editor is a WYSIWYG editor that offers a number of commands for text formatting, embedding (widget, third-party code service, and social media), a grammar checker powered by Grammarly and an AI writing assistance to improve your writing experience.
Watch a deep dive into Hashnode's new blog editor, Neptune, below:
Click the button below to launch the Neptune editor.
Neptune Slash Commands
Below are easy shortcuts to make use of the Neptune
/ to trigger the Neptune command panel, as shown below:
/ followed by the command or action you want i.e
/code, as follows:
The Neptune command is grouped into five categories and you can make use of the panel buttons to jump to the respective categories:
The following are the complete category lists of the Neptune commands:
The basic category contains text formatting, heading-level formatting, bullet lists, numbered lists, and a link insert option.
Text: The default text formatting is also referred to as paragraph.
Heading 1: The largest heading level with
Heading 2: The second-largest heading level with
Heading 3: The third-largest heading level with
Bullet List: To create a list with bullet points, use
-followed by the keyboard space.
Numbered List: To create an ordered list. Type a numeric followed by the keyboard space
Link: To create an anchor link that redirects to another page or section. Use
Ctrl + von windows or
Cmd + von mac as a shortcut to hyperlink a selected text from a clipboard link.
Watch the demo below to see the Neptune basic command category in action.
Neptune also converts your raw markdown shortcuts, as shown below:
When you copy and paste raw markdown content into Neptune, it automatically converts it as demonstrated below:
The advanced category contains options for inserting contents such as code blocks, quote blocks, Hashnode widgets, table, HTML, and LaTex for inserting math equations.
Watch the demo on how to add a code block on the Neptune editor:
The media category contains options to insert images and the Hashnode user mention option.
Watch the demo on how to add media on the Neptune editor:
You can also drag and drop or copy and paste images from your clipboard into the editor.
The embed section contains options to embed multimedia content and social media content such as Youtube, Twitter, or code embeds from GitHub Gist, Codepen, CodeSandbox, Replit, and RunKit.
You can make use of the "Embed a link" option to embed any content or select the specific platform you want to embed i.e Youtube.
See a demonstration of how to embed on the Neptune editor:
Neptune officially supports embeds from the platforms listed below:
AI (Coming Soon)
Neptune AI capabilities will include generating article outlines, summarizing the article and generating code snippets for your blog content.
Watch Neptune AI in action (Coming soon)
See more Neptune AI demos on Twitter.
Watch this quick video to see Neptune in action.