基于Markdown的博文信息发布和管理系统

基于Markdown的博文信息发布和管理系统

操作说明书

一、博客主页 3 1.1主页菜单 4
1.2博文搜索 4
1.3页面切换 5
1.4用户主页 5
1.5博文渲染 6
1.6博文评论 7
1.7博文切换 8
二、博客后台管理 8 2.1后台登录 8
2.2管理面板 9
2.3新建博文 9
2.3.1博文设置 10
2.3.2博文预览 11
2.3.3博文文档 11
2.4发布博文 12
2.5博文列表 12
2.6后台博文搜索 13
2.7博文修改 14
2.8用户管理 14
2.9用户信息修改 15
2.10全局设置 15
2.11导航菜单 16
2.12标签管理 16
2.13插入代码 17

本文主要是对基于Markdown实现的博文信息发布和管理系统说明,系统为博客、博文编辑发布提供了一系列易用的模块,内置优秀的文章编辑器,支持Markdown语言,并且追求简洁性和速度,满足用户专注于写作,发布高质量博文。Markdown 是一种轻量级标记语言, 它允许使用易读易写的纯文本格式编写文档,然后转换成有效的HTML文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。系统实现功能主要是基于Markdown的博文编辑、预览、发布、展示以及博文信息的管理,系统核心模块有博客主页模块、博客后台管理(包含新建博文、博文列表、全局设置、博文设置等)、博文评论、博文搜索等模块。

一、博客主页 博客主页是系统在前端展示的首页,显示全局博客的Logo、博客名称、博文列表及相关菜单等。

1.1主页菜单
点击主页右上角“菜单”,显示菜单导航栏。

1.2博文搜索
点击主页菜单“搜索”,页面弹出搜索窗口,输入搜索文字,点击搜索出的博文可进入到该博文页面。搜索内容可包括博文标题、博文内容。

1.3页面切换
在主页,支持页面快速切换,点击页面“上一页”快速切换到上一页博文列表,点击页面“下一页”快速切换到后一页博文列表。

1.4用户主页
点击博文用户,进入用户的个人主页,主页展示该用户的头像、名称、网站地址、位置和博文。

1.5博文渲染
后台面板的博文发布后,可以系统前端看到博文。

1.6博文评论
在博文的底部,有评论窗口,输入评论内容并提交即可。评论内容支持文字、表情。

完成评论后,页面会自动渲染已提交的评论。

1.7博文切换
在博客博文页的底部,点击“后一篇”也可以跳转下条博客博文。

二、博客后台管理 2.1后台登录
输入博客账户邮箱和密码,点击登录按钮,进入管理面板。

2.2管理面板
进入管理面板后,在管理界面菜单栏,可以看见功能菜单“新建博文”、“博文列表”、“用户管理”、“全局设置”等功能。

2.3新建博文
在管理界面菜单栏,即页面左侧找到“新建博文”选项,点击进入,即可创建新的博文。出现Markdown编辑(左窗口)并实时渲染编辑内容(右窗口)。系统编辑器支持Markdown语法,标识,快捷命令输入。

2.3.1博文设置
在新博文页面中,可以设置博文的标题、副标题、标签和封面图片等,还可以为博文添加扩展信息,如作者、时间和博文类型等。系统默认Markdown语言编辑,如果需要使用HTML格式,请点击左侧下拉菜单中的“HTML”,编辑您的博文。

2.3.2博文预览
在提交文章之前,可实时预览文章。可以预览文章的各个部分,包括标题、描述、分类和内容等,确保文章更加完美。

2.3.3博文文档
支持在线Markdown手册文档查阅,列举Markdown常用命令或者快捷键

2.4发布博文
完成文章编辑、优化和预览后,可发布文章。在发布之前,可以选择将文章保存为草稿,以便在以后续写。

2.5博文列表
在管理界面菜单栏,点击博文列表,显示所有博文,包含已发布或者草稿状态博文。

2.6后台博文搜索
在管理界面菜单栏,左上角,点击搜索框,输入搜索信息即可搜索出相关文章。

2.7博文修改
双击博文列表的一条博文,可修改已发布的博文,使用符合Markdown规范的编辑器创建高质量文章。Markdown可以专注于写作而不必在排版上花费过多心思。对于习惯使用HTML的用户,博客也支持HTML编辑器,并提供了自适应编辑界面。修改后更新博文。

2.8用户管理
显示系统所用用户,支持新增用户(邀请好友)和撤销用户。

2.9用户信息修改
修改用户信息,支持用户名称修改、个性网址设置、邮箱地址修改、位置修改、网站地址修改。

2.10全局设置
在管理界面菜单栏,可以找到“全局设置”选项,并通过“全局设置”选项设置博客,包括全局名称、简介、logo和博客封面图片等。

2.11导航菜单
在管理界面菜单栏,可以找到“导航菜单”选项,并通过新增导航为博客主页增加导航菜单,支持设置导航名称和导航链接,添加完毕需要点击保存按钮。

2.12标签管理
在管理界面菜单栏,可以找到“标签管理”选项,并通过新增标签为博客增加标签,用于博文快速检索。支持设置标签名称和标签url链接、标签描述、标签配图等,添加完毕需要点击保存按钮。

2.13插入代码
在管理界面菜单栏,可以找到“插入代码”选项,系统支持在主题模板的页头和页脚插入额外的代码,从而免去直接修改模板文件的麻烦。这一功能快速插入或修改比如“统计代码”和“元数据”等。