GithubHelp home page GithubHelp logo

bat's Introduction

Bat 博客系统

Bat 是一个简易的博客系统,兼容ie8+、chrome、firefox以及手机移动端等平台,具有在线编辑、图片上传、评论、后台管理等基本功能。

img

在线编辑

编辑页面有两个区域,左边是编辑区,右边是预览区,在编辑文章时可以实时预览内容。Bat 有两种编辑模式,Markdown文本模式。文章支持分类、置顶、编辑等操作。

img

图片上传

在Markdown模式中可以插入图片,插入的图片将根据您的上传策略存储到第三方服务器或者本地服务器。您也可以直接拖动图片到编辑区域,快速插入图片。

后台管理

通过 <your blog url>/bat 链接就可以登录系统后台,管理您的的博客。进入后台管理后,可以进行如下操作

  • 修改博客信息
  • 修改上传策略
  • 导出数据库
  • 管理标签
  • 管理评论

项目框架

本项目为node.js项目,采用express框架,渲染模板为ejs,默认端口18080

目录结构

-bin
 --www.js  应用入口

-controller  控制器,路由之后的各种逻辑操作
  --admin.js
  --blog.js
  --comment.js
  --tag.js

-data  存放数据
 --guide  博客第一篇文章(使用教程),markdown
 --myblog.sqlite3  数据库,整个博客的信息都保存在此数据库

-models
 --storage  存储策略
   ---local.js  本地存储
   ---qiniu.js  七牛存储
 --blogs.js  博客模型,
 --comments.js 评论模型
 --data-center.js  数据中心,里面的init方法初始化了博客信息,加载数据库,在www.js被调用
 --database.js  定义了数据库通用方法,创建数据库,创建表,事务提交
 --maps.js  类似于map类,有put、get方法。主要用来存储博客设置信息,如上传策略,登录信息,博客信息。 
 --tags.js  标签模型

-node_modules 模块

-public  存放公共资源,css,js,img

-routes  路由
 --admin  跟后台管理页面有关的路由
 --api  接口,供前台js调用,_开头的接口为私有接口,必须登录使用
 --blogs  跟博客页面有关的路由
 --index.js

-utils 工具包

-views  视图包

-app.js  服务器配置。里面定义了一个全局变量APP_PATH,代表应用的根目录。

-package.json  依赖包

-README.md  

-.gitignore

第三方模块

  • bluebird promise,避免地域回调
  • ejs 渲染模板
  • formidable 上传模板(前端使用plupload上传组件)
  • highlight.js 代码高亮
  • html-to-text 把html转化为文本
  • marked 将markdown转化为html
  • qiniu 七牛,第三方云存储,支持客户端上传
  • sqlite3 数据库,基于单个文件

关于我

邮箱:[email protected]

博客:http://forward.duapp.com

bat's People

Contributors

1993hzw avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.