写作示例

Markdown 元素展示:表格、代码与引用

2026-05-09 #Markdown#排版#代码块

这篇文章集中展示 Markdown 常用元素,适合检查主题对正文内容的默认样式支持。

文本样式

普通段落应该保持轻松的阅读节奏。这里包含 加粗文字强调文字行内代码 和一个普通链接:Hexo 官网

表格

模块 检查内容 期望效果
文章标题 字号、行高、换行 清晰且不拥挤
元信息 日期、分类、标签 层级低于标题
正文段落 行宽、行高、颜色 长时间阅读不疲劳
代码块 横向滚动、背景色 不破坏页面宽度

代码块

1
2
3
4
5
6
function createExcerpt(content, limit = 96) {
const plainText = content.replace(/<[^>]+>/g, '').trim();
return plainText.length > limit
? `${plainText.slice(0, limit)}...`
: plainText;
}
1
2
3
4
.article-content {
line-height: 1.82;
word-break: break-word;
}

引用

好的内容样式不需要抢走注意力。它只需要让作者的表达更容易被读完。

有序步骤

  1. 准备几篇不同长度的文章。
  2. 运行 Hexo 本地服务。
  3. 在桌面和移动宽度下检查列表与详情页。
  4. 根据真实内容调整间距,而不是只看空白模板。
Like 评论
分享