#meta #seo #technical writing

Technical content workflow for “Code with Hugo”: static site, Paper, Medium, DEV and Buttondown

tl;dr: here are the tools used to power, build and publish codewithhugo.com: Dropbox Paper because it syncs desktop/mobile and outputs to markdown Unsplash for cover images Edited Markdown + images → Hugo static site generator Casper 2 (https://ghost.org default theme) for Hugo Schedule: Newsletter: Mondays 5pm UK every 2 weeks 1+ post a week Cross-post to Medium (Stories → Import a Story) Cross-post to dev.to using RSS feed Social media/promotion < Organic traffic Newsletter powered by https://buttondown. ...

  • Hugo Di Francesco
    Author
7 min read
#JavaScript #meta #payment

Add a client-side paywall using checkoutpage.co and vanilla JavaScript

How I created the buying mechanism for the Sequelize ES6 Cheatsheet using checkoutpage.co and sprinkles of vanilla JavaScript. This strictly isn’t a paywall, it’s all client-side and doesn’t check much. In principle you can display the whole things using a bit of CSS magic. You could also read the source and reverse-engineer what query params work for this page. You could also spoof as Google Bot (or another crawler) and skip the pay overlay. ...

  • Hugo Di Francesco
    Author
11 min read
#meta #deployment #JavaScript

A tiny case study about migrating to Netlify when disaster strikes at GitHub, featuring Cloudflare

Last Monday (22 October 2018) GitHub was going 💥, and scheduled content on Code with Hugo wasn’t going live. For context, the blog’s setup is documented in “Switching the lights on: Hugo vs Hugo config files”. tl;dr (as is relevant to this post) Cloudflare DNS + CDN + proxying + HTTPS GitHub Pages Hugo as a static site generator CircleCI to deploy the site daily + on push (🤷‍♀️wasn’t in the post but that’s how I do it) ...

  • Hugo Di Francesco
    Author
4 min read
#hugo #meta #css #deployment

Switching the lights on: Hugo vs Hugo config files

A simple Hugo blog setup The story of getting codewithhugo.com up and running. The tl;dr is the following: I always rave about my blog setup, it’s simple, fast and just works I used Hugo, “The world’s fastest framework for building websites”, a static site generator I used a theme, casper-two, which is a Hugo port of the https://ghost.org/ default theme I deployed to GitHub pages behind Cloudflare *. ...

  • Hugo Di Francesco
    Author
8 min read