样式测试页面

一、文字样式与行内元素测试

1.1行内文本样式:

首先,这是一句强调的粗体文本,这是斜体文本,而这是粗斜体组合。删除线示例:这是已过时的内容。行内代码示例:请运行 print("Hello, unripe.cn")

混合样式测试:在这个例子中,我们混合多种样式,包括粗斜体删除线

1.2 多语言单句测试

  • Stay unripe, stay unfolding
  • 此间尚青,彼方无界
  • まだ青く、まだ先へ

二、块级元素与列表测试

2.1 引用块示例

“All problems in computer science can be solved by another level of indirection”

—— David Wheeler

2.2 列表

  • 播种
  • 萌芽
  • 成长

三、表格与代码测试

3.1 表格

任务名称状态优先级
字体样式测试✅ 已完成
响应式布局🔄 进行中
多语言支持⏳ 待开始
SEO 优化📋 规划中

3.2 代码块示例

下面是一个简单的 C++ 程序,用于向 unripe.cn 问好。它应当使用了 JetBrains Mono 字体:

#include <iostream>
#include <string>

int main() {

    // 你好,unripe.cn
    std::string greeting = "Hello, unripe.cn!";
    std::cout << greeting << std::endl;

    return 0;
}

3.2.1 行内代码混合段落

在开发过程中,我们经常需要使用命令行。例如,使用 git commit -m "feat: add style test"提交更改,或者用 npm run build构建项目。如果遇到问题,请检查 package.json中的依赖版本


四、总结

通过本文档,我们测试了以下元素:

  1. 标题层级
  2. 特殊文本块
  3. 多语言支持
  4. 字体格式
  5. 代码展示

如果所有元素均正常显示,则说明博客站点的基本样式配置正确。如有任何异常,请检查 CSS 样式表。

暂无评论

发送评论 编辑评论


				
上一篇