这是一篇测试文章,用于验证博客的核心渲染能力。
一、文本格式基础测试
1.1 标题层级
一级标题
二级标题
三级标题
1.2 Inline 格式
加粗文本:加粗文本
斜体文本:斜体文本
加粗斜体:加粗斜体
删除线:删除线
行内代码:printf("hello world")
超链接:
- 外部链接:这是一个超链接
- 内部锚点:点击跳转到一、文本格式基础测试
二、代码高亮专项测试
hexo自带的代码高亮太几把好看了,建议还是去高亮官网调。这里用的是棱镜Prism进行的代码高亮。
这里用最经典的杨辉三角来展示代码高亮吧。
Python
n=int(input())
nums=[[0]*n for i in range(n)]#初始化一个n*n的零阵
for i in range(n):
for j in range(n):
if j==0:
nums[i][j]=1
else:
nums[i][j]=nums[i-1][j-1]+nums[i-1][j]
if nums[i][j]!=0:
print(nums[i][j],end=' ')
print()
C/C++
#include<stdio.h>
int main(){
int map[10][10] = {0};//10*10的二维0数组为进行操作
/*分析,最左列为1,因此从第2列考虑
公式:ls[i][j]=ls[i-1][j-1]+ls[i-1][j]*/
for (int i = 0; i < 10; i++){//初始化最左列
map[i][0] = 1;
}
for (int i = 1; i < 10; i++){
for (int j = 1; j < 10; j++){
map[i][j] = map[i-1][j-1]+map[i-1][j];
}
}
for (int i = 0; i < 10; i++){
for (int j = 0; j < 10; j++){
if (map[i][j] != 0){//不输出0
printf("%5d",map[i][j]);
}
}
printf("\n");
}
return 0;
}
JavaScript
function yanghui(row) {
// 创建一维数组
var arr = new Array(row);
// 创建二维数组
for (var i = 0; i < arr.length; i++) {
arr[i] = new Array(i + 1);
}
// 循环赋值
for (var i = 0; i < arr.length; i++) {
for (var j = 0; j < arr[i].length; j++) {
if (j === 0 || i === j) {
arr[i][j] = 1; // 首尾赋值为1
} else {
arr[i][j] = arr[i - 1][j] + arr[i - 1][j - 1]; // 中间值为上一行两个相邻数字之和
}
}
}
// 打印三角
for (var i = 0; i < arr.length; i++) {
for (var j = 0; j < arr[i].length; j++) {
document.write(arr[i][j] + " ");
}
document.write("<br/>");
}
}
// 调用函数,生成5行的杨辉三角
yanghui(5);
HTML + CSS 代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>代码高亮测试页面</title>
<style>
.code-block {
background-color: #f5f5f5;
border-radius: 4px;
padding: 16px;
font-family: "Consolas", monospace;
overflow-x: auto; /* 处理长代码换行 */
}
.title {
color: #2c3e50;
font-size: 24px;
font-weight: 600;
}
</style>
</head>
<body>
<h1 class="title">代码高亮演示</h1>
<div class="code-block">
// 这里是示例代码
console.log("Hello, Code Highlight!");
</div>
</body>
</html>
无语言指定代码块
井inculde 《stdio。h》
viod main(){
char【10】c=“hello world”;
pRintf(“%f”,c);
}
三、图片测试

二、列表功能测试
以下分别测试无序列表和有序列表。
2.1 无序列表
- 测试项 1:无序列表默认样式
- 测试项 2:嵌套无序列表
- 嵌套子项 A
- 嵌套子项 B
- 测试项 3:列表与段落结合
这是列表项后的补充段落,用于验证列表与正文的间距和排版是否正常。
2.2 有序列表
- 第一步:创建测试文档
- 第二步:添加各类格式内容
- 子步骤 1:插入代码块
- 子步骤 2:插入表格
- 第三步:预览并验证效果
三、引用与表格测试
3.1 引用功能
引用常用于引用外部观点或重要提示,测试长文本引用的换行和缩进效果:
“Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者 HTML)文档。”
—— 引自 Markdown 官方说明
3.2 表格功能
表格用于展示结构化数据,测试表头、单元格对齐及内容换行效果:
| 功能模块 | 测试内容 | 预期效果 |
|---|---|---|
| 文字格式 | 粗体、斜体、删除线 | 样式清晰,无错乱 |
| 代码高亮 | 多语言代码块 | 语法颜色区分明显 |
| 列表 | 嵌套列表、列表+段落 | 层级分明,间距合理 |
| 表格 | 多列数据、单元格换行 | 边框完整,内容居中对齐 |
Hikari 作于 2025-10-14 10:55:45 ,转载时请附上链接和作者。
『善待生活,热爱一切,常开怀大笑。』