Article Creation Tips

This section explains how to create articles.

Articles are created using the so-called Markdown syntax.

Line Breaks

To insert a line break, simply break the line in the article.

Line 1
Line 2

Inserting an empty line in between creates a paragraph break.

Paragraph 1

Paragraph 2

Headings

Adding # at the beginning of a line creates a heading. The more # you add, the smaller the heading becomes.

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

Headings are used as the table of contents for the article, so it is recommended to use headings even in short articles.

Text Formatting

You can insert bold, underline, italic, and strikethrough text.

**Bold**
<ins>Underline</ins>
*Italic*
~~Strikethrough~~

These can also be combined.

Blockquotes

Adding > at the beginning of a line creates a blockquote.

> This is a blockquote

This will appear as follows:

This is a blockquote

Lists

Adding * at the beginning of a line creates a bulleted list, and adding numbers like 1. creates a numbered list.

* Bulleted item
* Bulleted item

1. Numbered item
2. Numbered item

This will appear as follows:

• Bulleted item
• Bulleted item

1. Numbered item
2. Numbered item

Mathematical Expressions

You can insert mathematical expressions using $.

For inline math expressions, use:

$ y=x $

to display something like $y=xy=x$.

For block math expressions, use:

$$
y=x
$$

to display:

Mathematical expressions are written using $\text{TeX}\backslash TeX$ syntax. For example:

$$
y=\int_0^{\pi} \frac{\theta^2}{3}\ \mathrm{d}\theta = \pi^3
$$

will render as:

The rendering of mathematical expressions uses $\text{KaTeX}\backslash KaTeX$. For supported commands, see https://katex.org/docs/supported.

Tables

Tables are written as follows:

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| Text     | Text     | Text     |
| Text     | Text     | Text     |

This will display as:

Horizontal Rules

-----

will insert a horizontal rule like this:

Images

Click the image icon in the menu to upload and insert an image. After uploading and waiting a moment, the following will be inserted:

![](https://...)

You can add a title for the image inside the [].

Links

Links embedded in the text, such as https://www.graphlog.net, will be recognized as proper links.

Named link: [Link](https://www.graphlog.net)

will appear as Link.

If a link is placed at the beginning of a paragraph, a link card will be inserted as follows:

Code

Enclose code with backticks (`) for inline code, like console.log("Hello World").

For block code, use:

```
console.log("Hello World")
```

Specifying the programming language enables syntax highlighting. For example:

```javascript
const str = "Hello World"
console.log(str)
```

will render as:

const str = "Hello World";
console.log(str);

Desmos Graphs

You can embed Desmos graphs by specifying the shared URL of the graph.

:::graph[https://www.desmos.com/calculator/wa0vaxwycq]

will render as:

You can customize graph settings using query parameters. For example:

:::graph[https://www.desmos.com/calculator/wa0vaxwycq?border=false&expressionsCollapsed=false]

will render as:

For customizable settings, see the GraphingCalculator options in the Desmos API.

Additionally, unique settings are available. For example:

:::graph[https://www.desmos.com/calculator/wa0vaxwycq?aspectRatio=1/1]

fixes the aspect ratio of the graph.