React-Node搭建博客。曾经用php+mysql+js写的博客现在好像很low,所以用最流行的react+koa框架重新构建一下。先上地址:当前在线版本http://www.liuweibo.cn/,如果想看最新版本和代码请看Github地址https://github.com/Weibozzz/react-blog.git,因为博客正在开发中,部分功能可以使用。因为没有优化,首屏可能有点大,10秒左右,后面会修改。主要使用的技术栈是React+React-router+redux+antd+axios+webpack+es6+koa使用的库和版本。{"name":"app2","version":"0.1.0","private":true,"dependencies":{"antd":"^3.5.1","autoprefixer":"7.1.6","axios":"^0.18.0","babel-core":"6.26.0","babel-eslint":"7.2.3","babel-jest":"20.0.3","babel-loader":"7.1.2","babel-preset-react-app":"^3.1.1","babel-runtime":"6.26.0","case-sensitive-paths-webpack-plugin":“2.1.1”,“粉笔”:“1.1.3”,“css-loader”:“0.28.7”,“dotenv”:“4.0.0”,“dotenv-expand”:“4.2.0”,"file-loader":"1.1.5","fs-extra":"3.0.1","highlight":"^0.2.4","highlight.js":"^9.12.0","html-to-markdown":"^1.0.0","html-webpack-plugin":"2.29.0","html2markdown":"^1.1.0","jest":"20.0.4","object-assign":"4.1.1","postcss-flexbugs-fixes":"3.2.0","postcss-loader":"2.0.8","promise":"8.0.1","raf":"3.4.0","react":"^16.3.2","react-dev-utils":"^5.0.1","react-dom":"^16.3.2","react-redux":"^5.0.7","重新act-router-dom":"^4.2.2","redux":"^4.0.0","redux-thunk":"^2.2.0","resolve":"1.6.0","simplemde":"^1.11.2","style-loader":"0.19.0","sw-precache-webpack-plugin":"0.11.4","url-loader":"0.6.2","webpack":"3.8.1","webpack-dev-server":"2.9.4","webpack-manifest-plugin":"1.3.2","whatwg-fetch":"^2.0.3"},"scripts":{"start":"nodescripts/start.js","build":"nodescripts/build.js","test":"nodescripts/test.js--env=jsdom"},"devDependencies":{"marked":"^0.3.19","react-css-modules":"^4.7.2"}}选择的技术栈前端是三个前端框架的选择,Angular,React,Vue,用的是前端最流行的React框架,其实那个时候可以用Vue,因为公司用的Vue也很熟悉,用的比较多,而且是简单快速,学习里面的思想是一个挑战,Angular是因为Github上的star比前两个差远了,当然后面会明白的,目前正在用React重构博客,用阿里的antd后端。以前都是用自己写的php做后台,所以稍微懂一点。作为前端开发,目标是全栈。我选择了最流行的node,也用了最流行的koa作为后端配合mysql。文字编辑博客,当然是要发文章和修改文章了,我选择了Markdown语法,使用了marked库。目前,博客存在问题。文章发布和文章修改,由于文章可能比较长,存入数据库时??存在需要更改特殊字符的问题,所以有时会失败,正在修改中...运行1.克隆代码gitclone2。进入后台启动服务,当然是安装数据库mysqlcdkoa2-router-demonpminstallnpmstart3。进入前端文件cdapp2npminstallnpmstart注意:先启动node后端服务,再启动前端,因为前端需要后端提供的数据服务。
