The static site generated version of johnwargo.com, implemented using Eleventy hosted on GitHub.
- Swap out image library for internal support: https://www.aleksandrhovhannisyan.com/blog/eleventy-image-transform/
- Implement Fetch plugin
- Search page - focus on input field on load
- Fix Google analytics stats, they seem off
The following list is a likely incomplete list of all of the resources I used to migrate this site from Joomla! to Eleventy:
- Raymond Camden: A Guide to Building a Blog in Eleventy
- Raymond Camden: Adding Algolia Search to Eleventy and Netlify
- Organizing the Eleventy config file
- target="_blank" links in markdown
- HTML Transforms
- Minimizing HTML Output
- Using the New Google Analytics API to Get Most Popular Pages
The following lists the tools I created to help me better migrate the site from Joomla! and manage the site going forward. There should be a blog post here for each of these tools. As soon, of course, as I write them.
- Joomla! to Markdown
- Eleventy Category Pages
- Generate Build Info
- Eleventy New Post
- Algolia Index Update
- YAML Add Property
Here are some tools I used to help me manage and/or create the site.
Header image: 1980 x 400
Site Template: Pixelarity: Faction FavIcon Generator: Favicon.ico & App Icon Generator
How to make a markdown link open in a new tab:
[](){target="_blank"}This only works if you follow the instructions in target="_blank" links in markdown.
Use the following codes to show Liquid template language in a post
{% highlight liquid %}
{% endhighlight %}set DEBUG=Eleventy* & npx @11ty/eleventy<img src="/images/" alt="" />
,{
"title": "",
"date": "",
"url": "",
"description": ""
},, {
"title": "",
"date": "",
"url": "",
"description": ""
}You can find information on many different topics on my personal blog.
If you find this code useful and feel like thanking me for providing it, please consider Buying Me a Coffee, or making a purchase from my Amazon Wish List.