Content Style Guide

Content Style Guide

A post to show you all content styles available on Hyvor Blogs

If you have any questions on how to add any of these blocks or text styles in the Editor, read our Writing & Publishing documentation.

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

Text Styles

  • bold

  • italic

  • strike

  • superscript

  • subscript

  • highlight

  • inline code

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

Images

Sea
by Thomas Vimare on Unsplash

Code Block

1 use Hyvor\FilterQ\Facades\FilterQ;
2
3 $query = FilterQ::expression('id=100|slug=hello')
4 ->builder(Post::class)
5 ->keys(function($keys) {
6 $keys->add('id')->column('posts.id');
7 $keys->add('slug');
8 $keys->add('author.name')
9 ->column('authors.name')
10 ->join('authors', 'authors.id', '=', 'posts.author_id', 'left');
11 })
12 ->addWhere();
13
14 $posts = $query
15 ->limit(25)
16+ ->orderBy('id', 'DESC')
17 ->get();

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.com
GitHub: Where the world builds software

Embed

Solar System 101 | National Geographic

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