Liens vers les articles de blog
Making-ofMaintenant qu’on a des articles de blog, il faut pouvoir les lister.
Voici un aperçu des variables
qu’on peut utiliser dans une page.
let page = {
// URL can be used in <a href> to link to other templates
// NOTE: This value will be `false` if `permalink` is set to `false`.
url: "/current/page/myFile/",
// For permalinks: inputPath filename minus template file extension
fileSlug: "myFile",
// For permalinks: inputPath minus template file extension
filePathStem: "/current/page/myFile",
// JS Date object for current page (used to sort collections)
date: new Date(),
// The path to the original source file for the template
// NOTE: this includes your input directory path!
inputPath: "./current/page/myFile.md",
// Depends on your output directory (the default is _site)
// You should probably use `url` instead.
// NOTE: This value will be `false` if `permalink` is set to `false`.
outputPath: "./_site/current/page/myFile/index.html",
// Useful with `page.filePathStem` when using custom file extensions.
outputFileExtension: "html",
// Comma separated list of template syntaxes processing this template
// Added in 2.0+
templateSyntax: "liquid,md",
// The raw unparsed/unrendered plaintext content for the current template
// Added in 3.0+
rawInput: "<!doctype html>…",
// Available in 2.0 with the i18n plugin
// The default is the value of `defaultLanguage` passed to the i18n plugin
lang: "",
};
À l'aide de ces variables, je peux mettre en place une liste des articles.
index.html
{% for blog in collections.blog %}
-<h2>{{ blog.data.title }}</h2>
+<h2><a href="{{blog.url}}">
+ {{ blog.data.title }}</a></h2>
{% endfor %}