如何从GitHub页面网站（Jekyll）的URL中删除文件扩展名，同时将我的HTML文件保存在一个文件夹中？

Question

Is there a way to configure my files such that I can have the following folder structure map to the following URL structure?

/
    index.html    -> www.site.com
    about.html    -> www.site.com/about
    contact.html  -> www.site.com/contact

This is a very simple site with just a few pages so it'd be a nice way for me to keep the folder structure very clean and simple.

Answer 1

Add the following to your _config.yml file:

permalink: /:title/

This will allow you to add a title to the frontmatter of posts/pages. The fallback for this is the filename, sans file extension.

For more:

https://jekyllrb.com/docs/permalinks/

http://jekyll.tips/jekyll-casts/permalinks/

Answer 2

In about.html use the following permalink

---
title: My about title
permalink: /about/
---

And in contact.html :

---
title: My contact title
permalink: /contact/
---

To remove trailing slashes you need to configure the web server

Then you can create links hardcoding the URL or using the link tag:

[Link to a page]({{ site.baseurl }}{% link about.html %})
#Or
<a href="/about/">About</a>

Another way is to create the following file structure:

├── index.html
├── about
│   └── index.html
└── contact
      └── index.html

Then be sure your permalinks do not include the .html extension in _configu.yml and it will automatically generate the URLs.