Using the editor on Codú platform

The editor you use to create your articles on Codú platform is not just a simple text box. It has a lot of feature that you can use to take your writing to next level

Getting Started with Markdown and custom elements

Markdown is easy to learn and use. To get started, all you need is a text editor and a basic understanding of the syntax. Here are some of the most common Markdown syntax elements:

Headings

Headings are used to organize content and create a hierarchy. In Markdown, headings are created by adding one or more hash symbols (#) before the text.

# Heading 1
## Heading 2
### Heading 3

Bold and Italic Text

To make text bold, surround it with two asterisks. To make it italic, surround it with one asterisk.

**Bold text**
*Italic text*

Lists

To create an unordered list, start each line with a hyphen (-) or an asterisk (*). To create an ordered list, start each line with a number followed by a period.

- Item 1
- Item 2
- Item 3

1. Item 1
2. Item 2
3. Item 3

Links

To create a link, surround the link text with square brackets and the URL with parentheses.

[Link text](http://www.example.com)

Images

To add an image, use the same syntax as a link but include an exclamation point before the square brackets.

![Alt text](url/image.jpg)

Code Blocks

To add a code block, surround the code with three backticks.

function helloWorld() {
console.log("Hello, world!");
}

Youtube videos

You can also add a youtube video to your post with this custom tag

{% youtube src="https://www.youtube.com/embed/GKki6Iwsyqk" /%}

Code Sandbox

It's this easy to add a codesandbox into your article

{% codesandbox src="https://codesandbox.io/s/react-new" /%}

Codepen

It's this easy to add a codesandbox into your article

{% codepen 
src="https://codepen.io/7ea8921b-01df-4ead-857c-a5595a6013a1/embed/ExpxNrp" /%}

Using above for Blog Posts

Now that you know the basics of Markdown, let's explore how to use it for blog posts. Here are some tips to help you get started:

Use Headings Headings help to organize your content and make it easier to read. Use them to create a clear structure for your blog post.

Keep It Simple Markdown is a great tool for keeping things simple. Use it to create clean, easy-to-read blog posts that get your point across.

Use Lists Lists are a great way to break up your content and make it easier to read. Use them to highlight important points or create step-by-step instructions.

Add Images Images can help to break up text and make your blog post more engaging. Use them to illustrate your points or add visual interest.

Use Code Blocks If you're writing about programming, code blocks are a must. Use them to display code examples and make your blog post more informative.

I hope these tips will help you in taking your articles on next level

MarkdownAuthoringCoduContent
Avatar for Praveen Kumar

Written by Praveen Kumar

Full Stack @ Quizizz, Google Developer Students Lead, Moderator Codú Community

Loading

Fetching comments

Hey! 👋

Got something to say?

or to leave a comment.