SaroProck
我的个人博客！使用 Astro + React
Overview
SaroProck is an innovative blend of static and dynamic blogging that offers an array of features to enhance the blogging experience. With built-in commenting and search functionalities, as well as integration with the Sink short link project for tracking page views, it stands out in the competitive landscape of personal blogging platforms. The ease of use is further emphasized by the management of dynamic posts directly via a Telegram channel, eliminating the need for traditional backend setups.
The platform prides itself on being maintenance-free with global deployment capabilities offered by Vercel's serverless architecture. SaroProck not only meets the demands of personal bloggers but also accommodates their unique needs with several customizable and efficient tools.
Features
- Dynamic and Static Integration: SaroProck uniquely combines static blogging with dynamic content, allowing for a versatile blogging experience.
- Built-in Comment Management: The blog features a self-built comment and like system using LeanCloud, ensuring it matches the site's style without relying on external systems.
- Automatic Post Generation: Every visit to the blog triggers automatic fetching and generation of dynamic articles, streamlining content updates.
- User-Friendly Deployment with Vercel: Quick and easy deployment through Vercel’s serverless platform means no need for intricate server setups.
- Day/Night Mode: An automatic switch between day and night modes enhances user experience based on the time of day.
- Customizable MDX Components: Users can employ a variety of MDX components for personalized layouts and functionalities.
- Enhanced Blog Search: A custom-built blog search module improves the navigation and accessibility of content.
- Quality Code Checks: The project employs strict code quality checks, with automated linting and formatting processes to maintain high coding standards.
- Astro
Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- daisyUI
daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- Recharts
Recharts is a powerful and easy-to-use React library for building customizable and interactive charts. Built on D3.js, it offers a wide range of pre-built chart types, such as line, bar, pie, and scatter charts, all of which can be composed with a declarative syntax.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.