Give your Jekyll posts and pages multiple URLs.
When importing your posts and pages from, say, Tumblr, it's annoying and
impractical to create new pages in the proper subdirectories so they, e.g.
/post/123456789/my-slug-that-is-often-incompl, redirect to the new post URL.
Instead of dealing with maintaining those pages for redirection, let
jekyll-redirect-from handle it for you.
Redirects are performed by serving an HTML file with an HTTP-REFRESH meta
tag which points to your destination. No .htaccess file, nginx conf, xml
file, or anything else will be generated. It simply creates HTML files.
Add this line to your application's Gemfile:
gem 'jekyll-redirect-from'
And then execute:
$ bundle
Or install it yourself as:
$ gem install jekyll-redirect-from
Once it's installed into your environment, add it to your _config.yml:
plugins:
- jekyll-redirect-from💡 If you are using a Jekyll version less than 3.5.0, use the gems key instead of plugins.
If you're using Jekyll in safe mode to mimic GitHub Pages, make sure to
add jekyll-redirect-from to your whitelist:
whitelist:
- jekyll-redirect-fromThen run jekyll <cmd> --safe like normal.
The objective of this gem is to allow an author to specify multiple URLs for a page, such that the alternative URLs redirect to the new Jekyll URL.
To use it, simply add the array to the YAML front-matter of your page or post:
title: My amazing post
redirect_from:
- /post/123456789/
- /post/123456789/my-amazing-post/Redirects including a trailing slash will generate a corresponding subdirectory containing an index.html, while redirects without a trailing slash will generate a corresponding filename without an extension, and without a subdirectory.
For example...
redirect_from:
- /post/123456789/my-amazing-post...will generate the following page in the destination:
/post/123456789/my-amazing-post
While...
redirect_from:
- /post/123456789/my-amazing-post/...will generate the following page in the destination:
/post/123456789/my-amazing-post/index.html
These pages will contain an HTTP-REFRESH meta tag which redirect to your URL.
You can also specify just one url like this:
title: My other awesome post
redirect_from: /post/123456798/If site.url is set, its value, together with site.baseurl, is used as a prefix for the redirect url automatically. This is useful for scenarios where a site isn't available from the domain root, so the redirects point to the correct path. If site.url is not set, only site.baseurl is used, if set.
Note: If you are hosting your Jekyll site on GitHub Pages, and site.url is not set, the prefix is set to the pages domain name i.e. http://example.github.io/project or a custom CNAME.
Sometimes, you may want to redirect a site page to a totally different website. This plugin also supports that with the redirect_to key:
title: My amazing post
redirect_to: http://www.github.comNote: Using redirect_to or redirect_from with collections will only work with files which are output to HTML, such as .md, .textile, .html etc.
If you want to customize the redirect template, you can. Simply create a layout in your site's _layouts directory called redirect.html.
Your layout will get the following variables:
page.redirect.from- the relative path to the redirect pagepage.redirect.to- the absolute URL (where available) to the target page
You can configure this plugin in _config.yml by adding to the redirect_from key.
By default, a file called redirects.json, which can be used for automated testing or to implement server-side redirects, will be included in the output. To exclude it from the output, set the json key to false:
redirect_from:
json: false- Fork it
- Create your feature branch (
git checkout -b my-new-feature) - Commit your changes (
git commit -am 'Add some feature') - Push to the branch (
git push origin my-new-feature) - Create new Pull Request
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent