我设想中的博客系统

这是一篇未完成且胡思乱想的文章,并且还是未完稿就发布以测试主题的显示效果的,观看前请做好思想准备,它可能没什么有意义内容,只是个人的意淫。

长久以来对各种博客系统的不满,以及对阅读与写作的逐渐深入,想亲手打造一个我设想中的博客系统的想法愈加强烈。遂记此文,以免又给遗忘了。

首先要说明的是,我设想中的博客系统是针对IT技术类内容的文章,这类技术文章通常包含较多的代码片段和图片。

高效地书写

支持 Markdown 语法,Markdown 用一定的语法将样式标注在内容上,能减少写作者对样式的关注和鼠标的使用,专注于写作。但是 Markdown 在某些操作上需要输入的繁复的输入,反而使写作者分心,降低写作效率。下面是对编辑器的一些改造与扩展:

实时预览

它只有一栏,编辑的同时将 Markdown 实时渲染成 HTML 显示出来。例如:输入# 标题编辑器就会实时渲染成

标题

快捷键和工具替代语法

插入图片 Markdown 语法 是要输入 ![](http://) ,然后写作者还需要将图片上传到某些图床,然后再将图片地址复制过来,非常麻烦。这点 Ghost 的做的还不错,只需要按快捷键就会将 Ctrl + Shirt + I 就插入图片。另外,应该支持直接将截图粘贴和拖动图片即可上传。具体原型如下图。

插入表格则 Ctrl + Shirt + T ,然后就会弹出专门的表格编辑工具。当然,存储还是转换成 md 的,如下:

dog | bird | cat  
----|------|----
foo | foo  | foo  
bar | bar  | bar  
baz | baz  | baz  

响应式容器

Markdown 的容器只有线性容器,图片只能从上到下排布,然而我们有时候需要将两张或者多张图片并排一起,这就比较麻烦了。

例如:

但是我们希望他在移动设备上看到的是:三张竖排的图片。

我希望它在 Markdown 成为这样:

 ```box:auto
<img src="http://o7mannifh.bkt.clouddn.com//image/5/00/c5e4c44b00d71915256497886eabb.jpg" alt="" />
<img src="http://o7mannifh.bkt.clouddn.com//image/7/06/72ba524471613269c564349f927f7.jpg" alt="" />
<img src="http://o7mannifh.bkt.clouddn.com//image/f/64/d779fab7f35547ae3e0958ea9f242.jpg" alt="" />
 ```

写作协作工具

快速的写作过程错别字、拼写错误常常不可避免,应该将读者加入协作,有个通道给读者反馈这些建议。当然,有人会说评论就可以留言说哪里有错别字、评论错误。但是评论中留言需要作者去甄别,然后还需要手动进行校对,而且评论应该是读者与作者交流想法的一个宝贵之地,这等“琐事”理当有个专门通道得以反馈。

读者可以选中错别字或者拼写出错的地方,在弹出的对话框,输入正确的字或者拼写。作者只需要,点击确认,文章就会自动更新,提出校对意见的人会被加入校对名单中,原型如下:

数据统计

统计文章的阅读数、评论数、点赞数,方便作者进行查看。

第三方博客平台分发

文章发布后能自动发送到提前设置好的账号的其他博客平台上,如 CSDN、简书、微博等。能自动定时采集第三方平台的评论推送给作者。


欢迎留言讨论你们想要的博客功能,最好能说明理由,说不定就有人也感同身受提前实现了呢!!!