Скачать или смотреть Remove Github Username and Repo Name from Generated URLs in Jekyll

Learn how to eliminate `Github user name` and `repo name` from your Jekyll site's generated URLs, ensuring clean and functional links for your website deployment.
---
This video is based on the question https://stackoverflow.com/q/63143468/ asked by the user 'Bailey S' ( https://stackoverflow.com/u/11213488/ ) and on the answer https://stackoverflow.com/a/63143683/ provided by the user 'Bailey S' ( https://stackoverflow.com/u/11213488/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Jekyll remove Github user name and repo name from generated URLs

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Remove Github User Name and Repo Name from Jekyll URLs

When deploying your Jekyll site, especially through GitHub Actions, you might encounter an annoying issue: your site’s URLs look like they contain extraneous segments, specifically /PAGES/GITHUB-USERNAME/REPO-NAME/. This can cause broken links and lead to a frustrating experience—especially since everything works properly when viewed locally. In this guide, we will delve into how to correct this URL issue ensuring your site has clean, functional links upon deployment.

Understanding the Problem

Upon deploying your Jekyll site, the following URL pattern appears:

[[See Video to Reveal this Text or Code Snippet]]

As a result of this URL structure, CSS, JavaScript, and other resource links may not work correctly, disrupting the functionality and appearance of your site. Locally, the expected links resemble:

[[See Video to Reveal this Text or Code Snippet]]

We can resolve this issue by configuring your Jekyll settings properly in the _config.yml file.

Solution Steps

To fix the problem, you will need to update your Jekyll configuration file, _config.yml. Here are the necessary steps to achieve the desired clean URL structure:

Step 1: Open the _config.yml file

This file contains all the configuration details for your Jekyll project and is located in the root directory of your project.

Step 2: Add or Update URL and Baseurl

Locate the parameters url and baseurl. These instructions tell Jekyll how to generate the URLs for your site.

You want to set the url parameter to your fully qualified domain name (FQDN) with the protocol (https):

[[See Video to Reveal this Text or Code Snippet]]

The baseurl parameter should be left empty, as we do not need any prefix for our URLs:

[[See Video to Reveal this Text or Code Snippet]]

Example Configuration

Here’s how your _config.yml file should look after the adjustments:

[[See Video to Reveal this Text or Code Snippet]]

Step 3: Deploy Your Site Again

After saving your changes, redeploy your site using GitHub Actions or your configured deployment method. This should generate URLs that appear like this:

[[See Video to Reveal this Text or Code Snippet]]

Conclusion

With just a few lines of configuration, you can eliminate unwanted segments from your Jekyll-generated URLs. This adjustment not only corrects broken links but also improves the overall user experience on your website.

Remember, clarity in the site’s URL structure is crucial for both visitors and for SEO. Now, you should confidently tackle your Jekyll URL issues and ensure your site functions smoothly across all platforms. Happy coding!