Adds support for clean URLs to DocPad
In non-static environments we work by setting the document's url to it's clean url. This means that redirection occurs on the dynamic server level.
For the static
environment (i.e. when running DocPad with the --env static
flag, e.g. running docpad generate --env static
) we will set the static
plugin configuration option to true
. This will in addition to performing redirections via the built-in dynamic server within DocPad for speed, we will also write special static redirection HTML files to the output directory, that will redirect the user to the new clean location (e.g. the document pages/welcome.html
will now be outputted to pages/welcome/index.html
, with pages/welcome.html
now being a special HTML redirect document to the clean location).
If you would like to always use the static mode, you can set the static
plugin configuration option to true with:
plugins:
cleanurls:
static: true
If you would like to disable the static mode for the static environment, you can do so with:
environments:
static:
plugins:
cleanurls:
static: false
If you would like to disable clean urls completely (not just the static mode) in the static environment, you can do so with:
environments:
static:
plugins:
cleanurls:
enabled: false
Enable this plugin configuration option to generate document.url
s like '/beep/'
instead of /beep
. Defaults to false
.
You can use this plugin configuration option (defaults to html
) to tell the cleanurls plugin to use your own custom collection for which documents to apply clean URLs to.
For instance, if you are wanting to remove all clean URLs for all documents that have cleanurls: false
in the meta data, then you could do the following in your DocPad configuration file:
# Define a custom collection for cleanurls that ignores the documents we don't want
collections:
cleanurls: ->
@getCollection('html').findAllLive(cleanurls: $ne: false)
# Tell our clean urls plugin to use this collection
plugins:
cleanurls:
collectionName: 'cleanurls'
You can customise the HTML template that is used for the redirect pages by specifying the getRedirectTemplate
option which is a function that accepts url
argument and an option title
argument and returns a string.
Simple redirects work via routes in dynamic environments, and on static environments work via generating redirect HTML pages at the location of the source relative URL. They can be defined like so:
plugins:
cleanurls:
simpleRedirects:
'/relative-url': '/somewhere-else'
'/other-relative-url': 'http://somehere.else'
Advanced redirects work via routes in dynamic environments, and on static environments work via a client-side javascript injection into the Script Block on your 404 Page document. They can be defined like so:
plugins:
cleanurls:
advancedRedirects: [
# Regular expressions redirects are possible too
[/^\/github\/?(.*)$/, 'https://github.com/docpad/$1']
[/^\/plugin\/(.+)$/, 'https://github.com/docpad/docpad-plugin-$1']
# Absolute URL redirects are even possible
['http://production.com/favourite-website', 'http://wikipedia.org']
['http://localhost:9778/favourite-website', 'http://facebook.com']
]
To ensure they work, you must make sure that your 404 Page document calls @getBlock('scripts').toHTML()
to output the Script Block, which we inject the client-side javascript into. Here is an example of such a document using eco and location at src/documents/404.html.eco
:
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Site Properties -->
<title>404 Page Not Found</title>
<!-- DocPad Meta -->
<%- @getBlock('meta').toHTML() %>
<!-- DocPad Styles -->
<%- @getBlock('styles').add('/vendor/404.css').toHTML() %>
</head>
<body>
<!-- 404 Page Content -->
<div class="container">
<h1>Not Found π²</h1>
<p>Sorry, but the page you were trying to view does not exist.</p>
<p>It looks like this was the result of either:</p>
<ul>
<li>a mistyped address</li>
<li>an out-of-date link</li>
</ul>
<script>
var GOOG_FIXURL_LANG = (navigator.language || '').slice(0, 2),
GOOG_FIXURL_SITE = location.host
</script>
<script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
</div>
<!-- DocPad Scripts -->
<%- @getBlock('scripts').toHTML() %>
</body>
</html>
You can modify the client-side javascript by providing the option getRedirectScript` which is a function that accepts the advancedRedirects value as the first and only argument and returns a string which is the script to be injected.
Install this DocPad plugin by entering docpad install cleanurls
into your terminal.
Discover the release history by heading on over to the HISTORY.md
file.
Discover how you can contribute by heading on over to the CONTRIBUTING.md
file.
These amazing people are maintaining this project:
No sponsors yet! Will you be the first?
These amazing people have contributed code to this project:
- Adam Hull β view contributions
- Benjamin Lupton β view contributions
- Daniel Smith β view contributions
- David Boyer β view contributions
- Laurence Elsdon β view contributions
- Marcus Stong
- Marcus Stong β view contributions
- Rob Loach β view contributions
- Zeno Rocha
- Zeno Rocha β view contributions
- iSpyCreativity β view contributions
- vsopvsop β view contributions
Discover how you can contribute by heading on over to the CONTRIBUTING.md
file.
Unless stated otherwise all works are:
- Copyright Β© 2012+ Bevry Pty Ltd
- Copyright Β© 2011 Benjamin Lupton
and licensed under: