Hi there 👋

Vue.js has officially released the stable version of Vue.js 3.5, and the updates for version 3.5 can already be found on Vue’s official documentation. This version does not include any major changes but rather includes internal improvements and practical new features. Below, let’s explore a few of the more interesting alterations. Reactive Props Destructure Prior to Vue 3.5, to achieve responsive destructuring of props, you would use the toRef() API to create reactive references for individual properties within the props object. Here’s an example of how you could do this: ...

Hugo is a static site generator written in Go, known for its speed, simplicity, and flexibility. When using Hugo, we might need to add Google Fonts to our site. This article will introduce how to add Google Fonts in Hugo. I am using the PaperMod theme, and we can achieve this by modifying the HTML files in the theme. Follow the steps below to add Google Fonts. Google Fonts First, go to the official Google Fonts library and find the font you need, such as the Roboto font. Click the View Selected families icon in the top right corner, then click the Get embed code button. ...

Theme toggle effect using view transitions api this is literally all the javascript you need if (!document.startViewTransition) { switchTheme(); } else { document.startViewTransition(switchTheme); } Some Common Effects Circle reveal ::view-transition-new(root) { mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><circle cx="20" cy="20" r="20" fill="white"/></svg>') center / 0 no-repeat; animation: scale 1s; } ::view-transition-old(root), .dark::view-transition-old(root) { animation: none; z-index: -1; } .dark::view-transition-new(root) { animation: scale 1s; } @keyframes scale { to { mask-size: 200vmax; } } ...

Hugo is known as the fastest static website generator in the world. It is indeed very fast and supports multiple themes to meet different user needs. This article will explain how to deploy a Hugo static website on Vercel. Vercel is a user-friendly deployment platform that supports various frameworks, including Hugo, Gatsby, Next.js, and more. It offers convenient deployment speed and supports custom domains, making it an ideal platform for deploying static websites. ...

Deploy Hugo project on Vercel After pushing the code to GitHub, I associated the repository with Vercel to deploy the site. However, after the successful deployment, the site always showed an XML page. I checked the Vercel logs and found the following error message: Building sites … WARN 2024/09/07 14:41:14 found no layout file for "HTML" for "home": You should create a template file which matches Hugo Layouts Lookup Rules for this combination. WARN 2024/09/07 14:41:14 found no layout file for "HTML" for "taxonomy": You should create a template file which matches Hugo Layouts Lookup Rules for this combination. WARN 2024/09/07 14:41:14 found no layout file for "HTML" for "taxonomyTerm": You should create a template file which matches Hugo Layouts Lookup Rules for this combination. WARN 2024/09/07 14:41:14 found no layout file for "HTML" for "taxonomy": You should create a template file which matches Hugo Layouts Lookup Rules for this combination. WARN 2024/09/07 14:41:14 found no layout file for "HTML" for "section": You should create a template file which matches Hugo Layouts Lookup Rules for this combination. WARN 2024/09/07 14:41:14 found no layout file for "HTML" for "page": You should create a template file which matches Hugo Layouts Lookup Rules for this combination. WARN 2024/09/07 14:41:14 found no layout file for "HTML" for "taxonomyTerm": You should create a template file which matches Hugo Layouts Lookup Rules for this combination. WARN 2024/09/07 14:41:14 found no layout file for "HTML" for "page": You should create a template file which matches Hugo Layouts Lookup Rules for this combination. WARN 2024/09/07 14:41:14 found no layout file for "HTML" for "page": You should create a template file which matches Hugo Layouts Lookup Rules for this combination. WARN 2024/09/07 14:41:14 found no layout file for "HTML" for "taxonomy": You should create a template file which matches Hugo Layouts Lookup Rules for this combination. WARN 2024/09/07 14:41:14 found no layout file for "HTML" for "taxonomy": You should create a template file which matches Hugo Layouts Lookup Rules for this combination. ...

First, we need to prepare an email address and register for a free hosting service at https://www.serv00.com. I won’t go into detail about how to register for serv00 virtual hosting. Next, I will explain how to set up your own image hosting using serv00’s free hosting. First, enter the provided remote panel URL: https://panel4.serv00.com/login. After logging in, navigate to WWW websites. ...

Serv00.com is a free virtual host service platform based onfree vir system. Ittprovides the following resources to users:orm based onfree vir. Ittprovides the following resources to users:orm based onfree vir. Ittprovides the following resources to users:orm based on FreeBSD system. It provides the following resources to users: 512MB Memory 3GB Disk Space Comes with free domain and SSL functionality Supports MySQL, PostgreSQL, and MongoDB databases, allowing users to create databases and database users as needed. The service supports multiple languages, including PHP, Python, Ruby, Node.js, etc. It can be used to set up services for beginners. Free Registration Registration Registration Registration Visitsitsitsit https://serv00.com ...