XFE 技术 生活 笔记 文集

XFE博客文章管理器帮助手册

🔖 开发工具 👀 38 🕒 2019-04-18 👨‍🎓 XFE/Peter

更新时间:2019年4月9日22:07:23 未完待续

重要提示

浏览器兼容性

本博客文章管理器,只保证兼容现代浏览器(桌面端——PC,博主不认为在移动端撰写文章是一种好的体验),当然博主在开发的时候,只测试Chrome浏览器,下文内容也会着重写一些为Chrome浏览器优化的内容,并且会在这条路上越走越远。

友情提示

Chrome浏览器已经可以通过Google中国下载了,不用学正确的上网姿势,就能够下载到原版的Chrome浏览器

友情提示

Chrome浏览器已经可以通过Google中国下载了,不用学正确的上网姿势,就能够下载到原版的Chrome浏览器

友情提示

Chrome浏览器已经可以通过Google中国下载了,不用学正确的上网姿势,就能够下载到原版的Chrome浏览器

文章管理器功能说明

文章管理器总共分有文章编辑器文集编辑器两个类型,每个类型都有三个部分,详细如下:

  • 文章编辑器

    • 类型管理
    • 标签文章管理
    • 文章编辑器
      • 快捷菜单栏
      • 内容编辑区
      • 大纲查看区
      • 信息编辑区
  • 文集编辑器(敬请期待

文章编辑器


1、类型管理

类型管理可以管理文章大类,点击即可切换,被选中的大类会被绿色底边和浅绿色背景标记。

2、标签文章管理

标签文章管理,主要用来查看文章与标签的隶属关系、管理标签下属文章。

  • 标签 粗体表示
    • 点击标签可加载下属文章
    • 如果标签有所属文章左侧会有一个箭头,点击箭头可展开、折叠下属文章列表。
    • 标签为系统内置不可更改
    • 鼠标光标悬浮在标签上时,点击鼠标右键会展开自定义右键菜单,可选择 添加文章,在此标签下添加文章
  • 文章 用普通字体显示
    • 相对标签会有一定的缩进。
    • 点击文章可编辑文章
    • 鼠标光标悬浮在文章上时,点击鼠标右键会展开自定义右键菜单,可选择 删除,删除当前文章

3、快捷菜单栏

快捷菜单栏,基本会对应快捷键中的一些功能,但是不会完全实现快捷键的所有功能,目前实现的功能包括:

  • 显示简要帮助文档
  • 开启、关闭编辑器全屏
  • 显示Markdown预览
  • 保存文章

4、内容编辑区

内容编辑区为一个简单的文本域可以进行简单的文字编辑。同时实现了如下几个功能:

  • 滚动切换大纲高亮
    当内容编辑区滚动时,会判断当前文本域可视范围的最顶端是处于哪个标题的内容范围,并且高亮大纲区域对应的标题
  • 接收从文件管理器拖拽过来的 .md 文件
    当内容编辑区聚焦时边框为绿色,从文件管理器拖拽过来的.md 文件会被文本域接收并读取里面的文本内容,并添加到光标位置。
  • 接收从文件管理器拖拽过来的 .png.jpg.gif.jpeg 等图片文件
    当内容编辑区聚焦时边框为绿色,从文件管理器拖拽过来的.png.jpg.gif.jpeg 等图片文件会被文本域接收,并上传到文件服务器,然后转化成图片的markdown语法的添加到光标位置。

5、大纲查看区

大纲查看区会显示内容编辑区的标题信息,会在内容编辑区中内容的变动时更新大纲内容,大纲采用三级的形式:

  • 二级标题为大纲的一级内容
  • 三级标题为大纲的二级内容
  • 四、五、六级标题为大纲的三级内容

点击大纲,内容编辑区域会将对应的标题跳转到其顶部。方便对文章内容进行检索。

6、文章信息区

文章信息区主要编辑文章的一些基础信息

  • 标题:显示在文章列表、文章详情页中,是文章一个简要的概括
  • 描述: 显示在文章列表中,是文章一个简介,可以是文章的目的
  • 文章类别:决定文章显示在那个大类下面 技术文章、笔记、生活文章 三者之间可以相互切换,切换之后文章标签会随之改变
  • 文章标签: 决定文章显示在那个标签下面,会跟随文章类别的变动而变动