独立页面 Pages

Pages 在其他博客源码中一般被称为「页面」、「独立页面」,特指不基于时间的内容,相对独立不是某一组内容的一部分。常用于「关于」、「联系我们」这样的页面内容场景。如果人员介绍(或工作人员)是单页也可以使用 pages 实现,当然它具体如何用都取决于你意愿,并没有特别的限制。

如何快速创建一个页面?

最简单的方法就是在根目录添加一个 .html 文件或 .md 文件。 使用 .md 扩展名文件时, 页面头部参数 Front matter 和 Markdown 编写的内容会在构建的时候转换成 HTML 文件。

以下是一个包含主页、关于页面、联系我们页面的网站,左边是文件结构,右边是最终构建后生成的文件以URL 路径。

.
├── about.md    # => http://example.com/about.html
├── index.html    # => http://example.com/
└── contact.html  # => http://example.com/contact.html

如果你的页面特别多,你可以用文件夹将你的页面分类,构建后也可以从 URL 上看出,他们是相关的页面。

.
├── about.md          # => http://example.com/about.html
├── documentation     # folder containing pages
│   ├── doc1.md       # => http://example.com/documentation/doc1.html
│   └── doc2.md       # => http://example.com/documentation/doc2.html
├── design            # folder containing pages
│   └── draft.md      # => http://example.com/design/draft.html

网站构建后会在根目录下生成一个 _site的文件夹,里面就是构建后的内容。对比构建前的文件和构建后的文件,也许可以让你更容易理解它的工作逻辑。

如果没有在 页面头部参数 Front matter 中配置 永久链接 ,构建后的URL路径和根目录的页面文件是一致的,唯一的区别 .md 后缀的文件构建后会转换 Markdown 内容文件后缀也会变成 .html

修改生成的 URL (自定义路由)

可以查看 永久链接 permalinks 说明,你可以根据自己的想法自定义你站点的 URL,生成页面时将会按照你的配置生成对应的文件夹和文件。

自定义 URL 的作用主要体现两点:

  • SEO 优化
  • 美观(好看、好记)

页面摘要4.1.1

如果需要生成页面摘要,可以在配置文件中将 page_excerpts 的值设置为 true