All Projects → StudentWan → Ashen Blog

StudentWan / Ashen Blog

使用koa 2 + vue 2搭建自己的博客系统

Projects that are alternatives of or similar to Ashen Blog

Blog Frontend Project
Web frontend code for my blogs, develop with Vue.
Stars: ✭ 206 (+98.08%)
Mutual labels:  blog, koa, axios
Cykspace Node
博客后台服务~~ 👉👉 http://www.cykspace.com
Stars: ✭ 23 (-77.88%)
Mutual labels:  mysql, koa, axios
Web Framework For Java
A seed project with spring boot for AngularJS, AngularJs Material, Thymeleaf, RESTful API, MySQL and admin panel based on AdminLTE.
Stars: ✭ 29 (-72.12%)
Mutual labels:  restful-api, mysql
Grocery Cms Php Restful Api
Grocery-CMS-PHP-Restful-API is an online grocery shop. The project is developed by using PHP/MySQL/Slim Restful API. The project has powerful backend cms to manage grocery shop online. it has features like add items, remove items, update price, manage orders etc. Restful API ready to embed in Application using JSON data.
Stars: ✭ 36 (-65.38%)
Mutual labels:  restful-api, mysql
Spacex Api
🚀 Open Source REST API for SpaceX launch, rocket, core, capsule, starlink, launchpad, and landing pad data.
Stars: ✭ 8,973 (+8527.88%)
Mutual labels:  restful-api, koa
E Commerce 2 django
Guest register, user register, user login, user logout, account home page, product view history, change password, reset password, change name, send activation email when register, resend activation email, add shipping address, add billing address, add nickname to the addresses, edit shipping address, edit billing address, view list of your addresses, reuse shipping addresses when order products, reuse billing addresses when ordeer products, show sales analytics if staff or admin only using -chart.js-, get analytics data with Ajax, receive marketing email, change if user will receive marketing email or not by admin, send contact message with Ajax, products list, product detail, download product detail as a PDF file, download digital product files -if the user purchased that digital product only-, orders list, list of digital products files, order detail, download order detail as a PDF file, verify order ownership with Ajax -to secure order detail page-, show cart products, add or remove product from cart, checkout page, thanks page when order placed successfully, add or reuse payment method, add or reuse payment method with Ajax, search products by title, search products by description, search products by price, search products by tag title, write tags for products -by admin only-, auto fill contact email, full name if user logged in.
Stars: ✭ 20 (-80.77%)
Mutual labels:  restful-api, mysql
Streamcaster
Live streaming platform built with Node.js and React
Stars: ✭ 20 (-80.77%)
Mutual labels:  restful-api, mysql
Blog
📚 专注Web与算法
Stars: ✭ 1,140 (+996.15%)
Mutual labels:  blog, koa
Nodepress
😎 RESTful API service for Blog/CMS, powered by @nestjs
Stars: ✭ 829 (+697.12%)
Mutual labels:  restful-api, blog
React Blog
react blog build with react hooks + koa2 + sequelize + mysql for personal usage.
Stars: ✭ 83 (-20.19%)
Mutual labels:  blog, koa
Wtcms
基于thinkphp的内容管理系统,可快速搭建个人博客、公司学校官网、新闻类站点。
Stars: ✭ 75 (-27.88%)
Mutual labels:  blog, mysql
Reactjs Spring Boot Crud Full Stack App
Learn how to develop a full-stack CRUD application using React as frontend and spring boot as backend.
Stars: ✭ 90 (-13.46%)
Mutual labels:  mysql, axios
Vue Qq
🎨 Vue family bucket with socket.io and express/koa2 , create a web version of mobile QQ, supporting real-time group chat, real-time private chat, special care, shielding chat, smart IP geographic location, real-time display temperature and other QQ core functions
Stars: ✭ 861 (+727.88%)
Mutual labels:  mysql, axios
Teanblog
📄 Simple blog platform based on Egg.js
Stars: ✭ 29 (-72.12%)
Mutual labels:  blog, mysql
X Restful Api Generator Koa
一个基于 Koa 的 RESTful API 服务脚手架。 A RESTful API generator for Koa
Stars: ✭ 18 (-82.69%)
Mutual labels:  restful-api, koa
Rest And Graphql
⚡️ Highly scalable REST API codebase with GraphQL layer on its ⚡️
Stars: ✭ 55 (-47.12%)
Mutual labels:  restful-api, mysql
Fe Daily Record
📚前端书籍汇集点 + 每日好文推荐 + 公开课学习资料 + 各种大会资料
Stars: ✭ 94 (-9.62%)
Mutual labels:  blog, mysql
Vue Koa Demo
🔰A simple full stack demo(CSR & SSR & Docker Support) written by Vue2 & Koa2(Koa1 verson also completed)
Stars: ✭ 730 (+601.92%)
Mutual labels:  mysql, koa
Ghchat
📱A chat application for GitHub. React + PWA + Node(koa2) + Typescripts + Mysql + Socket.io
Stars: ✭ 791 (+660.58%)
Mutual labels:  mysql, axios
Nodejs Koa Blog
基于 Node.js Koa2 实战开发的一套完整的博客项目网站
Stars: ✭ 1,162 (+1017.31%)
Mutual labels:  mysql, koa

