coco

@剧中人 您好,很高兴你的回复,昨天就已看到了。 但今天才回复,因为我自己正在尝试mavon我一直以为用这个markdown编辑器, 就像csdn,有道笔记一样,开头打上@[toc]或者[toc], 保存数据时不做任何处理,能直接有markdown编辑器右边预览的现成的带导航目录的html文本,还目录带a标签herf ="#1", 标题带id=‘1’ 。 但结果并不是啊!保存还是md数据格式,转html还要maked转换,打上@[toc]或者[toc],maked转换也是不会有导航目录的,在后端存数据库之前或前端渲染数据前,自己手动js(比如你的 build-toc.js)把html中标签记录出层级目录,并给目录打上herf标记,id好像默认等于标题, 还要改成数字的,方便使用。剧中人,是不是这样? 好了, 那么问题三来了, 请听题:为什么这一过程,在现实应用中肯定很常见,没有一款markdown编辑器去把maked和build-toc.js集成进去吗?

@coco 多谢你的提问,你提了两个非常好的问题。 ### 问题一:写博客用哪款 markdown 编辑器? 我曾经在后台发布界面用过一款 markdown 编辑器:[Mditor](http://bh-lay.github.io/mditor/)。我自己写的交互逻辑,借助于 `maked ` 完成 markdown 到 HTML 的转换,但是现在已经不再使用了。 博文的书写从灵感(想法)产生,到落笔成文,会经过很长的过程。文章早期的零碎想法,我会记录在手机的备忘录里,空余时间加工整理一下。需要正式书写的时候,我会在电脑端使用 Typora 来完成博文的编写。因此博客后台的编辑器并不重要了,它只是为了辅助我完成博文发布的最后一步而已,目前版本做的比较简陋。 ### 问题二:博文目录怎么来的? 博文内部目录又称为 TOC(Table of Contents),起到文章结构总览的作用。这一步的实现方式和你猜测的几乎一致,通过解析博文 HTML 中 h1~6 标签,并且记录层级关系,再进行展示。 为了标记链接关系,在解析的过程中会对博文做细微修改,感兴趣的话可以参考实现代码 [build-toc.js](https://github.com/bh-lay/blog/blob/master/frontEnd/single-page/src/view/blog-detail/build-toc.js)。

coco

您好, 我想问下你用的写博客的编辑器用的哪个markdown编辑器?然后到博客页面是把html里内容和目录分别从html里读出来, 左右展示吗? 谢谢,

@Mofei 当然可以,只要你的卡片里没有 `img` 标签,就一定是按顺序排列的哦~ 不过貌似这样没啥意义!

Mofei

好腻害👏👏👏 ------- 不知道大佬的这个组件能否实现按时间先后排序排布的瀑布流呢?

奶茶是什么味道

大佬下次能写短一点儿么,抖音刷惯了这么长根本看不下去哇!

@falost 是的呢,我的小博客一共写了四个爬虫,分别是: - 图虫照片 - 720云全景作品 - Github 个人数据 - Github 项目详情(已暂停抓取)

falost

hello,小剧兄,我又来啦,这次来问问,你是怎么把图虫的数据拿来的呢,是爬虫嘛

@well 卧槽,你这是砸场子吧!

well

# 霸个屏试试?

Mofei

膜拜大佬

@falost 多谢来自大佬的夸奖!

falost

拍的照片真好看

多谢夸奖 😊

二毛

照片很好看!