Miksin's note site
Study notes focused on coding
Miksin's note site
Study notes focused on coding
This article introduces how to configure an effective robots.txt
file for your website and add the aria-label
attribute to buttons without text to improve the SEO and accessibility of your website.
This article introduces how to use Vite, Svelte, Tailwind CSS, and daisyUI to set up a project in a WSL environment and configure the VSCode development environment, including installing relevant extensions and setting up the Prettier formatter.
In this article, we will introduce how to build a URL shortening service using Cloudflare Pages and Astro. This article covers environment setup, integration of Astro and Cloudflare, setting up Cloudflare KV, and implementing and deploying pages. By following these steps, you will be able to build a fully functional URL shortening service.
This article introduces how to set up internationalization support and automatically generate a sidebar in VitePress. First, configure the multilingual folders and files, then set the language options in config.mts
. Next, install and configure the vitepress-sidebar
plugin to automatically generate the sidebar, and achieve indentation for sub-items by modifying the CSS.
This article introduces how to set up and use ESLint for code checking and formatting in a project, including installing and configuring ESLint, setting up pre-commit hooks, and integrating ESLint in VSCode.
This article introduces how to use Google Fonts in VitePress, including selecting fonts, obtaining embed codes, configuring VitePress's head and CSS to set different primary fonts based on language settings.
This article introduces how to use CloudFlare R2 as a blog image hosting service, including steps to convert images to webp format, create a bucket, set up a custom domain, upload images using rclone, and provides installation and configuration guides for related tools.
This article introduces how to enable and set up the Giscus comment system in VitePress. The steps include enabling the Discussion feature on GitHub, installing the giscus GitHub App, configuring settings on giscus.app, installing the Giscus Vue Component, configuring the GiscusComment.vue component, and adding it to the VitePress theme to achieve automatic interface language switching.
This article introduces two main issues encountered during the development process with VitePress and their solutions. First, VSCode could not find the installed vue package, which was resolved by switching to npm. Second, there were numerous TypeScript error messages in README.md
, which were resolved by adjusting the include
scope in tsconfig.json
.
This article explains how to install Docker using WSL2 on a Windows 11 environment, configure Dev Containers in VSCode for development, generate and configure a VitePress project, and finally deploy the project to CloudFlare Pages.