博客地址: http://simplyy.space/
博客已经搭成,里面写了一篇简版介绍(包括内容和技术),地址: http://simplyy.space/article/56cb46564496cee272dea173
这里的是详细的技术介绍,包括搭建流程,重写的进度,前后端各种技术细节(有的可能没写上去,有疑惑的开 issue)。
- 后端:express + mongodb + node-restful, 也就是使用 node 遍历文件目录作为文章和标签的数据源,提供 rest api
- 使用 react 服务渲染方案
- 前端:react + react router + redux + babel + webpack + sass 开发的 spa 博客应用,并尝试使用 immutable.js
node express mongodb fs restful
- 扫描文件目录生成标签和文章
- 提供 restful api,文档看 node/app/model.js 里的相应 schema。
- https
- react 服务器端渲染
!!!禁止有相同的目录名或者文件名!!!(因为这俩会作为主键存在数据库中)
扫描文件目录树生成文章(md 文件)、标签(文件夹),前端交互生成评论。
文章 model, 标签 model,详情见 node/app/model.js 里的相应 schema。
js: react redux echart
用 react router + 组件化开发 来spa
- spa
- redux
- 组件开发
- 正文锚点功能
- 回到顶部
- ContentTable (左侧点击,显示目录,根据 h 标签开发)
- chartjs
准备使用 vue vuex vue-loader vue-router
- 导航栏标签、专辑标签
- 银色为主色调
所有命令应该在项目根目录使用
如果想 fork 过去学习或者使用的话,就需要搭建,搭建需要*nix 平台、mongodb、nodejs 这三环境
第一次 clone 下来的步骤,注意不建议直接拿去使用,除非对node后端开发 linux 操作很熟,或者有人帮助
- 设置 config 文件,一定要设置好,和程序运行有关:"./config.js"文件,mongodb 配置文件 "./node/mongod.conf"
- npm install 所有的依赖
- npm run config 运行配置脚本程序
重新开机后都要运行
- npm run mongodb 启动数据库(端口默认为27017,修改见 "./node/mongod.conf"文件)
- npm run server 启动服务器(默认同上,修改方式同上)