Writing (and Publishing)

This page explains everything about publishing a post on Hyvor Blogs.

• Posts & Pages
• Editor
  • Inline Styles
  • Blocks
• Post-related Data
  • Authors
  • Tags
  • Metadata
  • Custom Code
• Post Status
  • Publishing
  • Scheduling
  • Unpublishing
  • Deleting
• Editing a published post
• Multi-language posts

Posts & Pages

Posts:

• are the main part of your blog, where you share your ideas, thoughts, and stories.
• appear in the index page or other collection pages
• can be created, edited, and deleted at Console → Posts
• have authors and tags

Pages:

• ex: contact us page, about us page
• contain static information
• do not appear in the index page.
• usually is linked to in header or footer navigations.
• can create, edit, and delete pages at Console → Pages
• do not have authors or tags

Both:

• are uniquely identified by the slug
• by default have /{slug} permalink. See this if you want to change post/page permalinks, for example to include year and month in the URL.

Editor

Hyvor Blogs comes with a rich text editor that supports inline styles and blocks.

Inline Styles

To add inline styles to text, select the text. A popup window will be opened with the available options. Click on the inline style you want to add. The following inline styles are supported.

• Bold
• Italic
• Inline Code
• Strike

Links

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.

Markdown for Inline Styles

You can also use Markdown shortcuts to create inline styles.

Blocks

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.

• Paragraph
• Divider
• Heading
• Lists
• Quote
• Callout
• Image
• Embed
• Link Bookmark
• Code Block
• Custom HTML/Twig

Headings

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 h2 is that h1 is reserved for the post title. However, you may use h1 within your posts if needed.

Heading IDs

There are two ways to add heading IDs.

1. Focus the ID input at the top of the heading and type the ID there.

2. Type Markdown-style heading ID ({#heading-id}) at the end of the heading.

Lists

Quote

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

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.

Image

To add images, use slash command (/ in a new line), and choose Image. You will see a new element added to your post. It allows to you choose an image from Unsplash or upload one from your device.

For uploads, max file size is 50MB. The following formats are supported.

• PNG - .png
• JPEG - .jpg, .jpeg, .jfif, .pjpeg, .pjp
• GIF - .gif
• APNG - .apng
• AVIF - .avif
• SVG - .svg
• WebP - .webp

Images added via Unsplash are hosted at unsplash.com and not uploaded to media of your blog.

Embed

Hyvor Blogs supports embedding content from 1900+ online platforms. We use iframely under the hood to support various platforms.

An embed can be added via the slash command (/ in a new line → Embed). Then, paste the URL you would like to embed in the input box.

Link Bookmark

Code Block

Custom HTML/Twig

Post-Related Data

Authors

By default, the post creator is added as an author of a post. You can add or remove authors (at least Editor-level permissions is required).

Console → Post → Settings → Authors

Tags

You can assign one or more tags to a post. See tags for more details about configuring tags on your blog.

Console → Post → Settings → Tags

Metadata

Custom Code

You can add custom code at Console → Post → Settings → Advanced for a specific post. See our custom code guide for more information on different ways of adding custom code.

Post Status

Publishing

Once you have finished writing your post, you can publish it. Once published, the post will appear publicly on your blog.

Console → Post → Publish

Scheduling

You can also schedule the post at a specific date and time. Hyvor Blogs will automatically publish your post at the specified time.

Console → Post → Publish → Publish Later → Schedule

Unpublishing

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.

Console → Post → Unpublish

Deleting

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.

Console → Post → Settings → Delete Post

Editing a published post

Multi-Language Posts

Hyvor Blogs support multi-language posts. See languages guide for more details.