【源码】基于React框架的博客网站前端系统

项目简介

本项目是基于React的博客网站前端系统，可从博客后端程序获取数据并进行展示。项目运用Redux、React - Redux、React - Router等React相关库进行状态和路由管理，采用Ant Design作为UI组件库，使用Axios进行HTTP通信，通过marked解析Markdown格式字符串，旨在为用户提供流畅的博客浏览体验与良好的作者展示界面。

项目的主要特性和功能

1. 响应式设计：适应不同屏幕尺寸，确保在各设备上有良好体验。
2. 高效状态管理：借助React和Redux实现高效的状态管理与页面跳转。
3. 丰富UI展示：使用Ant Design组件库，使页面美观。
4. 便捷数据交互：通过Axios与后端进行数据交互。
5. Markdown支持：可解析并展示Markdown格式的博客内容。

安装使用步骤

在开始前，请确保已安装Node.js（最新稳定版即可）。

安装过程

1. 下载项目源码。
2. 进入项目目录并安装依赖： bash cd blog_fe npm install --registry=https://registry.npm.taobao.org
3. 配置网络请求：进入src/api目录，打开config.js文件，将baseUrl常量修改为后端项目的URL（如：http://1.15.125.162:3100）。

启动与部署

1. 启动项目： bash npm start 项目启动后，可在浏览器访问localhost:3000查看网站。若要进行二次开发，可在此时进行。
2. 生成部署文件： bash npm run build 运行此命令后会生成Build文件夹，用于部署，部署时无需Node.js。

下载地址

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