Files
handsomezhuzhu.github.io/docs/sop/article-template.md

153 lines
3.3 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
title: 文章标题 - 副标题 # 文章标题,支持副标题格式(用 - 分隔)
top: 1 # 置顶级别1-3数字越大越靠前0表示不置顶
date: 2025-01-01 12:00:00 # 发布日期和时间格式YYYY-MM-DD HH:MM:SS
descriptionHTML: '
<span style="color:var(--description-font-color);">文章描述支持HTML格式</span>
'
tags: # 文章标签列表,用于分类和搜索
- AI
- 生活
sidebar: true # 是否显示侧边栏true显示false隐藏
readingTime: true # 是否显示阅读时间true显示false隐藏
hiddenCover: false # 是否隐藏封面图true隐藏false显示
cover: url # 封面图片路径相对于public目录
sticky: 0 # 精选文章设置值越大在首页展示越靠前0表示不精选
hidden: true # 是否隐藏文章true隐藏模板用false显示正式文章用
recommend: false
publish: false
---
# 文章标题
<div align="center">
## 前言
</div>
<span style="font-size:0.9em; color:#1976d2;">
&emsp;&emsp;这是一个前言段落,使用较小的字体和蓝色文字。通常用于介绍文章的背景、目的或重要说明。
</span>
<div align="center">
## 第一章
</div>
&emsp;&emsp;这是正文段落,使用缩进格式。您可以在这里写入主要内容。
&emsp;&emsp;这是另一个段落,继续您的内容。
### 小标题
&emsp;&emsp;这是小标题下的内容。
#### 更小的标题
&emsp;&emsp;这是更小标题下的内容。
<div align="center">
## 第二章
</div>
&emsp;&emsp;这是第二章的内容。
### 代码示例
```javascript
// 这是一个代码块示例
function example() {
console.log("Hello World");
}
```
### 引用文本
> 这是一个引用块,用于突出显示重要信息或引用他人的话。
### 列表格式
#### 无序列表
- **粗体项目**:这是粗体文本
- *斜体项目*:这是斜体文本
- <span style="color: #43a047;">绿色文本</span>:这是带颜色的文本
#### 有序列表
1. 第一项
2. 第二项
3. 第三项
### 表格示例
| 列1 | 列2 | 列3 |
|-----|-----|-----|
| 内容1 | 内容2 | 内容3 |
| 内容4 | 内容5 | 内容6 |
### 图片插入
<div align="center">
<img src="/logo.jpg" alt="示例图片" width="300"/>
*图片说明文字*
</div>
### 链接格式
- [普通链接](https://example.com)
- <span style="color: #43a047;">[带颜色的链接](https://example.com)</span>
### 特殊格式文本
- <span style="color: #d32f2f;">红色警告文本</span>
- <span style="color: #43a047;">绿色成功文本</span>
- <span style="color: #1976d2;">蓝色信息文本</span>
- <span style="font-size:0.8em;">小字体文本</span>
- <span style="font-weight: bold;">粗体文本</span>
### 分割线
---
### 代码内联
您可以在文本中使用 `内联代码` 来突出显示代码片段。
### 数学公式(如果支持)
$$
E = mc^2
$$
<div align="center">
## 总结
</div>
&emsp;&emsp;这是文章的总结部分。
<div align="center">
#### <span style="color: #d32f2f;">重要提示或结论</span>
</div>
<div align="center">
<img src="/logo.jpg" alt="结束图片" width="200"/>
</div>
---
*文章结束,可以添加版权信息或其他说明*
[原文链接](https://example.com)