Markdown基本元素
h2~h5
h2标题渲染
h3标题渲染
h4标题渲染
h5标题渲染
强调 或者 强调 (示例：斜体) 加重强调 或者 加重强调 (示例：粗体) 特别强调 或者 特别强调 (示例：粗斜体)
- 无序(没有编号的)列表中的一项
- 一个子项，要以一个制表符或者4个空格缩进
- 一个子项，要以一个制表符或者4个空格缩进
- 一个子项，要以一个制表符或者4个空格缩进
- 无序列表中的另一个项
- 有序(排好序，有编号的)列表中的一项
- 有序列表中的另一个项
- 有序列表中的另一个项
- 有序列表中的另一个项
这一整段的内容都会作为一个HTML的引用元素。引用元素是会自动优化排版的（reflowable，可回流）。
表格
| 功能 | 描述 | 状态 |
|---|---|---|
| 用户登录 | 支持邮箱和手机号登录 | ✅ |
| 密码重置 | 通过邮箱重置密码 | ❗️ |
API接口 |
RESTful API 设计 | 📖 |
| 文档链接 | 查看详细文档 | 📃 |
Gallery相册
以上图片 gallery dir
以上图片 gallery figure link
思维导图&泳道图
依据底色测试文字
背景测试背景测试背景测背景测背景测背景测背景测背景测试试试试试试
背景测试背景测试背景测背景测背景测背景测背景测背景测试试试试试试
要实现自动判断背景颜色并相应改变文字颜色的功能，您可以使用JavaScript来检测背景颜色的亮度，并根据结果设置文字颜色。以下是一个HTML和JavaScript的示例代码：
<script>
function updateTextColor(element) {
// 获取元素的背景颜色
var bgColor = window.getComputedStyle(element, null).getPropertyValue('background-color');
// 将RGB颜色值转换为亮度
var brightness = getBrightness(bgColor);
// 根据亮度决定文字颜色
element.style.color = brightness < 128 ? 'white' : 'black';
}
function getBrightness(color) {
var colorParts = color.match(/\d+/g); // 提取RGB值
// 计算亮度
return (parseInt(colorParts[0]) * 299 + parseInt(colorParts[1]) * 587 + parseInt(colorParts[2]) * 114) / 1000;
}
// 页面加载后，更新所有.auto-color类的文本颜色
window.onload = function() {
var elements = document.querySelectorAll('.auto-color');
for (var i = 0; i < elements.length; i++) {
updateTextColor(elements[i]);
}
};
</script>
shell脚本
copilot自动生成，提示语：
先用“grep -iR ‘- 历史’ *”查找内容，输出用awk解析文本，分隔符是:，取第一列，输出结果用xargs调用vi执行
grep -iR '\- 历史' * | awk -F':' '{print $1}' | xargs vi {}
短代码渲染
❗️ todo list
这是一条信息提示：Hugo 短代码可快速生成结构化内容。
警告：请检查网站配置后再发布！
提示：按下 Ctrl+S 可保存当前编辑内容。
测试内容
自定义markdown渲染
测试fig标签
测试 || 标签
测试 ||r 标签
测试 ||g 标签
测试 ||b 标签
测试 ||y 标签