Ashen Blog

v1.1

Ashen Blog Management System, developed with Koa2 and Vue2, easily build your own blog.

Ashen Blog 管理系统,采用 Koa2 和 Vue2 完成开发,帮助你轻松的搭建自己的博客。

介绍

Ashen Blog系统遵循ES6+的代码标准,前端采用了Vue 2.x作为开发框架,后端采用了Koa 2.x作为RESTful API 服务器开发框架,是一款的前后端分离并利用axios进行数据通信的单页面应用。

Client端展示博客,目前有:文章列表、文章详情、日期归档、标签归档、阅读列表和个人介绍。

Admin端管理博客,目前支持:Markdown编写博客、快捷按键及Tool bars、自动保存博客、批量标签管理、阅读列表管理、撰写个人介绍。

Server端作为RESTful API服务器,负责与Client/Admin端进行数据通信。

数据持久化方面使用Mysql作为数据库。

demo地址:

无火的余灰

client 客户端界面

admin 管理端界面

快速使用

下载好项目以后,首先安装依赖:

npm install

需要修改config文件:

# 修改baseUrl为你的服务器地址
vim admin/src/main.js

# 修改baseUrl为你的服务器地址
vim client/src/main.js

# 修改数据库配置db为你的数据库配置
vim server/config/index.js

Client 端

使用命令:

# 以开发模式运行Client 端
npm run dev-client

# 打包Client端
npm run build-client

Client端展示博客,目前有:文章列表、文章详情、日期归档、标签归档、阅读列表和个人介绍。

使用marked实现Markdown解析。

使用highlight.js实现代码高亮。

使用moment对显示日期进行格式化。

Admin 端

使用命令:

# 以开发模式运行Admin 端
npm run dev-admin

# 打包Admin端
npm run build-admin

Admin端管理博客,目前支持:Markdown编写博客、快捷按键及Tool bars、自动保存博客、批量标签管理、阅读列表管理、撰写个人介绍。

初始账号:admin

初始密码:[email protected]

使用Simplemde实现Markdown编写,支持快捷键和自动保存,具体快捷键请查看相关文档:simple-markdown-editor

利用函数去抖及axios实现文章的自动保存。

Server 端

使用命令:

# 以开发模式运行Server 端
npm run dev-server

# 部署服务(请先全局安装pm2)
npm start

Server端作为RESTful API服务器,负责与Client/Admin端进行数据通信。

利用JWT实现鉴权系统。

利用Koa2及一些中间件和工具函数实现REST。

Contribute

欢迎提交issue。

欢迎提交pr,请fork dev分支,并在其上编写代码。

非常感谢!

致谢

Chuck Liu的Kov-Blog

License

MIT

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].