lebornjose / react-blog

react版本博客

my

测试

• 博客地址： www.leborn.me

Build Setup

# install dependencies
yarn install
# serve with hot reload at localhost:8080
yarn start
# build for production with minification
yarn build

应用

• 音乐播放器aplayer

• 网页布局bootstrap

• react+sass+js

• 脚手架create-react-app

• axios

• 留言系统Gitalk

• 后台服务器和网络代理 express+nginx

关于适用React 搭建这个博客遇到的相关问题都在我的博客里面 Super xing

接口

• 产品列表 /blog/home/jsonProduct

• 文章列表 ／blog/home/jsonList

• 文章分类 /blog/home/jsonCategory

• 关于我 /blog/home/jsonAbout

• 文章详情 /blog/home/jsonDetail/?id

• 搜索接口 /http://www.leborn.me/blog/home/jsonSearch/keyword

接口暂时就写这么多吧

优化项

1. btn 样式提取

明日完成

react 路由页面通畅

header 导航完成

解决留言的问题

路由还是有点问题，要修改一下

文章详情页页面

获取IP，浏览器版本问题

文章详情页面

api 代理请求接口

react 路由跳转，页面不刷新问题

路由嵌套问题 （终于搞定）

剩余

• 文章详情页面
• 渲染数据
• 评论系统(文章评论)
• 文章详情
• 网页兼容性在适配
• 搜索
• 加入统计

react 设置静态资源CDN

• 关于嵌套路由(https://blog.csdn.net/qq_40816649/article/details/93469857)
• PUBLIC_URL=http://xinblog.oss-cn-qingdao.aliyuncs.com/react-blog/ yarn build

问题解答

• this.props 中找不到 history 时(http://www.leborn.me/cat/detail/2003101750448541997)
• react-route-dom 嵌套路由(https://blog.csdn.net/qq_40816649/article/details/93469857)