React+antd开发支持markdown的我的博客网站

前言

做为一个技术开发者，咱们颇有必要常常概括总结。而概括总结最好的方式就是写技术博文。强化本身的技术栈。虽然在今天，各类能够写技术的网站不少不少。可是想拥有本身一片天地的朋友，仍是能够搭建一个的。下面就是我本身学习React后重构了本身的博客。

该项目基于react+antd+dva+umi实现。项目已经开源。

源代码：github.com/immisso/Blo…

线上预览：www.immisso.com

效果图

• 首页

  

• 文章详情页

  

• 评论

  

• 登陆

  

功能描述

已实现的功能

• 登陆
• 注册
• 分类
• 文章列表
• 做者我的信息
• 点赞评论
• 留言
• 文章详情
• 代码高亮
• 文章详情目录

待实现功能

• 文章管理
• 发文
• 文档类文章编写功能
• ...

后期重构

• hooks

技术栈

该项目采用先后端分离技术。目前github上暂时只开源了前端部分。服务端采用Python开发，将会在后期陆续开源出来。为了保存网站的完整显示。使用了mock数据。数据来源都是本身博客网站上的数据。主要功能实现模块包括

• react 16.8.6
• antd 3.19.5
• umi 2.7.7
• dva ^2.6.0-beta.6
• marked 0.7.0
• highlight.js 9.15.10

项目

该项目使用umi开发，项目也是使用umi的脚手架建立，建立命令

yarn create umi
复制代码

更多umi相关移步umi文档

语法高亮

文章详情页代码语法高亮，采用highlight.js实现，经过marked模块对markdown进行转化。固然语法高亮也能够经过prismjs实现。

最后

许多功能会后续逐渐完善，这不单单是一个小小的博客网站。也是学习的一个历程。逐渐提升本身的过程。