This page explains everything about publishing a post on Hyvor Blogs.
Posts:
Pages:
Both:
/{slug}
permalink. See this if you want to change post/page permalinks, for example to include year and month in the URL.Hyvor Blogs comes with a rich text editor that supports inline styles and blocks.
To add inline styles to text, select the text. A popup will be shown with the available options. Click on the inline style you want to add. The following inline styles are supported.
Adding links is similar to adding inline styles. Select the text you want to link and then click the Link icon. Next, paste the URL in the input and hit Enter.
To remove a link, select the text and click on the link icon again.
You can also use Markdown shortcuts to create inline styles.
Inline Style | Markdown Shortcut |
---|---|
Link | [Anchor](https://example.com) |
Bold | **text** |
Italic | *text* |
code |
`text` |
~~text~~ |
|
Superscript | ^text^ |
Subscript | ~text~ |
The term "blocks" is used to refer to block-like elements you can add to posts, such as paragraphs and blockquotes. Paragraphs are the basic blocks. You can create a paragraph by pressing Enter
anywhere inside the editor.
To add other blocks, use the slash command: type slash (/
) in a new line to open the blocks list. Use the mouse or up/down arrows to navigate through the list.
Hyvor Blogs supports the following blocks.
HB supports headings from <h1>
to <h6>
. The slash command only provides two options: Large (h2) and Medium (h3). Other headings can be added using Markdown syntax in a new line.
#
+ space
for h1
##
+ space
for h2
###
+ space
for h3
Please note that the reason to give Large Heading uses
<h2>
is that<h1>
is reserved for the post title in your theme. However, you may use h1 within your posts if needed.
There are two ways to add heading IDs.
{#heading-id}
) at the end of the heading.
Action | Command |
---|---|
Create unordered list | * + space or - + space |
Create ordered list | 1. + space , 2. + space , etc. |
New list item | Enter |
Increase indent | Tab |
Decrease indent | Shift + Tab |
Quote block is usually used to quote something, while it is also generally used make text stand out. You can create a Quote block via the slash command or by entering > + space
in a new line (Markdown syntax).
You can get out of the Quote block by clicking Enter
in a new line within the Quote block.
Callout block is used to write text that stands out from other content in the post. You can set an emoji and background/font colors for each callout block.
To add images, use slash command (/
in a new line), and choose Image. You can add an image in one of the following ways:
For uploads, max file size is 50MB. The following formats are supported.
.png
.jpg
, .jpeg
, .jfif
, .pjpeg
, .pjp
.gif
.apng
.avif
.svg
.webp
Image uploaded from device or a URL are automatically added to your media ensuring their availability without depending on an external service. However, images added via Unsplash are hosted at unsplash.com and not uploaded to blog media.
The image node also allows you to:
Hyvor Blogs supports embedding content from 1900+ online platforms. We use iframely under the hood to support various platforms. You can add an embed using the slash command (/
in a new line → Embed). Then, paste the URL you would like to embed in the input box.
You can use Link Bookmark block to add a rich link previews to your posts. To insert a link bookmark, type /
in a new line → Link Bookmark. Then, paste the URL you would like to embed in the input box and press Enter. Hyvor Blogs will generate a rich preview of the link using OG tags and other metadata.
The URL you enter should be publicly accessible to generate a preview. For example, you cannot generate link bookmarks for private social media posts.
You can add code blocks in two ways:
/
in a new line → Code Block```lang
or ```js
(with language code) in a new line and press Enter
.See Syntax Highlighting to learn more about supported languages, supported themes, and using annotations.
The Custom HTML/Twig block allows you to add custom HTML or Twig code to your posts. You can use this to add custom elements to your posts. For example, you can add a custom form, a custom widget, etc. You can use Twig variables in the code.
Click the Settings button in the editor to open the post settings.
You can configure the following settings for a post:
In advanced settings, you can add the following:
</head>
tag of the post.</body>
tag of the post.See custom code documentation for more information on different ways of adding custom code to your blog.
A post can have one of the following statuses:
Once you have finished writing your post, you can publish it. Once published, the post will appear publicly on your blog.
Post → Publish
You can also schedule the post at a specific date and time. Hyvor Blogs will automatically publish your post at the specified time.
Post → Publish → Publish Later → Schedule
You can unpublish a published post. The post's status will be change to Draft. Therefore, it will no longer appear on the blog. You can re-publish it later.
Post → Unpublish
You can also permanently delete a post. Note that there is no way to restore a post after deleting. Consider Unpublishing if just want to hide the post from your blog.
Post → Settings → Delete Post
If you are editing a draft, Hyvor Blogs will automatically save your post every 15 seconds if any post data (content or metadata) has been edited. You can also manually save your post by pressing Ctrl + S. Check the bottom right corner of the editor to see the status of the auto-saving.
If the content is edited, a post history will be created. You can refer back to this history if you want to revert to a previous version of your post. A single post can have up to 25 post histories.
You can make changes to a published post content at any time. However, the changes will not be visible to the public until you publish the changes.
Note that metadata changes will be saved immediately and will be visible to the public.
If you have set up multiple languages for your blog, you will see the language codes at the top of the post editor. Click on a language code to switch to that language variant of the post. Each variant should be published separately. See our languages guide, which explains everything you need to know about publishing multi-language posts.