Self-host the Ackee for web traffic analytics

Web Notes / Tools

2020.12.20

Self-host the Ackee for web traffic analytics

As long as the traffic grows for my blog, I'm curious about how many people visit my site, which posts are most visited, and where users come from. Although Google Analytics can help, almost every ad-blocker will kill it and resulting in less information. After searching for alternatives, I came across a lightweight Node.js application, Ackee. It's a privacy-first solution that provides the basic analytics just what I needed. So, let's deploy it with all the free resources.

Automatically purge Cloudflare cache after Netlify build

Tutorials / Web Notes

2020.05.15

Automatically purge Cloudflare cache after Netlify build

Although Netlify provides CDN service, Cloudflare has more edge locations around the world. What's more, Netlify hosted sites are hardly reached in China, while Cloudflare still lives. With this in mind, I decided to switch to Cloudflare for load balancing. However, pushing post/file changes to Netlify did not clear Cloudflare's cache, that's a mess. So, I'm going to use Cloudflare's API together with Netlify's outgoing webhook to make them in the same pace.

A Beginner's Guide to SCSS

Web Notes / Tutorials

2019.11.07

A Beginner's Guide to SCSS

Basically, SCSS is the most popular CSS pre-processor now people use. It's just a more recent version of the original Sass syntax. All Sass/SCSS code compiles back to standard CSS so that the browsers can understand it. All browsers currently don't have direct support for SCSS or any other CSS pre-processor, nor does the standard CSS specification provide alternatives for similar features, not yet.

Relative Units - CSS Fundamentals

Reading Notes / Web Notes

2019.11.07

Relative Units - CSS Fundamentals

In the web environment, the user can have their browser window set to any number of sizes, and the CSS has to apply to it. Also, users can resize the page after it's opened, and the CSS needs to adjust to new constrains. This means that the browser must calculate those when the page is rendered onscreen. Relative units are one of the tools CSS provides to work for the responsive design.

Ads by Google

TRENDING