littlebot
Published on 2025-04-08 / 1 Visits
0

【源码】基于 Docusaurus 和 React 的算想未来博客

项目简介

本项目借助 Docusaurus 静态网站生成器搭建文档网站与博客,运用 React 构建用户界面,为用户打造了一个便捷的博客管理与展示平台。

项目的主要特性和功能

  1. 代码质量保障:采用 TypeScript 进行静态类型检查,保障代码质量与可维护性。
  2. 便捷的文章编写:支持使用 Markdown 格式编写博客文章,方便用户快速创建与编辑。
  3. 灵活的预览与部署:支持本地预览,也可部署到静态文件托管服务,便于用户随时查看与分享博客文章。

安装使用步骤

环境要求

确保 node 版本 >= 18。

安装依赖

bash yarn install

启动开发服务器(本地预览)

bash yarn start 在浏览器中访问 http://localhost:3000 查看博客。

打包

bash yarn build 生成的静态文件存于 build 文件夹。

创建博客文章

  1. 进入博客目录: bash cd blog
  2. 创建博客文章文件(示例): bash touch 2023-11-08-my-blog-post.md
  3. 编辑博客文章内容,在文件开头用 YAML 头信息指定文章元数据,示例: ```

title: My Blog Post author: John Doe date: 2023-11-08


这里是博客文章的内容。可以在这里使用标准的 Markdown 语法编写文章,包括标题、段落、列表、链接、代码块等。

博客文章内容可以是要分享的任何信息,包括技术教程、新闻、个人见解等。 ``` 4. 保存并关闭文件。 5. 部署博客文章:将 build 文件夹中的静态文件部署到静态文件托管服务上,在互联网分享博客文章。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】