斑斑点点,星星零零
有灯火,有萤火
忆童年,已不见如此良景
山峰眺望,感受城市建设之美
有说不出的感觉
却是忙碌的景象
吹着风,早已忘记炎夏
并不宁静的森林
那是大自然的声音
却让人沉醉
我已忘记这是哪里
只想静静的看看的这个世界
聚集IT技术,硬件,数码,音乐等内容的个人博客
斑斑点点,星星零零
有灯火,有萤火
忆童年,已不见如此良景
山峰眺望,感受城市建设之美
有说不出的感觉
却是忙碌的景象
吹着风,早已忘记炎夏
并不宁静的森林
那是大自然的声音
却让人沉醉
我已忘记这是哪里
只想静静的看看的这个世界
蒲公英随风飘啊飘啊,
不愿意停下,
他希望在遥远的地方播下种子,
生根,
路途充满艰辛,
眨眼间,他已离开故土,
来到陌生的远方,
有时未曾见过的电闪雷鸣,有时又是严寒与酷暑,
慢慢的,他的开始害怕,
他在努力适应周围的一切,
他找了个地方,歇歇脚。
周围看起来风和日丽,一切安好,
可是哪里会没有艰难没有险阻,
去适应的同时,
安静之时,他在想他的归属在哪。。。
慢慢的成长吧,
努力扎根发芽找到属于自己的地方!
使用WORDPRESS已经有很多年了,作为一个以技术内容为主的网站,经常会在文章内引用到各种语法的代码,在wordpress插件管理中,我们同样能够找到很多关于语法高亮的插件,有的十分完美,体积却异常庞大,比如我之前使用的Crayon Syntax Highlighter,若果博主们对自己的服务器很有信心,又喜欢强大的配置管理,这款插件实在是省事,可是我总觉过于臃肿,因为很多功能用不到,于是后来我找到了另一个插件SyntaxHighlighter Evolved,这款插件相对来讲很简洁,并且它所使用的高亮JS是很多大型网站都在用的,可是不知道为什么我这里看起来感觉怪怪的,并且它使用起来需要用到类似[html][/html]
的标签,如果一旦放弃使用这个插件,恐怕就杯具了.虽然之前经过慎重考虑,选用了此插件,但是高亮效果感觉并不满意,最终寻找到了或许更好的或说更适合我的”高亮插件”–Highlight.js(其实wordpress里面有个wp-highlight.js的插件不知道是不是这个js,我没装,只是看了下,其实也是有下文提到的问题的.而且还不精简,所以我就决定手动添加)!
今天我就来简单介绍一下如何使用这个Highlight.js(如果喜欢自己琢磨,可以直接访问官方网站highlight.js查看相关说明)
当然我也是看了官方文档说明,总结给懒人看的.
既然是使用它,那必须是需要一个highlight.js了,这个js可以自定义生成,这一点非常适合我,毕竟我只是一个小小小小的前端工作者,我只需要高亮显示html,css,js,json,最多加个php,sql了.于是,在这里,自定义配置这个js–Custom package,此处勾上自己需要的,然后点击Download按钮,很快一个zip文件就下载好了.
用sublime text的同学少不了会安装emmet插件.其实上手简单,但是很多技巧还是需要一些时间来研究的,这次我找到了emmet插件内的snippets.json文件,一般是位于..\(目录路径)\Sublime Text 3\Data\Packages\Emmet\emmet(这里使用的是sublime text 3),如果未找到,也可以将..\Data\Installed Packages\Emmet.sublime-package文件解压出来(我直接用7-zip解压,winRAR未测试),解压后找到..\Emmet\emmet\内的snippets.json打开一样可以查看…
为了方便大家查看我将该文件的内容在文章结尾处会贴出来.
因为是简单介绍,我就对其中某些特性说明.大家都知道emmet可以自动补全代码,例如在css文件中的{}内,我想输入position:relative;,我只需要输入por,他会自动提示想要的结果,我们直接按tab或是enter,就会自动出来,这个特性就不用说太多了,但是有时候,会因为输错,而无法高效的编写代码,所以,我们需要熟悉究竟最佳的缩写方式是什么,看这个文件就一目了然了.
为什么有时候无法提示出我们想要的代码?有可能是因为,他未能识别当前文件的语法条件.snippets.json同样写得很清楚,在css环境下,其中很多复杂的css3写法可以轻松输出,例如输入animtfc,他会自动补全很多不同兼容性的CSS3代码,十分方便,大家就自行测试了.
(最近找的EMMET速查手册干货放在前面既要醒目又要低调见Emmet Documentation cheat-sheet,更新日期:2015-06-05强行插入正文: )