企业官网建设流程全解析

Hipster list

【免费下载链接】al-folioA beautiful, simple, clean, and responsive Jekyll theme for academics项目地址: https://gitcode.com/GitHub_Trending/al/al-folio

• brunch
• fixie
• raybans
• messenger bag

在 announcement_2 中该列表用原生 `<ul>`/`<li>` HTML 书写，而在同主题的 [_posts/2015-03-15-formatting-and-links.md](https://link.gitcode.com/i/32c6b71759e8a4d7b3542b195373e941) 中，同一组内容则以纯 Markdown 的 `-` 语法呈现——两者渲染结果一致，读者可任选。`####` 四级标题适合在长公告内部做轻量分区，不会喧宾夺主地抢走文档标题的层级。 ### 3. 引用块：署名引言 第三段之后，示例插入了一段带出处的引用块，这是长公告中最容易出彩的排版元素： ```markdown > We do not grow absolutely, chronologically... > —Anais Nin

kramdown 的>引用语法与—署名行的组合，非常适合在公告中引入导师寄语、团队格言或审稿人评语。al-folio 主题为引用块提供了专门的设计样式（博客中另有custom blockquotes专题文章介绍其自定义能力），无需额外 CSS 即可获得美观的渲染效果。

4. 分隔线与分段节奏

长公告正文用---水平分隔线将「简介 → 列表 → 引言」三段自然切开。对于需要压缩成「摘要 + 要点 + 结语」结构的接收通知、获奖公告，这是性价比最高的组织方式。

三种公告形态速查

把_news目录的三个文件放在一起对比，可以提炼出 al-folio 新闻模块的完整用法：

背后的机制：新闻集合如何被渲染

长公告能独立成页，并非仅靠 Front Matter 里的一个字段，而是依赖主题对 Jekyll collections 的配置。在 _config.yml 的collections段可以找到完整证据：

collections: books: output: true news: defaults: layout: post output: true projects: output: true teachings: output: true

这里的三条配置共同决定了长公告的行为：

• news被注册为独立集合，output: true意味着每个条目都会生成对应的静态 HTML 页面——这是inline: false长公告能够拥有独立 URL 的根本原因；
• defaults.layout: post让集合内所有条目（包括不写layout的短公告）自动套用post版式；
• news与books、projects、teachings并列为主题默认的四大集合（README.md 中亦有说明），新闻只是这套集合机制的一个实例。

新闻条目的汇总入口是 _pages/news.md，其内容极简：

--- layout: page title: news permalink: /news/ --- {% include news.liquid %}

【免费下载链接】al-folioA beautiful, simple, clean, and responsive Jekyll theme for academics项目地址: https://gitcode.com/GitHub_Trending/al/al-folio