项目简介
本项目借助 Docusaurus 静态网站生成器搭建文档网站与博客,运用 React 构建用户界面,为用户打造了一个便捷的博客管理与展示平台。
项目的主要特性和功能
- 代码质量保障:采用 TypeScript 进行静态类型检查,保障代码质量与可维护性。
- 便捷的文章编写:支持使用 Markdown 格式编写博客文章,方便用户快速创建与编辑。
- 灵活的预览与部署:支持本地预览,也可部署到静态文件托管服务,便于用户随时查看与分享博客文章。
安装使用步骤
环境要求
确保 node 版本 >= 18。
安装依赖
bash
yarn install
启动开发服务器(本地预览)
bash
yarn start
在浏览器中访问 http://localhost:3000 查看博客。
打包
bash
yarn build
生成的静态文件存于 build 文件夹。
创建博客文章
- 进入博客目录:
bash cd blog
- 创建博客文章文件(示例):
bash touch 2023-11-08-my-blog-post.md
- 编辑博客文章内容,在文件开头用 YAML 头信息指定文章元数据,示例: ```
title: My Blog Post author: John Doe date: 2023-11-08
这里是博客文章的内容。可以在这里使用标准的 Markdown 语法编写文章,包括标题、段落、列表、链接、代码块等。
博客文章内容可以是要分享的任何信息,包括技术教程、新闻、个人见解等。 ``` 4. 保存并关闭文件。 5. 部署博客文章:将 build 文件夹中的静态文件部署到静态文件托管服务上,在互联网分享博客文章。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】