Skip to content

JackWang1024/blog-1

 
 

Repository files navigation

博客

博客地址: 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。

pc 前端

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 操作很熟,或者有人帮助

  1. 设置 config 文件,一定要设置好,和程序运行有关:"./config.js"文件,mongodb 配置文件 "./node/mongod.conf"
  2. npm install 所有的依赖
  3. npm run config 运行配置脚本程序

运行服务器

重新开机后都要运行

  1. npm run mongodb 启动数据库(端口默认为27017,修改见 "./node/mongod.conf"文件)
  2. npm run server 启动服务器(默认同上,修改方式同上)

Releases

No releases published

Packages

 
 
 

Languages

  • JavaScript 69.6%
  • CSS 20.5%
  • HTML 9.9%