Content Style Guide

Published
Content Style Guide

Read our Writing & Publishing documentation to learn how to add these blocks and text styles in the Editor.

Let's start with a table of contents:

Paragraphs

Paragraphs are the default blocks. In fact, this is a paragraph.

You can also break a line inside the same paragraph, without starting a new one.
Like this.

Text Styles

  • bold

  • italic

  • strike

  • superscript

  • subscript

  • highlight

  • inline code

  • link

Headings

Headings are used to write subtitles in posts. Mainly h2 and h3 are used, but Hyvor Blogs supports from h1 to h6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Below is a horizontal line, which can be used to divide sections in your posts.


Unordered list

  • List item 1

  • List item 2

  • List item 3

    • Nested list item 1

    • Nested list item 2

Ordered list

  1. List item 1

  2. List item 2

  3. List item 3

    • Nested list item 1

    • Nested list item 2

Blockquote

Blockquotes can be used when quoting something published/said elsewhere.

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

—Aldous Huxley, Brave New World

Callout

Callouts can be styled with a custom emoji and color.

Button

Buttons are links styled as buttons, great for calls to action.

Get Started

Images

Sea
by Thomas Vimare on Unsplash

Code Block

import { TalkClient } from '@hyvor/sdk-talk';
const talk = new TalkClient({
cloudApiKey: 'your-cloud-api-key',
});
const newWebsite = await talk.org.websites.create({
name: 'My Blog',
+ domain: 'blog.example.com',
});

Bookmark

GitHub: Where the world builds software
GitHub is where over 83 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat...
GitHub: Where the world builds software

Embed

Solar System 101 | National Geographic

Audio

Table

Tables can be used to show data in a tabular format. Below is an example table with 3 columns.

Column 1

Column 2

Column 3

Row 1, Column 1

Row 1, Column 2

Row 1, Column 3

Row 2, Column 1

Row 2, Column 2

Row 2, Column 3

This is a table with 10 columns to make sure that it is responsive.

Column 1

Column 2

Column 3

Column 4

Column 5

Column 6

Column 7

Column 8

Column 9

Column 10

Row 1, Column 1

Row 1, Column 2

Row 1, Column 3

Row 1, Column 4

Row 1, Column 5

Row 1, Column 6

Row 1, Column 7

Row 1, Column 8

Row 1, Column 9

Row 1, Column 10

Row 2, Column 1

Row 2, Column 2

Row 2, Column 3

Row 2, Column 4

Row 2, Column 5

Row 2, Column 6

Row 2, Column 7

Row 2, Column 8

Row 2, Column 9

Row 2, Column 10

Newsletter

Comments