GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Ma63d → Kov Blog

Ma63d / Kov Blog

Licence: mit
A blog platform built with koa,vue and mongoose. 使用 koa ,vue 和 mongo 搭建的博客页面和支持markdown语法的博客编写平台,自动保存草稿。博客地址:https://chuckliu.me

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

vuewebpackvuexvue-routerkoamongoosehighlightmongo

Projects that are alternatives of or similar to Kov Blog

graceful
Gracefully exit server (Koa), database (Mongo/Mongoose), Redis clients, and job scheduler (Redis/Bull)
Stars: ✭ 37 (-94.17%)
Mutual labels:  mongo, koa, mongoose
Vue Admin Design
基于vue + elementUI的管理系统模板
Stars: ✭ 279 (-56.06%)
Mutual labels:  webpack, vuex, vue-router
Vue Home
🏠 A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.
Stars: ✭ 256 (-59.69%)
Mutual labels:  webpack, vuex, vue-router
Vue Video
vue + vue-router + vuex + (fetch->axios)
Stars: ✭ 251 (-60.47%)
Mutual labels:  webpack, vuex, vue-router
Vue Shiyanlou
😘基于vue2和vuex的复杂单页面应用，20+页面53个API（仿实验楼）✨✨
Stars: ✭ 342 (-46.14%)
Mutual labels:  webpack, vuex, vue-router
koa-session-mongoose
Mongoose store for Koa sessions
Stars: ✭ 29 (-95.43%)
Mutual labels:  mongo, koa, mongoose
Laravel Vue
运用laravel5.4 + vue2.0 + elementui
Stars: ✭ 276 (-56.54%)
Mutual labels:  webpack, vuex, vue-router
Vue Cnode
🚀 基于vue3 function-based 构建cnode社区
Stars: ✭ 192 (-69.76%)
Mutual labels:  webpack, vuex, vue-router
Vue Project
基于vue-cli构建的财务后台管理系统(vue2+vuex+axios+vue-router+element-ui+echarts+websocket+vue-i18n)
Stars: ✭ 301 (-52.6%)
Mutual labels:  webpack, vuex, vue-router
Space Snake
A Desktop game built with Electron and Vue.js.
Stars: ✭ 289 (-54.49%)
Mutual labels:  webpack, vuex, vue-router
Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (-60.79%)
Mutual labels:  webpack, vuex, vue-router
Vue Blog
A single-user blog built with vue2, koa2 and mongodb which supports Server-Side Rendering
Stars: ✭ 586 (-7.72%)
Mutual labels:  mongoose, highlight, vue-router
Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (-67.24%)
Mutual labels:  webpack, vuex, vue-router
Dashboard
A dashboard scaffolding based on Vue.js 3.0 created by Vite.
Stars: ✭ 497 (-21.73%)
Mutual labels:  webpack, vuex, vue-router
Vuesion
Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.
Stars: ✭ 2,510 (+295.28%)
Mutual labels:  webpack, vuex, vue-router
Vue Koa2 Login
基于 token 的登录注册。
Stars: ✭ 275 (-56.69%)
Mutual labels:  mongoose, koa, vue-router
Awesome Vue Cli3 Example
🦅 Awesome example for rapid Vue.js development using vue-cli3 .
Stars: ✭ 160 (-74.8%)
Mutual labels:  webpack, vuex, vue-router
Vue2 Demo
Vue 基于 Genesis + TS + Vuex 实现的 SSR demo
Stars: ✭ 2,072 (+226.3%)
Mutual labels:  webpack, vuex, vue-router
Myblog
vue + node 实现的一个博客系统
Stars: ✭ 285 (-55.12%)
Mutual labels:  webpack, highlight, vue-router
Vue2 Echo
基于vue2 + vue-router + vuex 构建的一个音乐类单页面应用 —— echo回声
Stars: ✭ 408 (-35.75%)
Mutual labels:  webpack, vuex, vue-router
View All Similar Projects ➔

