VuePress 文章编写教程
原创2024年7月3日大约 4 分钟...约 1202 字
1. 标题编写
演示
# 标题一
## 标题二
### 标题三
#### 标题四
##### 标题五
###### 标题六
> 文章中不需要标题一,一般从标题二开始就行「不需要标题一的格式 `# title` 标题一会被识别为文章标题而不显示出来。
2. 代码块
代码块添加语法
- Markdown 语法
# 标题一
## 标题二
### 标题三
#### 标题四
##### 标题五
###### 标题六
- python 代码
import random
number_to_guess = random.randint(1, 100)
guess_count = 0
max_tries = 10
print("猜数字游戏开始!尝试猜测一个在 1 到 100 之间的数字。你有 10 次机会。")
while guess_count < max_tries:
guess_str = input("请输入你的猜测:")
if not guess_str.isdigit():
print("请输入一个有效数字!")
continue
guess = int(guess_str)
guess_count += 1
if guess < number_to_guess:
print("太低了!再试一次。")
elif guess > number_to_guess:
print("太高了!再试一次。")
else:
print(f"恭喜!你猜对了数字 {number_to_guess}!你总共猜了 {guess_count} 次。")
break
if guess != number_to_guess:
print(f"很遗憾,你的机会已用完。正确的数字是 {number_to_guess}。")
- java 代码
public class HelloWorld {
public static void main(String[] args) {
// 输出 Hello Bornforthis 到控制台
System.out.println("Hello, Bornforthis!");
}
}
1. Markdown 语法
```markdown
# 标题一
## 标题二
### 标题三
#### 标题四
##### 标题五
###### 标题六
```
2. python 代码
```python
import random
number_to_guess = random.randint(1, 100)
guess_count = 0
max_tries = 10
print("猜数字游戏开始!尝试猜测一个在 1 到 100 之间的数字。你有 10 次机会。")
while guess_count < max_tries:
guess_str = input("请输入你的猜测:")
if not guess_str.isdigit():
print("请输入一个有效数字!")
continue
guess = int(guess_str)
guess_count += 1
if guess < number_to_guess:
print("太低了!再试一次。")
elif guess > number_to_guess:
print("太高了!再试一次。")
else:
print(f"恭喜!你猜对了数字 {number_to_guess}!你总共猜了 {guess_count} 次。")
break
if guess != number_to_guess:
print(f"很遗憾,你的机会已用完。正确的数字是 {number_to_guess}。")
```
3. java 代码
```java
public class HelloWorld {
public static void main(String[] args) {
// 输出 Hello Bornforthis 到控制台
System.out.println("Hello, Bornforthis!");
}
}
```
3. 链接🔗插入
4. 图片插入
插入图片演示


``

5. 有序序列
- 小明
- 小红
- 小飞
- 你好,我是悦创。
- 你好,我是柯南。
- 你好,我是唐三。
- 小鹏
1. 小明
2. 小红
3. 小飞
1. 你好,我是悦创。
2. 你好,我是柯南。
3. 你好,我是唐三。
4. 小鹏
6. 无序序列
- 大中华地区
- 步行街
- 解放路
- 大中华地区
- 步行街
- 解放路
7. 数学公式
7.1 基础演示
可以通过在 $
字符之前使用 \
或在 $
字符前后添加空格来完成转义:
是一个 TeX 方程,而 和 $a=1$ 不是。
$$xxx$$
$$
xxx
$$
可以通过在 `$` 字符之前使用 `\` 或在 `$` 字符前后添加空格来完成转义:
$a=1$ 是一个 TeX 方程,而 $a=1$ 和 \$a=1$ 不是。
7.2 行内语法
Euler's identity is a beautiful formula in .
Euler's identity $e^{i\pi}+1=0$ is a beautiful formula in $\mathbb{R}^2$.
7.3 显示语法
$$
\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^i r \cdots (r-i+1) (\log y)^{r-i}} {\omega^i} \right\}
$$
8. 任务列表
- [x] 计划 A
- [ ] 计划 B
9. 选项卡
教学🌰
脱掉裤子👖放屁💨
print("放个屁~")

实操
放了,多此一举。
可以放更多的
@tab
计划 A
去北京
计划 B
去上海
北京
- 天安门
- 朝阳区
- 人民大会堂
上海
- 上海滩
- 东方明珠
::: tabs
@tab 教学🌰
脱掉裤子👖放屁💨
```python
print("放个屁~")
```

@tab 实操
放了,多此一举。
@tab 可以放更多的 `@tab`
:::
---
::: tabs#travel
@tab 计划 A#北京
去北京
@tab 计划 B#上海
去上海
:::
---
::: tabs#travel
@tab 北京
- 天安门
- 朝阳区
- 人民大会堂
@tab 上海
- 上海滩
- 东方明珠
:::
10. 代码块分组
代码 1
print('hello bornforthis')
代码 2
a = 1
b = 1
print(a + b)
代码 3
a = b = 1
print(a)
print(b)
Python
a, b, c = 1, 2, 3
pnpm
pnpm add -D 组件名称
Python
print(a, b, c)
pnpm
pnpm add -D vuepress-theme-hope
::: code-tabs
@tab 代码 1
```python
print('hello bornforthis')
```
@tab 代码 2
```python
a = 1
b = 1
print(a + b)
```
@tab 代码 3
```python
a = b = 1
print(a)
print(b)
```
:::
---
::: code-tabs#shell
@tab Python
```python
a, b, c = 1, 2, 3
```
@tab pnpm
```bash
pnpm add -D 组件名称
```
:::
---
::: code-tabs#shell
@tab Python
```python
print(a, b, c)
```
@tab pnpm
```bash
pnpm add -D vuepress-theme-hope
```
:::
11. 行内代码
pnpm install xxxx
pnpm install xxxx
pnpm install xxxx
`pnpm install xxxx`
12. 提示容器
重要
重要容器。
相关信息
信息容器。
注
注释容器。
提示
提示容器
注意
警告容器
警告
危险容器
详情
详情容器
::: important
重要容器。
:::
::: info
信息容器。
:::
::: note
注释容器。
:::
::: tip
提示容器
:::
::: warning
警告容器
:::
::: caution
危险容器
:::
::: details
详情容器
:::
13. 标记
你好,William。
你好,==William==。
14. 剧透
你好,William
你好,!!William!!
15. 自定义对齐
左对齐的内容
居中的内容
右对齐的内容
两端对齐的内容
::: left
左对齐的内容
:::
::: center
居中的内容
:::
::: right
右对齐的内容
:::
::: justify
两端对齐的内容
:::
16. 文章加密
文件:theme.ts
encrypt: {
config: {
// 这会加密整个 guide 目录,并且两个密码都是可用的
"/guide/": ["1234", "5678"],
// 这只会加密 /config/page.html
"/config/page.html": ["1234", "1234343"],
}
}
欢迎关注我公众号:AI悦创,有更多更好玩的等你发现!
公众号:AI悦创【二维码】

AI悦创·编程一对一
AI悦创·推出辅导班啦,包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发」,全部都是一对一教学:一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然,还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线,随时响应!微信:Jiabcdefh
C++ 信息奥赛题解,长期更新!长期招收一对一中小学信息奥赛集训,莆田、厦门地区有机会线下上门,其他地区线上。微信:Jiabcdefh
方法一:QQ
方法二:微信:Jiabcdefh
