Article editing

Here are some tips on how to write articles in Typora 👀

1.Headline

Headline2

Headline 3

…….

Headline6

2. Inserting a picture

image-20231208231440424

Screenshot or copy the picture, the use control+V to paste it inside.

## 2. Inserting a picture

![image-20231208231440424](./article-editting.assets/image-20231208231440424.png)

Screenshot or copy the picture, the use control+V to paste it inside.

3. Inserting codes

enter the button left next to [1] three times, and enter the type of coding language you want to use. then click [Enter]

"Hello world!"

## 3. Inserting codes

enter the button left next to [1] three times, and enter the type of coding language you want to use. then click [Enter]

```python
"Hello world!"
```

4. Grouping of coding block

@tab code1
```python
print('welcome to my website')
```
@tab code2
```python
print('Nice to meet you')
``` 

## 4.  Grouping of coding block

````python

@tab code1
```python
print('welcome to my website')
```
@tab code2
```python
print('Nice to meet you')
``` 
````

5. To do list

• “a minus sign + a spacing + square bracket”

## 5. To do list

- [x] “a minus sign + a spacing + square bracket”

6. unordered list

• “ a minus sign + a spacing”

## 6. unordered list

- “ a minus sign + a spacing”

7. Ordered list

1. “number + . + a spacing”

## 7. Ordered list

1. “number + . + a spacing”

8. Link

“a square bracket + a bracket”

## 8. Link

[](https://www.vervevividness.com/)

“a square bracket + a bracket”

9. Inserting a form

The name of candidates	The grade of interview	regected/admitted

Adding one more line : “command + Enter”

“paragraph => form”

## 9. Inserting a form

| The name of candidates | The grade of interview | regected/admitted |
| ---------------------- | ---------------------- | ----------------- |
|                        |                        |                   |

Adding one more line : “command + Enter” 

“paragraph => form”

10. Inserting a PDF

“put it under .vuepress => public => the name of folder”

## 10. Inserting a PDF

<PDF url="//theme-hope-assets.vuejs.press/files/sample.pdf" />

“put it under .vuepress => public => the name of folder”

11. Custom container

Info

information container

Note

annotation container

Tips

reminder container

Caution

warning container

Caution

dager container

Details

details container

title

a information container with codes and links

const a = 1;

title

a note container with codes and links.

const a = 1;

title

a tip container with codes and link

const a = 1;

title

a warning container with codes and link

const a = 1;

title

a danger container with codes and link

const a = 1;

title

a details container with codes and link

const a = 1;

self-defined information

self-defined annotation

self-defined tips

self-defined warning

self-defined danger

## 11. Custom container

::: info

information container 

:::

::: note

annotation container

:::

::: tip

reminder container

:::

::: caution

warning container

:::

::: caution

dager container

:::

::: details

details container

:::

::: info title

a information container with codes and links

```js
const a = 1;
```

:::

::: note title

a note container with codes and links.

```js
const a = 1;
```

:::

::: tip title

a tip container with codes and link

```js
const a = 1;
```

:::

::: warning title

a warning container with codes and link

```js
const a = 1;
```

:::

::: caution title

a danger container with codes and link

```js
const a = 1;
```

:::

::: details title

a details container with codes and link

```js
const a = 1;
```

:::

::: info self-defined information
:::

::: note self-defined annotation
:::

::: tip self-defined tips
:::

::: warning self-defined warning
:::

::: caution self-defined danger
:::