cobweb/xmitter-11ty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First commit of i18n base blog using Eleventy v2. This uses English-implied URLs.

Browse Source
This commit is contained in:
Zach Leatherman 2022-07-15 12:11:54 -05:00
parent 70530889e4
commit 2491464043
26 changed files with 88 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.eleventy.js
View File

@ -1,11 +1,14 @@
const { DateTime } = require("luxon"); const { DateTime } = require("luxon");
const markdownItAnchor = require("markdown-it-anchor"); const markdownItAnchor = require("markdown-it-anchor");
const { EleventyI18nPlugin } = require("@11ty/eleventy");
const pluginRss = require("@11ty/eleventy-plugin-rss"); const pluginRss = require("@11ty/eleventy-plugin-rss");
const pluginSyntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight"); const pluginSyntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
const pluginNavigation = require("@11ty/eleventy-navigation"); const pluginNavigation = require("@11ty/eleventy-navigation");
module.exports = function(eleventyConfig) { module.exports = function(eleventyConfig) {
eleventyConfig.ignores.add("README.md");
// Copy the `img` and `css` folders to the output // Copy the `img` and `css` folders to the output
eleventyConfig.addPassthroughCopy("img"); eleventyConfig.addPassthroughCopy("img");
eleventyConfig.addPassthroughCopy("css"); eleventyConfig.addPassthroughCopy("css");
@ -14,6 +17,10 @@ module.exports = function(eleventyConfig) {
eleventyConfig.addPlugin(pluginRss); eleventyConfig.addPlugin(pluginRss);
eleventyConfig.addPlugin(pluginSyntaxHighlight); eleventyConfig.addPlugin(pluginSyntaxHighlight);
eleventyConfig.addPlugin(pluginNavigation); eleventyConfig.addPlugin(pluginNavigation);
eleventyConfig.addPlugin(EleventyI18nPlugin, {
defaultLanguage: "en",
errorMode: "allow-fallback",
});
eleventyConfig.addFilter("readableDate", dateObj => { eleventyConfig.addFilter("readableDate", dateObj => {
return DateTime.fromJSDate(dateObj, {zone: 'utc'}).toFormat("dd LLL yyyy"); return DateTime.fromJSDate(dateObj, {zone: 'utc'}).toFormat("dd LLL yyyy");

1
.eleventyignore
View File

@ -1 +0,0 @@
README.md

4
_includes/layouts/base.njk
View File

@ -1,5 +1,5 @@
<!doctype html> <!doctype html>
<html lang="{{ metadata.language }}"> <html lang="{{ lang or metadata.language }}">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -14,6 +14,8 @@
<link rel="stylesheet" href="{{ '/css/prism-diff.css' | url }}"> <link rel="stylesheet" href="{{ '/css/prism-diff.css' | url }}">
<link rel="alternate" href="{{ metadata.feed.path | url }}" type="application/atom+xml" title="{{ metadata.title }}"> <link rel="alternate" href="{{ metadata.feed.path | url }}" type="application/atom+xml" title="{{ metadata.title }}">
<link rel="alternate" href="{{ metadata.jsonfeed.path | url }}" type="application/json" title="{{ metadata.title }}"> <link rel="alternate" href="{{ metadata.jsonfeed.path | url }}" type="application/json" title="{{ metadata.title }}">
{# TODO add link rel="alternate" for langs #}
</head> </head>
<body> <body>
<header> <header>

25
_includes/layouts/post.njk
View File

@ -12,14 +12,27 @@ templateClass: tmpl-post
{{ content | safe }} {{ content | safe }}
{%- if collections.posts %}
{%- set nextPost = collections.posts | getNextCollectionItem(page) %}
{%- set previousPost = collections.posts | getPreviousCollectionItem(page) %}
{%- if nextPost or previousPost %}
<hr> <hr>
{% set i18nLinks = page.url | locale_links %}
{% if i18nLinks.length %}
<ul> <ul>
{%- if nextPost %}<li>Next: <a href="{{ nextPost.url | url }}">{{ nextPost.data.title }}</a></li>{% endif %} <li>
{%- if previousPost %}<li>Previous: <a href="{{ previousPost.url | url }}">{{ previousPost.data.title }}</a></li>{% endif %} This page is also available in: <!-- don’t forget to localize this text too -->
{%- for link in i18nLinks %}
{%- if not loop.first %},{% endif %}<a href="{{link.url}}" lang="{{link.lang}}" hreflang="{{link.lang}}">{{link.label}}</a>
{%- endfor -%}
</li>
</ul>
{% endif %}
{%- if collections.posts %}
{%- set previousPost = collections.posts | getPreviousCollectionItem() %}
{%- set nextPost = collections.posts | getNextCollectionItem() %}
{%- if nextPost or previousPost %}
<ul>
{%- if previousPost %}<li>Previous: <a href="{{ previousPost.url | locale_url | url }}">{{ previousPost.data.title }}</a></li>{% endif %}
{%- if nextPost %}<li>Next: <a href="{{ nextPost.url | locale_url | url }}">{{ nextPost.data.title }}</a></li>{% endif %}
</ul> </ul>
{%- endif %} {%- endif %}
{%- endif %} {%- endif %}

0
404.md → en/404.md
View File

0
about/index.md → en/about/index.md
View File

1
archive.njk → en/blog.njk
View File

@ -1,6 +1,5 @@
--- ---
layout: layouts/home.njk layout: layouts/home.njk
permalink: /posts/
eleventyNavigation: eleventyNavigation:
key: Archive key: Archive
order: 2 order: 2

0
posts/posts.json → en/blog/blog.json
View File

0
posts/firstpost.md → en/blog/firstpost.md
View File

0
posts/fourthpost.md → en/blog/fourthpost.md
View File

0
posts/secondpost.md → en/blog/secondpost.md
View File

0
posts/thirdpost.md → en/blog/thirdpost.md
View File

9
en/en.11tydata.js Normal file
View File

@ -0,0 +1,9 @@
module.exports = {
lang: "en",
permalink: function(data) {
// Change (English) /en/blog/my-post URLs to have an implied language code /blog/my-post URLs instead.
let [slashPrefixEmpty, langCode, ...stem] = data.page.filePathStem.split("/");
let path = stem.join("/");
return stem[stem.length - 1] === "index" ? `${path}.html` : `${path}/index.html`;
}
}

7
index.njk → en/index.njk
View File

@ -12,3 +12,10 @@ eleventyNavigation:
{% include "postslist.njk" %} {% include "postslist.njk" %}
<p>More posts can be found in <a href="{{ '/posts/' | url }}">the archive</a>.</p> <p>More posts can be found in <a href="{{ '/posts/' | url }}">the archive</a>.</p>
<ul>
{%- for entry in collections.all %}
<li><a href="{{ entry.url }}"><code>{{ entry.url }}</code></a></li>
{%- endfor %}
</ul>

0
tags-list.njk → en/tags-list.njk
View File

0
tags.njk → en/tags.njk
View File

14
es/blog/fourthpost.md Normal file
View File

@ -0,0 +1,14 @@
---
title: Esta es mi cuarta publicación.
slugOverride: cuarta publicación
date: 2018-09-30
layout: layouts/post.njk
---
Aproveche los marcos ágiles para proporcionar una sinopsis sólida para descripciones generales de alto nivel. Los enfoques iterativos de la estrategia corporativa fomentan el pensamiento colaborativo para promover la propuesta de valor general. Hacer crecer orgánicamente la visión holística del mundo de la innovación disruptiva a través de la diversidad y el empoderamiento en el lugar de trabajo.
Traiga a la mesa estrategias de supervivencia de ganar-ganar para asegurar una dominación proactiva. Al final del día, en el futuro, una nueva normalidad que ha evolucionado desde la generación X está en camino hacia una solución de nube optimizada. El contenido generado por el usuario en tiempo real tendrá múltiples puntos de contacto para la deslocalización.
## Encabezado de sección
Saque provecho de la fruta al alcance de la mano para identificar una actividad de valor agregado de estadio de béisbol para la prueba beta. Supere la brecha digital con clics adicionales de DevOps. La inmersión en nanotecnología a lo largo de la autopista de la información cerrará el círculo centrándose únicamente en el resultado final.

13
es/blog/thirdpost.md Normal file
View File

@ -0,0 +1,13 @@
---
title: Esta es mi tercer publicación.
date: 2018-09-30
layout: layouts/post.njk
---
Aproveche los marcos ágiles para proporcionar una sinopsis sólida para descripciones generales de alto nivel. Los enfoques iterativos de la estrategia corporativa fomentan el pensamiento colaborativo para promover la propuesta de valor general. Hacer crecer orgánicamente la visión holística del mundo de la innovación disruptiva a través de la diversidad y el empoderamiento en el lugar de trabajo.
Traiga a la mesa estrategias de supervivencia de ganar-ganar para asegurar una dominación proactiva. Al final del día, en el futuro, una nueva normalidad que ha evolucionado desde la generación X está en camino hacia una solución de nube optimizada. El contenido generado por el usuario en tiempo real tendrá múltiples puntos de contacto para la deslocalización.
## Encabezado de sección
Saque provecho de la fruta al alcance de la mano para identificar una actividad de valor agregado de estadio de béisbol para la prueba beta. Supere la brecha digital con clics adicionales de DevOps. La inmersión en nanotecnología a lo largo de la autopista de la información cerrará el círculo centrándose únicamente en el resultado final.

11
es/es.11tydata.js Normal file
View File

@ -0,0 +1,11 @@
module.exports = {
"lang": "es",
"permalink": function(data) {
// Slug override is set in the post for localized URL slugs
// e.g. /es/blog/fourthpost.md will optionally write to
// /es/blog/cuarta-publicacion/ instead of /es/blog/fourth-post/
if(data.slugOverride) {
return `/${data.lang}/blog/${this.slugify(data.slugOverride)}/`;
}
}
}

3
feed/feed.11tydata.js Normal file
View File

@ -0,0 +1,3 @@
module.exports = {
eleventyExcludeFromCollections: true
}

1
feed/feed.njk
View File

@ -1,7 +1,6 @@
--- ---
# Metadata comes from _data/metadata.json # Metadata comes from _data/metadata.json
permalink: "{{ metadata.feed.path }}" permalink: "{{ metadata.feed.path }}"
eleventyExcludeFromCollections: true
--- ---
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom"> <feed xmlns="http://www.w3.org/2005/Atom">

6
feed/htaccess.njk
View File

@ -1,6 +0,0 @@
---
permalink: feed/.htaccess
eleventyExcludeFromCollections: true
---
# For Apache, to show `{{ metadata.feed.filename }}` when browsing to directory /feed/ (hide the file!)
DirectoryIndex {{ metadata.feed.filename }}

1
feed/json.njk
View File

@ -1,7 +1,6 @@
--- ---
# Metadata comes from _data/metadata.json # Metadata comes from _data/metadata.json
permalink: "{{ metadata.jsonfeed.path }}" permalink: "{{ metadata.jsonfeed.path }}"
eleventyExcludeFromCollections: true
--- ---
{ {
"version": "https://jsonfeed.org/version/1.1", "version": "https://jsonfeed.org/version/1.1",

4
package.json
View File

@ -25,11 +25,11 @@
}, },
"homepage": "https://github.com/11ty/eleventy-base-blog#readme", "homepage": "https://github.com/11ty/eleventy-base-blog#readme",
"dependencies": { "dependencies": {
"@11ty/eleventy": "^2.0.0-canary.12", "@11ty/eleventy": "^2.0.0-canary.13",
"@11ty/eleventy-navigation": "^0.3.3", "@11ty/eleventy-navigation": "^0.3.3",
"@11ty/eleventy-plugin-rss": "^1.2.0", "@11ty/eleventy-plugin-rss": "^1.2.0",
"@11ty/eleventy-plugin-syntaxhighlight": "^4.1.0", "@11ty/eleventy-plugin-syntaxhighlight": "^4.1.0",
"luxon": "^2.4.0", "luxon": "^3.0.1",
"markdown-it-anchor": "^8.6.4" "markdown-it-anchor": "^8.6.4"
} }
} }

24
page-list.njk
View File

@ -1,24 +0,0 @@
---
pagination:
data: collections.all
size: 20
alias: entries
layout: layouts/home.njk
permalink: /page-list/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}
---
<table>
<thead>
<tr>
<th>URL</th>
<th>Page Title</th>
</tr>
</thead>
<tbody>
{%- for entry in entries %}
<tr>
<td><a href="{{ entry.url }}"><code>{{ entry.url }}</code></a></td>
<td>{{ entry.data.title }}</td>
</tr>
{%- endfor %}
</tbody>
</table>

0
sitemap.xml.njk → sitemap/sitemap.xml.njk
View File