24 posts
After rewriting the blog from Hexo to Astro, first paint takes about a second and Lighthouse scores 100 across the board. This article explains the stack choice, the build pipeline, and the trade-offs behind CSS, JavaScript, fonts, images, navigation and SEO, with measured numbers.
A guide to setting up and modifying a WeChat Mini Program version of a Typecho blog based on the WeChat-Typecho project, covering domain configuration, plugin settings, and page customization.
This article explains how to use the CSS grayscale filter to make the whole website grayscale, and provides code compatible with mainstream browsers and legacy IE.
A guide to embedding the Chrome Offline Dinosaur Game in a Typecho blog, covering the general web page embedding method, iframe embed code, and usage notes.
An introduction to several solutions for bypassing verification after Sina image hosting stopped working due to Referer hotlink protection, including PHP relay and meta tag methods.
Announcement that BootCDN has changed its CDN provider: the documentation links and examples have been switched to services such as cdnjs and jsDelivr.
Key changes in the Handsome theme update to 4.5.0, including WeChat Official Account sync, private comments, like buttons in the timeline, and backup management.
An introduction to an API that randomly changes a website's background image, along with four methods for integrating it using CSS and HTML.
The Handsome theme has been updated to 4.4.1, adding new features and fixes such as listing second-level directories, encrypted post prompts, button links, and sorting of popular posts.
How to add the layer popup plugin to a Typecho blog to show a copyright reminder when content is copied.
Create a panda grudge meme online with Canvas, including the complete HTML, CSS and JavaScript code and a breakdown of how it works.
A list of free weather endpoints exposed on the pages of several large companies, with parameter descriptions, region codes, and IP lookup endpoints, noted as for study use only.
An introduction to common Markdown syntax, including headings, lists, quotes, bold and italics, links and images, as well as how to write font colors.
An introduction to how to install the Stylish browser extension and how to apply custom CSS styles to websites through userstyles.
An introduction to using a piece of JavaScript code to detect and block F12 and right-click Inspect Element on a web page, along with a discussion of its compatibility limitations.
An introduction to the request parameters, encoding, and output formats of the Hitokoto API, along with how to call random sentences from a web page.
Notes on a Chrome warning in my blog pages that Symantec SSL certificates are being deprecated, covering the risks of loading external avatar resources.
Notes on how to add CSS effects to the blog homepage, such as rounded-corner layout, zooming images on hover, and rotating the avatar.
How to apply for the Seniverse web weather widget and add its embed code to the handsome theme for Typecho.
An introduction to customizing the website mouse cursor with the CSS cursor property, covering the usage of default, pointer, and custom .cur cursor files.
Notes on the steps to add the Baidu Xiongzhang follow widget to the handsome theme of Typecho, involving changes to two files: header.php and post.php.
A guide to using CSS to flip the page and a JavaScript timer to add an April Fools' Day Easter egg popup to your blog.
How to use JavaScript to listen for page visibility changes, so that the tab title shows different text when the user switches tabs.
How to tell the QQ, WeChat, and Alipay scanning environments apart by checking the User-Agent, so that a single payment code can redirect to the right tipping page for each app.
