Unicorns
+All the things
+All the things
+体验更紧凑的阅读模式，适合小屏幕或密集内容展示
+这是第一段内容。在默认模式下，段落之间的间距比较宽松，适合阅读。
+ +这是第二段内容。您可以对比左右两边的间距差异。
+ +二级标题下方的内容。看看标题和段落之间的间距。
+ +function hello() {
+ console.log('Hello, World!');
+}
+
+// 这是一个函数示例
+const greeting = (name) => {
+ return `Hello, ${name}!`;
+};++ +这是一个引用块。在紧凑模式下，引用块前后的间距会更小。
+引用块内的第二段内容。
+
文档的最后一段内容。对比一下整体的紧凑程度。
+这是第一段内容。在默认模式下，段落之间的间距比较宽松，适合阅读。
+ +这是第二段内容。您可以对比左右两边的间距差异。
+ +二级标题下方的内容。看看标题和段落之间的间距。
+ +function hello() {
+ console.log('Hello, World!');
+}
+
+// 这是一个函数示例
+const greeting = (name) => {
+ return `Hello, ${name}!`;
+};++ +这是一个引用块。在紧凑模式下，引用块前后的间距会更小。
+引用块内的第二段内容。
+
文档的最后一段内容。对比一下整体的紧凑程度。
+这是一个完整的 Markdown 渲染示例，展示了默认模式下的样式效果。
+ +npm install github-markdown-css只需在容器元素上添加 markdown-body 类即可：
++ +提示：默认模式适合大多数阅读场景，间距舒适易读。
+
在小屏幕设备上，如果需要展示更多内容，可以考虑使用 Compact 模式。
+这是一个完整的 Markdown 渲染示例，展示了 Compact 模式下的样式效果。
+ +npm install github-markdown-css只需在容器元素上添加 markdown-body compact 类即可：
++ +提示：Compact 模式适合小屏幕或需要展示更多内容的场景。
+
除了使用 .compact 类，还可以通过 CSS 变量自定义间距：
compact 类：class="markdown-body compact"--spacing-* 变量| Header 1 | +Header 2 | +Header 3 | +Header 4 | +Header 5 | +
|---|---|---|---|---|
| Cell 1-1 | +Cell 1-2 with longer content | +Cell 1-3 | +Cell 1-4 with even longer content that should wrap | +Cell 1-5 | +
| Cell 2-1 | +Cell 2-2 | +Cell 2-3 with longer content that might cause overflow | +Cell 2-4 | +Cell 2-5 | +
function longFunctionNameWithManyParameters(param1, param2, param3, param4, param5, param6, param7, param8) {
+ // This is a long code line that should cause horizontal scrolling on mobile devices
+ console.log('This is a long line of code that will test the horizontal scrolling behavior in code blocks');
+ return param1 + param2 + param3 + param4 + param5 + param6 + param7 + param8;
+}
+
+// Another long line of code to test the scrolling behavior
+const veryLongVariableNameThatShouldCauseHorizontalScrolling = 'This is a very long string that will test the horizontal scrolling behavior in code blocks';
+ +++ +This is a long blockquote that should test the layout behavior on mobile devices. It contains multiple sentences to ensure that the blockquote is properly formatted and does not overflow the container.
+Another paragraph in the blockquote to test the spacing and layout.
+
| Header 1 | +Header 2 | +Header 3 | +Header 4 | +Header 5 | +
|---|---|---|---|---|
| Cell 1-1 | +Cell 1-2 with longer content | +Cell 1-3 | +Cell 1-4 with even longer content that should wrap | +Cell 1-5 | +
| Cell 2-1 | +Cell 2-2 | +Cell 2-3 with longer content that might cause overflow | +Cell 2-4 | +Cell 2-5 | +
function longFunctionNameWithManyParameters(param1, param2, param3, param4, param5, param6, param7, param8) {
+ // This is a long code line that should cause horizontal scrolling on mobile devices
+ console.log('This is a long line of code that will test the horizontal scrolling behavior in code blocks');
+ return param1 + param2 + param3 + param4 + param5 + param6 + param7 + param8;
+}
+
+// Another long line of code to test the scrolling behavior
+const veryLongVariableNameThatShouldCauseHorizontalScrolling = 'This is a very long string that will test the horizontal scrolling behavior in code blocks';
+ +++ +This is a long blockquote that should test the layout behavior on mobile devices. It contains multiple sentences to ensure that the blockquote is properly formatted and does not overflow the container.
+Another paragraph in the blockquote to test the spacing and layout.
+