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 · Change is constant. GitHub keeps you ahead. · GitHub
Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.
GitHub · Change is constant. GitHub keeps you ahead. · GitHub

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