kov-blog

v2版本正在开发当中...

a blog platform built with vue, koa and mongo. 使用vue,koa和mongo搭建的博客页面和markdown语法的博客编写平台,自动保存草稿。

博客预览地址:https://chuckliu.me 博客 后台

kov-blog 使用了vue、vuex、koa和mongo等框架和技术。前后端分离,restful架构。项目主要包含三个文件夹和项目：

  • server 后台 包含了所有的后台服务，为博客和博客管理提供后台接口
  • client 前端 博客的前端呈现，被vue洗脑严重，界面模仿了vue官方博客，评论系统用的是多说(但是多说很不稳定...而且已经很久无人维护..)
  • admin 前端 博客管理平台的前端，功能上类似于带发布博客功能的印象笔记，markdown语法，预览和编写同步进行，带有自动保存功能，书写的文章只有在发布之后才会同步当前内容到博客client页面上，也完全可以当做一个笔记类应用去用，这样做的目的是出于有的时候在写文章a的时候,觉得某一部分的内容过于复杂,可以另外开一篇文章b来仔细讲解下,但是等我写完a就忘了,因为以往的博客cms比如hexo,wordpress之类都是直接发布的.而且这样做了之后博客也好用多了,我经常在码代码的时候遇到一些问题,这样可以直接打开博客后台,开一篇文章记录一下遇到的问题,但是不发布出去,提醒自己需要整理一篇相关内容的文章.以后一登这个管理系统就可以看到了这篇没有没有发布过的文章,就可以整理这篇文章,等到写完之后发布出去就可以了.

使用了许多es6新特性,请使用6.0以上版本的node!

使用之前请先确保已经安装mongo!

如果要使用评论系统,请先注册多说,修改/client/src/Blog.vue中的多说二级域名为您自己的多说二级域名

server

基于restful，nodejs的话采用koa框架(koa 1)，数据库用了mongo。登录这块的话用了jwt.

生产环境下可在可在server/configs目录下增加private.js文件,增加私有配置.

因为使用了许多es6/7 新语法,所以请使用6.x版本node

npm command

# install dependencies
npm install

# 开发
# 带热重载，跑在本地3000端口
npm run dev-server

# 部署
npm run build-server

client

博客呈现页面，基于vue(1.0)，前后端通信用的fetch，评论系统用的是多说，界面模仿了vue博客，大量使用了其样式效果，还有很多要完善的地方。

技术栈

  1. Vue && vue-router
  2. fetch
  3. stylus
  4. marked && highlight

npm command

# install dependencies
npm install

# 开发,跑在本地8080端口
npm run dev-client

# 打包
npm run build-client

admin

初始用户名:admin,初始密码:password

博客管理系统，也是前后端完全分离的。功能上类似于印象笔记，实时保存你的文章，当你觉得写好了之后可以发布文章，每次发布都会把文章同步更新到博客上，这样在client端就能看到。采用markdown语法，编辑器采用的是SimpleMDE，支持大量快捷键。

快捷键 Action
Cmd-' "toggleBlockquote"
Cmd-B "toggleBold"
Cmd-E "cleanBlock"
Cmd-H "toggleHeadingSmaller"
Cmd-I "toggleItalic"
Cmd-K "drawLink"
Cmd-L "toggleUnorderedList"
Cmd-P "togglePreview"
Cmd-Alt-C "toggleCodeBlock"
Cmd-Alt-I "drawImage"
Cmd-Alt-L "toggleOrderedList"
Shift-Cmd-H "toggleHeadingBigger"
F9 "toggleSideBySide"
F11 "toggleFullScreen"

技术栈

  1. Vue && vuex && vue-router
  2. fetch
  3. stylus
  4. SimpleMDE && marked && highlight

npm command

# install dependencies
npm install

# 开发,跑在本地8081端口
npm run dev-admin

# 打包
npm run build-admin
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].