Menu

Lorem Ipsum 生成器

生成占位文本,可选经典拉丁文、文艺风、培根风或商务风。

作者 Nethanel Bar, Co-founder & CEO

最后更新

准备好真正学会编程了吗?

Coddy 让你在浏览器里编写真实代码来学习:互动课程、即时反馈,卡住时还有 AI 帮忙。

Lorem Ipsum 生成器是什么?

Lorem ipsum 是设计师和开发者在正式文案还没准备好时,粘贴到版面里查看效果的标准占位文本。这些词没有意义,是西塞罗一段文章的碎片被打乱后拼成的,所以读者会去看文本的“形状”,而不是试图读懂它。

用生成器比随手敲 asdfasdf 好得多,最大的原因是:真实的单词长度和标点能更准确地预览换行、对齐,以及标题和段落搭配起来的效果。它还能避免占位文案被意外发布到生产环境的尴尬。

这个生成器支持四种风格:经典的拉丁文 lorem ipsum,以及几种有趣的变体:hipster、bacon 和 corporate,适合拉丁文显得太枯燥的设计。文本在本地生成,可以复制为纯文本,也可以包在 <p> 标签里,直接粘贴到 HTML 中。

关于 Lorem Ipsum 你需要知道的

  • 标准文本以 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 开头;需要经典效果时就保留这个开头。
  • 占位文本的长度是否真实,比具体用了哪些词更重要。让段落数和句子节奏与真实内容保持一致。
  • 发布之前一定要替换占位文案。上线前在仓库里搜一下 lorem,是成本很低的最后一道检查。
  • 对于非拉丁文字(阿拉伯文、中日韩文字),要用模仿该文字词长和标点密度的占位文本;拉丁文占位文本会低估这些版面中的字符宽度。

Lorem Ipsum 生成步骤

  1. 选择风格

    经典拉丁文是最稳妥的默认选项。想要调侃一点的语气时可以用 hipster、bacon 或 corporate,通常用于内部原型、玩笑或品牌化的设计工具。

  2. 设置段落数和句子数

    按最终文案的样子来设置。博客文章版面的默认值可以设为 3 段、每段 5 句。首屏副标题的话,一段短文就够了。

  3. 开启经典开头

    选择经典拉丁文时,可以强制第一段以 Lorem ipsum dolor sit amet… 开头,适合设计师希望看到标准开头的场合。

  4. 选择纯文本或 HTML

    纯文本最方便用在设计工具和幻灯片里。HTML 会把每一段包在 <p> 标签中,可以直接粘贴到 CMS 或模板里。

  5. 复制并粘贴

    不断点击“重新生成”,直到节奏合适,然后复制结果。别忘了发布前换成真实文案。

Lorem Ipsum 速查表

常用的数量设置,以及大致会生成什么。

使用场景段落数每段句数
推文 / 单行说明文字11
首屏副标题12
商品卡片正文13
博客文章预览15
完整博客文章版面55
长篇文章86

可以试试的 Lorem Ipsum 示例

经典开头,两段

示例输出

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

标准的拉丁文开头,后面跟着自然生成的第二段。适用于任何设计师期待传统效果的地方。

给 CMS 用的 HTML 段落

包裹后的输出
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

粘贴到会解析标签的富文本编辑器时,把输出模式切换为 HTML。每一段都会成为独立的 <p> 元素。

用 bacon 风格做个有趣的原型

示例输出

Bacon ipsum dolor amet kielbasa pork belly drumstick. Pastrami short loin tenderloin meatball, jowl spare-ribs glazed prosciutto.

Bacon ipsum 让版面评审更有趣,也能让客户一眼看出这是占位文案。别把它发布到生产环境。

使用 Lorem Ipsum 的常见错误

  • 页面上线了,真实文案却一直没换上。每次发布前都在仓库里搜索 lorem 和 ipsum。
  • 真实内容是很多短段落,占位时却用了一大坨文字。要匹配结构,而不只是字数。
  • 不加说明就把 hipster 或 bacon ipsum 放进给客户的演示文稿里:出了设计团队,这个玩笑可能会适得其反。
  • 用 lorem ipsum 填写表单或替代文本(alt text)。屏幕阅读器会读出来,搜索引擎会收录,用户也会看到。
  • 把占位文本的长度当作内容规范。真实文案的长度很少会和你用的 lorem 一样。

Lorem Ipsum 常见问题

Lorem Ipsum 是什么意思?

它是从西塞罗一段文章(《论善恶之极》,De finibus bonorum et malorum,公元前 45 年)打乱而来的拉丁文。词语被截断并重新排列,所以文本没有意义,只是供设计师衡量版面的形状。

Lorem Ipsum 只是随机文本吗?

它是从一组固定的、看起来像拉丁文的词中生成的,单词长度和标点都很真实。它看起来比随机字符更像真正的文章,这正是它的意义所在。

为什么用 Lorem Ipsum 做占位文本?

因为它读不懂,设计师就会专注于版面而不是内容。它的词长和行长可以预测,所以很适合预览换行和对齐效果。

Lorem Ipsum 和假文有什么区别?

Lorem Ipsum 是一种特定的假文,也就是打乱的拉丁文版本。“假文”是统称,还包括 hipster、bacon 和其他主题的词库。

把 Lorem Ipsum 发布到生产环境安全吗?

不安全。生产环境里出现占位文本是常见的尴尬,也有 SEO 风险:搜索引擎可能会收录占位内容,访客也会看到。上线前一定要换成真实文案。

了解更多

其他开发者工具

Coddy 编程语言插图

和 Coddy 一起学编程

开始