Skip to content

Miksin's note site

Study notes focused on coding

Recents

robots.txt and aria-label

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.

January 19, 2025
Vite + Svelte + Tailwind CSS + daisyUI Setup Steps

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.

January 19, 2025
Building a URL Shortening Service with Cloudflare Pages and Astro

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.

January 7, 2025
Internationalization & Sidebar

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.

December 31, 2024
Linting

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.

December 31, 2024
Fonts

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.

December 30, 2024
Using CloudFlare R2 for Blog Image Hosting

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.

December 27, 2024
Giscus

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.

December 26, 2024
Troubleshooting

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.

December 25, 2024
Development Environment and Deployment

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.

December 21, 2024