My Now Blog
基于docusaurus博客框架与峰华前端工程师源码创建，个人博客网站搭建
Overview
This personal blog is built on the Docusaurus 2 JAMStack static site generator and serves as a textual counterpart to the videos created by the passionate front-end engineer known as 小张同学 on Bilibili. It primarily focuses on front-end development and technical sharing, promoting an in-depth understanding of various web technologies. The blog also stands as a personal repository for summarizing and analyzing the author's front-end knowledge.
The project aims to provide a simple yet effective platform for creating and managing blog posts and documentation. It enables users to freely utilize its code, adhering to the copyright guidelines stated. With easy-to-follow development and deployment instructions, it facilitates a seamless way for aspiring developers and content creators to share their insights.
Features
-
Static Site Generation: Utilizes Docusaurus 2 to create a fast and responsive static blog site that enhances performance and SEO.
-
Automated Blog Creation: Incorporates hygen for quickly generating blog posts and documentation with predefined templates, saving time and effort.
-
Flexible Deployment Options: Compatible with various platforms such as GitHub Pages and Vercel, providing versatility in hosting solutions.
-
Customizable Templates: Allows users to modify templates for blogs and documentation to cater to their specific needs, fostering a personalized blogging experience.
-
Image Management: Automatically creates dedicated folders for images related to blog posts, streamlining the organization of visual content.
-
Open Source Components: Encourages community collaboration and sharing by offering freely distributable code for plugins and themes, while original content remains under copyright.
-
Ease of Use: User-friendly approach ensures that even those with limited technical knowledge can navigate the system and create engaging content effortlessly.
- Docusaurus
Docusaurus is an open-source static site generator designed for creating documentation websites. Developed by Facebook, it simplifies the process of building, deploying, and maintaining documentation with its React-based framework and pre-configured setup for documentation projects.
- 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
- Styled Components
Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.
- Gulp
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.