Markdown 设置页面锚点

Markdown 设置页面锚点

markdown page anchor. 让markdown中实现页面跳转,比如说从一个图片标签跳转到具体的图片,这个时候就需要用页面锚点了,markdown中页面锚点的实现比较简单,参见代码,有了这些代码,就可以在markdown页面中实现页面间内容的跳转了。需要注意的是,markdown中锚点的跳转效果一般都比较高,所以需要提高一下你的锚点位置,这样才能是跳转的内容更接近自己想要让用户点击之后看到的位置。 设置锚点: 使用锚点: 最后,上一张示例图,分享一下这篇文章的markdown源码,帮大家彻底学会使用😏😋😝

Markdown 实现图片浮动效果

Markdown 实现图片浮动效果

flow text around an image in github markdown , floating images. 在一篇文章中让文字在图片右侧,这样配图会比较好看。下面我们来实现下这种效果。一般来说,用markdown的标签![](http://pic.com)插入的图片,一般都会独占一行,效果看起来会像图一那样。有时候这样还行,但是有时候这样就不太满足我们的需求。在我们需要让图片和文字共存是,图片在文字右侧,像图二)那样的效果。我们有什么解决办法呢?在html中,我们可以通过调整css来调整文章的样是,在markdown中,我们可以做同样的事情,尤其是在wordpress中,可以增加自定义的css,所以我们也可以通过这种方式来这样做。因为markdown原生的图片标签不能支持,为了实现这个效果,我们用html标签来实现这个功能。对应的实现见图二。 原始的markdown图片文字样式 图一效果的代码markdown代码对应如下。 (图一) wordpress 中期望的样式 在wordpress中,我们希望实现的效果是这样的。我们的代码和效果如下 <img align=”right”…

Read More Read More

前端知识笔记

前端知识笔记

jquery常识 如果$() 的括号里面是一个dom元素的话,这个东西就是一个jquery对象。jquery 的方法,on ,可以绑定事件,each可以循环遍历数组。同时js自己的array也是一个对象,有foreach方法。要注意和jquery的each 方法区分。js 几个常用的事件keyup onchange clickjs 的闭包函数,这几天php中也用了不少,一个是array_walk, usort()有些场景中用这些函数是很方便的,这些函数都有自己适合的场景,要在合适场景使用,才能体现出这些函数的作用。 js 正则. 正则表达式各种语言基本都是类似的,选择任一种实现都可以。^匹配开头,$匹配结尾,除了一些最基本的之外,可以简单思考下下面这些问题 1. 贪婪匹配 2. 跨行匹配 3. .*…

Read More Read More

PHP正则表达式匹配所有中文

PHP正则表达式匹配所有中文

有这样的需求,需要将一篇文档中的所有的中文匹配出来,需要统计中文的个数。将这个问题缩小,设计一个这样的简单的字符串。对应的程序参考PHP代码。需要掌握的有几点 1. 中文在php中的表示,范围介于\x4e00 – \x9fa5,每个汉字由一个或两个这个组成。可以通过将一个汉字字符串用json_encode之后来观察对应的结果来验证。 2. 正则表达式后面的修饰符u的含义是,因为我们是根据中文的unicode来进行匹配的,所以要以unicode的方式来解析字符串才行。 3. U表示停止默认的贪婪匹配行为,所以加了这个修饰符会输出一个一个的汉字。 4. ()内的部分将作为匹配部分,放入$out变量中。 5. |是界定符,一般来说界定符用\,但是这个并不是一成不变的,如果你的正则中大量需要\,那么就可以选用| PHP代码