@Lenciel

从Markdown列表转换成脑图

去年过年整理了一次p4f的技术栈,最近受StuQleohxj的启发又开始整理适合我司的各个研发职位的技能图谱:这类树状的图片其实就是脑图(Mindmap)。

图片形式的文档都有一个麻烦的地方,就是不太好做版本控制和review。比如如果本座来整理Web前端技能图谱,总希望:

  • 能够发给前端组的人review
  • 能够放到代码库,让前端组维护起来,根据业界动态不断更新

如果是张图片,弄起来就比较麻烦,这个时候就需要Markdown出场了。其实最近这几年,用Markdown写文档大概也算Best Practice的一个了。好处确实很多,最重要的两个:

  • 集成到现有的开发流程里面把文档也交叉review、版本化、自动部署
  • 有个三长两短的时候,迁移成本非常低

只不过从Markdown生成脑图还是比较偏门,所以分享一下。

其实大多数的脑图软件( 比如MindNode或者Mindjet MindManager)都支持把缩进好的文本直接导入生成图片。以我在用的MindNode为例,你可以把下面的格式:

1
2
3
4
5
6
7
8
- 研发团队
  - 前端组
  - 后端组
  - 运维组
  - 测试组
  - 平台组
      - 数据组
      - RIO组

这样贴到MindNode里面,就会生成下面的脑图:

Vhost threshold

但是上面的格式,如果是以Markdown的格式放到代码库里面,有略显难看。所以更进一步,你可以先用Markdown的#来标不同层级,使得文档本身可以在网页上显示成规则的列表,类似这样,它的原始Markdown文件在这里

然后,通过脚本把文档里面的#转换成\t,就可以得到能够直接粘贴到MindNode里面生成脑图的文本了。如果你是使用Mac,还可以直接把转换脚本创建成一个service通过Automator安装,这样你在任何一个Markdown文档上选中需要生成脑图的部分,右键就可以了:

Vhost threshold

还有个未尽事宜就是在转换脚本里面加一个步骤:Markdown里面的链接,生成图片的时候把方括号、圆括号以及圆括号里面的链接去掉,不然就太难看了:

Vhost threshold

使用Chrome自定义搜索引擎快速查找资源

这篇文章讨论的办法,主要是结合使用带参数Google搜索+Chrome快捷搜索入口,鉴于众所周知的原因,如果你不会翻墙可能不能直接使用。

但是鉴于国内搜索引擎功能上多少都有借鉴Google,浏览器多少都有借鉴Chrome,所以这里讨论的办法也许用其他"搜索"+“浏览器"组合也可以使用。只是我们都知道国内搜索引擎索引出来的结果有多离奇,所以效果上可能会打一些折扣。

带参数Google搜索

Google可以带参数搜索一般用户可能不太用到,但其实对找东西很有用。完整的说明可以自己找来看,对普通用户也非常有用的有:

双引号

把搜索词放在双引号中,代表完全匹配搜索,也就是说搜索结果返回的页面包含双引号中出现的所有的词,连顺序也必须完全匹配。

比如搜索代码里面的抛出的错误,你直接把错误行扔进去,往往不如加上引号来完全匹配准确。

filetype

用于搜索特定文件格式,比如搜索filetype:pdf,那么就只返回所有包含关键词的pdf文件。

site

用来搜索某个域名下的所有文件,比如在百度网盘里面搜索名字包含Hadoop的文件,就可以搜索Hadoop site:pan.baidu.com

减号

代表搜索不包含减号后面的词的页面。使用这个指令时减号前面必须是空格,减号后面紧跟着需要排除的词。

熟练掌握并且综合使用上面这些语法,你就可以非常快速地找到你需要的东西了。

Chrome快捷搜索入口

Chrome为你提供了快捷方式来使用搜索。Cmd+L(Windows平台大概是Ctrl+L)进入地址栏,然后输入要搜索的内容,回车,就会使用你的默认搜索引擎进行搜索。

假如你要切换一个搜索引擎,比如你的默认引擎是Google,偶尔你需要用百度来搜索,只需要在地址栏里面先敲baidu,然后按Tab键,然后输入你需要搜索的关键字并回车,就可以了。

Chrome里面你可以这样使用的搜索引擎数量其实是远超你想象的。

在地址栏里面敲入chrome://settings/,然后进入搜索引擎的配置你就可以看到它们:

Vhost threshold

创建使用自定义搜索引擎

一旦开始使用自定义搜索,你就会发现有些搜索使用频率相当高。

比如在百度盘里面搜索某个文件。

再比如在Quora或者知乎里面搜索包含某个关键字的问答。

这个时候你只需要在搜索引擎列表的末尾添加一个自定义项:

Vhost threshold

比如我们添加一个Keywordpanb的搜索引擎,它的URL是:

1
https://www.google.com.hk/search?q=%s+site%3Apan.baidu.com

注意URL这个参数需要做urlencode,所以空格变成了+site:pan.baidu.com变成了site%3Apan.baidu.com

如果你不知道urlencode怎么做,可以先到Google上完成一次目标搜索,然后从地址栏上面复制下来。

定义好了自定义搜索引擎以后,你只需要在地址栏里面输入Keyword(panb),然后按Tab键,再输入你需要查找的资源,回车,就可以看到结果了。

具体使用过程请参考下面这个视频(略需要几秒加载):