Use 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), 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 / commands on your PC. The Neptune command is not available for mobile devices.
1. Type / to trigger the Neptune command panel, as shown below:
2. Type / followed by the command or action you want i.e /text or /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:
Basic
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/h1command.Heading 2: The second-largest heading level with/h2command.Heading 3: The third-largest heading level with/h3command.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 spaceLink: To create an anchor link that redirects to another page or section. UseCtrl + von windows orCmd + 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:
Advanced
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:
Media
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.
Embeds
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:
'codepen.io',
'twitter.com',
'youtube.com',
'youtu.be',
'glitch.com',
'github.com',
'soundcloud.com',
'anchor.fm',
'spotify.com',
'giphy.com',
'gph.is',
'codesandbox.io',
'canva.com',
'twitch.tv',
'expo.io',
'repl.it',
'runkit.com',
'vimeo.com',
'loom.com',
'hashnode.com',
'facebook.com',
'fb.watch',
'instagram.com',
'instagr.am',
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.
Click the button below to launch the Neptune editor.
Next Articles?
💡 Tip
Need more help? Get support from the Hashnode Community on Discord.
Find answers and get help from our Intercom Support and Hashnode Experts