浏览器控制台生成简书文集的Markdown格式的列表
浏览器控制台生成简书文集的Markdown格式的列表
前端GoGoGo
发布于 2018-08-27 10:27:27
发布于 2018-08-27 10:27:27
背景
最近准备给我在简书写的关于web前端的文章做个导航页。那些文章都放在web前端这个文集。 导航内容的是用Markdown来写，内容形式大概下面这样的
## 某某分类
* [能提高前端工作效率的那些事](/p/9bc4951c9d80)
* [前端组件整理](/p/9722bf022368)
...
## 某某分类2
* [减少网站响应时间概要](/p/a0842df51671)
* [jQuery模式（译）](/p/f722b616c031)
...如果一个个的去复制文章的标题和链接，那无疑是很无聊的。
最好是有个工具能生成。Thinking...
一杯咖啡的时间后，想到了还不错的解决方案。
解决方案
用浏览器的控制台来输出吧。输出内容形式大概下面这样的
* [能提高前端工作效率的那些事](/p/9bc4951c9d80)
* [前端组件整理](/p/9722bf022368)
* [减少网站响应时间概要](/p/a0842df51671)
* [jQuery模式（译）](/p/f722b616c031)
...然后只要再进行一下分类即可。
开始搞起
- 审查web前端这个页面。发现所有的 文章的标题和链接符合这样的选择器
.article-list .title>a(2015/10/21更新) - 发现简书页面已经引用了jQuery（不然得用document.querySelectorAll这类的api了）~
- 根据逻辑，如下代码可以实现需求
$.makeArray($('.article-list .title>a').map(function() {
var $link = $(this);
return ['* [', $link.text(), '](', $link.attr('href'), ')'].join('');
})).join('\n')输出
result.png
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2015.03.31 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录