Giter Club home page Giter Club logo

react-blog's Introduction

react-blog

一个基于React + Egg.js + Antd 的博客前后端项目,博客系统的后台管理系统在admin。该博客目前部署在 JacleKlm.com,欢迎参观

项目截图

博客首页和列表页(结构上是一样的)

博客首页和列表页

博客文章详情页

博客文章详情页

技术栈

  • Next.js: 项目开发(本身就包含了React全家桶)
  • marked + highlight:实现markdown语法的解析和显示
  • Ant Design:项目UI组件
  • Egg.js:项目的后端(数据中台)开发
  • Mysql:数据库采用的是关系型数据库 MySQL,安装了官方带的 WorkBench 对数据库进行可视化管理

实现的功能

首页

  • 显示文章

列表页

  • 显示分类好的文章

文章详情页

  • 实现markdown语法的解析和显示
  • 导航目录组件

项目优化计划

  • markdown语法中图片的解析和存储
  • 文章简介的实现
  • 访问人数的实现。目前的访问人数是随机生成的

使用方法

# 克隆到本地
git clone [email protected]:Jacleklm/react-blog.git

# 定位到该文件夹
cd react-blog

# 安装依赖
npm install

# 定位到数据中台文件夹,安装依赖
cd service
npm install
# 运行数据中台再运行前端项目。访问 http://localhost:3000 即可查看
# 在此之前还得搭建数据库并连接并写一些表给定初始值,就不细讲了...
npm run dev
cd ../
npm run dev
# 生成打包代码
npm run build

react-blog's People

Contributors

jacleklm avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.