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/
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{% image "src/images/", "", "image-full" %},{
"title": "",
"date": "",
"url": "",
"description": ""
},, {
"title": "",
"date": "",
"url": "",
"description": ""
}You can find information on many different topics on my personal blog. Learn about all of my publications at John Wargo Books.
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.