浏览器控制台生成简书文集的Markdown格式的列表

背景

最近准备给我在简书写的关于web前端的文章做个导航页。那些文章都放在web前端这个文集。 导航内容的是用Markdown来写,内容形式大概下面这样的

## 某某分类
* [能提高前端工作效率的那些事](/p/9bc4951c9d80)
* [前端组件整理](/p/9722bf022368)
...

## 某某分类2
* [减少网站响应时间概要](/p/a0842df51671)
* [jQuery模式(译)](/p/f722b616c031)
...

如果一个个的去复制文章的标题和链接,那无疑是很无聊的。

最好是有个工具能生成。Thinking...

一杯咖啡的时间后,想到了还不错的解决方案。

解决方案

用浏览器的控制台来输出吧。输出内容形式大概下面这样的

* [能提高前端工作效率的那些事](/p/9bc4951c9d80)
* [前端组件整理](/p/9722bf022368)
* [减少网站响应时间概要](/p/a0842df51671)
* [jQuery模式(译)](/p/f722b616c031)
...

然后只要再进行一下分类即可。

开始搞起

  1. 审查web前端这个页面。发现所有的 文章的标题和链接符合这样的选择器 .article-list .title>a(2015/10/21更新)
  2. 发现简书页面已经引用了jQuery(不然得用document.querySelectorAll这类的api了)~
  3. 根据逻辑,如下代码可以实现需求
$.makeArray($('.article-list .title>a').map(function() {
    var $link = $(this);
    return ['* [', $link.text(), '](', $link.attr('href'), ')'].join('');
})).join('\n')

输出

result.png

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏EAWorld

更真、更强、更快的Web应用-Progressive Web Apps

0.Progressive Web Apps 2016年Progressive Web Apps(文后简称PWA)风劲较大,本文作者详细梳理了PWA现状,希望能...

3677
来自专栏小俊博客

自适应免费开源主题-Dobby

2133
来自专栏不想当开发的产品不是好测试

nmon在secureCRT下显示乱码问题

# 背景 下载安装了nmon,结果发现显示有问题,如下 ? # 解决 猜测应该是字体编码问题,查阅了解后,是因为CRT设置问题,需要修改下配置,(之前试用xsh...

3536
来自专栏腾讯开源的专栏

【开源公告】VasSonic轻量级的高性能的Hybrid框架正式开源

VasSonic轻量级的高性能的Hybrid框架VasSonic取名于索尼动画形象音速小子,是腾讯QQ会员 VAS团队研发的一个轻量级的高性能的Hybrid框架...

5551
来自专栏程序员的知识天地

web前端学习:React是什么,为什么要使用它?

React是Facebook内部的一个JavaScript类库,已于1年开源,可用于创建Web用户交互界面。它引入了一种新的方式来处理浏览器DOM。那些需要手动...

1622
来自专栏Crossin的编程教室

【Pygame 第3课】 游戏中的事件

有人问,为什么突然讲游戏了?有人问,为什么不继续讲python的基础?有人问,为什么不讲爬虫?有人问,为什么不讲算法?…… 因为有很多内容,每一块都有想听的人。...

2987
来自专栏非著名程序员

Vue 大法好

? Vue 大法好, Vue 作为前端开发语言,真的是覆盖全面,前端,移动端,桌面端,端端渗透。而且越来越多的项目都采用 Vue 开发,现在连微信小程序都有了...

56512
来自专栏企鹅号快讯

Google版小程序来了 渣浪微博没有广告了

还记得小安之前跟大家说不用下载app,就可以直接在手机上运行的谷歌的黑科技吗?最近它小试牛刀,弄出了一款没有广告、信息流按照时间排列的渣浪微博PWA版。 ? 目...

3346
来自专栏云瓣

从Vue.js窥探前端行业

近年来前端开发趋势 1.旧浏览器逐渐淘汰,移动端需求增加: 旧浏览器主要指的是IE6-IE8,它是不支持ES5特性的;IE9+、chrome、sarafi、fi...

3838
来自专栏抠抠空间

vue简介

1970

扫码关注云+社区

领取腾讯云代金券