采用 vue.js 加 node.js 开发的前后端分离博客系统，支持服务端渲染，标题动态切换，支持 PWA 添加到主屏幕，支持 markdown 语法及代码高亮，支持标签和归档功能。
开发环境和技术栈
操作系统：windows 10 64位
开发工具 ：webstrom sublime
前端：vue.js + vue-router + vuex
后端：node.js + mongodb (采用express框架)
特色功能
支持服务端渲染
支持标题动态切换
支持PWA
支持maekdown语法，样式采用github风格，代码高亮
支持文章保存为草稿
支持标签和归档功能
目录结构
┌─ build // 配置文件 ├─ example // 演示 ├─ public // 公共资源 ├─ server // 服务端 │ ├─ db.js // 数据库dao层封装 │ ├─ md5.js // 密码加密 │ ├─ router.js // 服务端路由 │ └─ settings.js // 数据库初始化配置 ├─src // 前端 │ ├─ api // 所有的api请求 │ ├─ assets // 前端模板 │ ├─ components // vue组件 │ │ ├─ admin // 后台可复用组件 │ │ └─ global // 前端可复用组件 │ ├─ router // 前端路由 │ ├─ store // vuex文件 │ ├─ util // 公共函数库 │ │ ├─ filters.js // 过滤器函数 │ │ └─ title.js // 标题函数 │ ├─ views // 公共函数库 │ │ ├─ admin // 后台组件 │ │ ├─ Article.vue // 文章详情页 │ │ ├─ CreateListView.js // 预渲染 │ │ ├─ List.Vue // 文章列表 │ │ └─ Login.Vue // 登陆 │ ├─ app.js // 项目入口文件 │ ├─ App.vue // 全局组件 │ ├─ entry-client.js // 客户端渲染 │ ├─ entry-server.js // 服务端渲染 │ └─ index.template.html // 模板 ├─ static // 静态文件 ├─ .babelrc // babel配置 ├─ .gitignore // git上传忽略 ├─ ecosystem.json // pm2配置 ├─ manifest.json // PWA配置 ├─ LICENSE // 开源协议 ├─ package.json // npm包管理 ├─ README.md // 项目说明 ├─ server.js // 项目启动文件 └─ yarn.lock // yarn配置
pc端效果图
首页效果图
代码高亮效果图
后台发布页面
-
目录 技术栈分析 技术说明 前端 vue： ajax： Element-ui mavon-editor markdown-it girhub-markdown-css 后端 校验模式 实践笔记 PageHelper整合 以上方法查询出来的是嵌套list 前端不会接受于是改写了后端代码 前端笔记 技术栈分析 前端： vue、ajax、Element-ui、mavon-editor、markdown-
-
概况 背景: 编辑-发布-开发分离 在这种情形中，编辑能否完成工作就不依赖于网站——脱稿又少了 个借口。这时候网站出错的概率太小了——你不需要一个缓存服务器、HTTP服务器，由于没有动态生成的内容，你也不需要守护进程。这些内容都是静态文件， 你可以将他们放在任何可以提供静态文件托管的地方——CloudFront、S3等等。或者你再相信自己的服务器，Nginx可是全球第二好（第一还没出 现）的静态文
-
ModStart：系统是前后端分离的吗？
-
前后端分离 在B／S架构的环境中，前后端分离一直都众说纷纭，没有一个标准。我觉得打开可以分为三个阶段： 传统的分离方法 传统意义上的前后端分离，前端指的是美工、切图、设计，后端是实现代码、数据库相关的实现。美工设计和生成的前端页面，给到程序员来做集成。那么这里其实就不分什么前后端了，程序员从数据库一直搞到前端页面的样式，就是“全能型运动员“。当然，一般传统上的开发协作模式有两种： 一种是前端先写一
-
前言 上一篇我们遇到'少年，是不是忘了npm run mock?'的警告，这一篇我们就来解决这个问题。 开发 一、安装包 安装koa和一系列的包（我们用的是koa v2）： koa koa-bodyparser koa-router boom nodemon mockjs 解释说明一下（知道的同学可以忽略）: 名称 作用 koa 我们都知道Node.js有HTTP模块，来处理HTTP请求
-
DUZHI_BLOG基于 Jpress 进行更新而来的。在上面做了一系列升级，修复bug，等等。 在基础上增加了如下功能； 1、升级 Jfinal 3.0 、Jfinal-weixin 1.8 2、增加 lucene search 全文搜索引擎 3、增加用户中心 4、增加 用户中心 等功能 5、优化微信渠道内容，避免无法搜索的场景，解决应用型问题 6、自带一套与官网一致的主题 组件 Jfinal
-
前端简报, 资讯网站 & 博客 综合的前端简报, 资讯 & 博客 shoptalkshow.com frontendfront.com webtoolsweekly.com O'Reilly Web Platform Radar The Web Platform Podcast The Web Platform Podcast The Web Ahead The Big Web Show Fres
-
前端使用vue，后端使用springboot，前后端分离，且已解决跨域，登录采用jwt验证 想实现功能：如果用户通过url栏输入地址方式来访问某个页面（非登录页），对未登录用户自动跳转登录页面 请问拦截器是设置在后端还是设置在前端？另外对于静态页面能拦截吗
-
本文向大家介绍VUE+node（express）实现前后端分离，包括了VUE+node（express）实现前后端分离的使用技巧和注意事项，需要的朋友参考一下 vue作为前端的框架，node(express)作为后端的框架。无数据库，使用端口保存数据。 VUE: 使用vue-cli构建vue项目（vueapp）。 axios：（与ajax相似） axios没安装的记得装一下。（安装不细说） nod