测试｜代码、表格与长链接的阅读示例

这是公开的前台测试文章。下面的代码是演示片段，只用于检查排版和复制，不会在服务器执行。

PHP 代码块

代码块需要保留缩进和换行，复制时也应该拿到完整文本。点击下面代码区域的复制按钮，粘贴到一个空白文本文件，就可以检查结果。

<?php
function readingLabel(int $minutes): string
{
    return '约 ' . max(1, $minutes) . ' 分钟阅读';
}

echo readingLabel(3);

普通段落中的 readingLabel(3) 是行内代码。它需要与正文有一点区别，但不应该改变这一行文字的高度或把相邻标点推开。

JavaScript 与长代码行

较长的代码需要在代码块内部横向滚动。整张页面仍然应该保持在屏幕宽度以内，尤其是在手机上。

const article = { title: '一篇测试文章', tags: ['前台测试', '代码示例'] };
const label = `${article.title} · ${article.tags.join(' / ')}`;
console.log(label);
const intentionallyLongLineForLayoutTesting = 'https://velyee.com/index.php/search/this-is-a-deliberately-long-example-path-for-testing-code-block-horizontal-scrolling-without-expanding-the-entire-page/';

这段代码不会访问上面的地址。它只是一个字符串，用来检查长行的边界。复制按钮和语言标签应该保持在合适的位置，滚动代码内容时不影响正文。

一张较宽的表格

表格使用多列和较长的单元格内容，方便查看桌面与手机的显示区别。手机上可以在表格区域内左右移动，继续向下滑动时则回到正常阅读。

链接与强调

这是一个站内链接：回到首页继续浏览。正文也可以包含 明确的强调 和 较轻的提示。这些形式同时出现时，应该仍然容易读懂，而不是每一种元素都争抢注意力。

检查完成后

可以按顺序试一下目录跳转、两个代码块的复制、表格滚动和返回文章顶部。测试过程中不需要运行代码，也不需要修改服务器设置。文章末尾还有其他测试内容，可以直接继续浏览。