响应式幻灯片插件: bxSlider

bxSlider 是一款免费的 jQuery Slider 的插件,它可以实现 内容和图片幻灯片滚动效果,支持响应式,桌面和手机等各种设备都能完美适应。(具体示例请参考官网:http://bxslider.com/)
bxSlider 详细功能如下:
Fully responsive – will adapt to any device;
Horizontal, vertical, and fade modes;
Slides can contain images, video, or HTML content;
Advanced touch / swipe support built-in;
Uses CSS transitions for slide animation (native hardware acceleration!);
Full callback API and public methods;
Small file size, fully themed, simple to implement;
Browser support: Firefox, Chrome, Safari, iOS, Android, IE7+;
Tons of configuration options;

1. 首先加载 jQuery JS 库和下载并加载 bxSlider 的 JS 和 CSS 库:

<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="/js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />

jquery.bxslider.zip下载地址 http://bxslider.com/lib/jquery.bxslider.zip
2. 在需要调用幻灯片的地方添加:

<ul class="bxslider">
  <li><img src="/images/pic1.jpg" /></li>
  <li><img src="/images/pic2.jpg" /></li>
  <li><img src="/images/pic3.jpg" /></li>
  <li><img src="/images/pic4.jpg" /></li>
</ul>

3. 调用 bxSlider:

<script type="text/javascript">
$(document).ready(function(){
  $('.bxSlides').bxSlider();
});
</script>

更多示例请参照:http://bxslider.com/examples

WordPress 文章缩略图

先吐槽下,今天网站速度实在是太慢了;周末无聊,看了下缩略图顺便弄上了,其实这主题已经添加了这个功能,不过没有调用而已。对于一般无缩略图的,按照如下即可:
一、在主题文件夹下的functions.php添加代码

// post thumbnail support 缩略图支持
	add_theme_support( 'post-thumbnails' );
function post_thumbnail( $width = 160,$height = 100 ){
    global $post;
    if( has_post_thumbnail() ){
        $timthumb_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');
        $post_timthumb = '<a href="'.get_permalink().'"><img src="'.get_bloginfo("template_url").'/timthumb.php?src='.$timthumb_src[0].'&amp;h='.$height.'&amp;w='.$width.'&amp;zc=1" alt="'.$post->post_title.'" class="thumb" title="'.get_the_title().'"/></a>';
        echo $post_timthumb;
    } else {
			$content = $post->post_content;
			preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER);
			$n = count($strResult[1]);
			if($n > 0){
				echo '<a href="'.get_permalink().'"><img src="'.get_bloginfo("template_url").'/timthumb.php?w=160&amp;h=100&amp;src='.$strResult[1][0].'" title="'.get_the_title().'" alt="'.get_the_title().'"/></a>';
			} else {
				echo '<a href="'.get_permalink().'"><img src="'.get_bloginfo('template_url').'/images/random/'.rand(1,10).'.jpg" title="'.get_the_title().'" alt="'.get_the_title().'"/></a>';
			}
		}
	}

如果设置特色图像,那么首页缩略图就调用特色图像;如果没有设置特色图像,文章中有图片,则调用第一张作为缩略图,文章中没有图片,则调用/images/random文件夹中随机一张作为缩略图
二、在主题文件index.php,category.php里面适当的位置添加

<?php post_thumbnail(); ?>

三、添加适当的CSS样式

PS:本站现在使用的缩略图代码,同理添加到functions.php里面

//缩略图设置
add_theme_support('post-thumbnails');
set_post_thumbnail_size(200, 140, true);
//缩略图获取
function post_thumbnail($width = 200,$height = 140) {
    global $post;
    if ( has_post_thumbnail() ) {
    $domsxe = simplexml_load_string(get_the_post_thumbnail());
    $thumbnailsrc = $domsxe->attributes()->src;
    echo '<img width="200" height="140" src="'.$thumbnailsrc.'" alt="'.trim(strip_tags( $post->post_title )).'"  />';
    } else {
        $content = $post->post_content;
        preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER);
        $n = count($strResult[1]);
        if($n > 0){
            echo '<img width="200" height="140" src="'.$strResult[1][0].'" alt="'.trim(strip_tags( $post->post_title )).'"  />';
        }else {
            echo '<img width="200" height="140" src="'.get_bloginfo('template_url').'/img/sj/'.rand(1,7).'.jpg" alt="'.trim(strip_tags( $post->post_title )).'"  />';
        }
    }
}

友情提示下:请在图片目录img下建立sj文件夹,其中随机图片请以1~7.jpg命名;有些图片目录可能为images,请注意区分和自行修改,调用方法同上…

你是想读书,还是想读完书?

以前,读书前会很想读一本书,但实际读书时,经常是“想读完书”,而不是“想读书”。这种想法经常会让我的生活变得很痛苦,当你做一件事想着快点做完时,你的心思其实已经不在这件事上了。

这个问题在我大学时困扰了我很久。我没有意识到这本身其实是一个价值观问题,以至于我常在一些时间管理的书中寻找答案。那些书都只能让你更高效地“做完事”,却不能让你在做的过程中更投入一分。

直到后来离开学校,了解了一小部分禅宗思想,我开始豁然开朗。禅宗讲求摒除心中的杂质,全部精神专注于当下,摒弃过去摒弃未来,任何的多余的念头都可能使你正在做的事情不纯粹。禅宗上,这叫“正念”,我非常非常欣赏。

想想看,你去旅行,那你是为了旅行和生活本身呢,还是为了旅行回来能增加一点谈资、写一篇游记呢?答案是显然的。

人生也是一样,如果你一心只等着功成名就家财万贯衣食无忧的那一天,就好像你旅游时只等着回去写游记和炫耀一样,旅行本身就失去了意义。

生活就像这样的旅行,我们今天读的每一本书,写的每一个字,迈的每一个步,做的每一件事,就是这趟旅行的一部分。如果我们不能专注于它本身并享受这种过程,那整个生活就会变成急不可耐的煎熬。

回到读书上来,现在我觉得对书的“量”的追求是完全无意义的。如果我在读一本书时专注于其中,不仅可以获得远比匆匆翻过更深入的东西,而且还能为人生增加不曾虚度的有趣有意义的几天或几小时。

对了,在很多领域都有一个词叫“flow”,描述人们沉浸在某事中获得的愉悦状态,根据我粗浅通俗的理解,禅宗正念的目标,就是把这种状态扩展延伸到你生命的每一秒。
MUWJw
知乎上有个很好的问题:大学两年读了大概200本书,为什么感觉读书的价值还是没有体现出来呢

其中有些精彩的回答道出了个中缘由——“书不在于读完它,而在它成为你人生的一部分。”

大学时,一位很有才华的心理学老师说过的一句话,让我终身难忘:“很多同学喜欢说自己一天能读多少页的书,有些人一天能读50页,有些人能读100页。可是一旦你用‘页数’为单位来度量读书这种行为时,从一开始你就错了。”

同理,如果你用读了多少本书来形容你的读书经历,这种思路,从一开始就错了。

如果你认真读到了书里去,是不会care、甚至会完全忽略掉今天读了多少页,今年读了多少本的;当你沉迷于书中绚烂多彩的世界,当你的观念被翻天覆地地革新,是不会care、甚至会完全忽略掉今天读了多少页,今年读了多少本的。

当我们看手表的时候,常是快等不及了;当我们数书页的时候,常是快看不下去了;当我们念叨看了几本书的时候,常是连书名都记不全了。所以,数多少页、多少本这行为本身,就说明你已经败了。

很多时候,一个人对待知识和思想的态度,就体现在用什么东西去丈量它。

如果有人问一位读书而有大成之人:你因何而脱胎换骨?你因何而涅磐重生?这些问题,他该如何作答?他说:”我因200本书而脱胎换骨,我因1000本书而涅磐重生“,如何?

阅读是一种享受,但如果读完一本书,没有新的体验,完全不同的视角和观点、不能对你的思维有所改变、特别是读完一本好书之后,想不清楚、说不清楚、写不清楚、也从来没有行动过,那你看书是在浪费时间。

学而悟道,有时候一本书就够了,有时候一万本都不够。这取决于,你读了什么书,更重要的是,你是如何读的:你有没有读进去把自己活埋在里面,又有没有读出来敲打出一个新的自己。

有些书,是一代宗师级的人物,把他们毕生的智慧熔铸在一本书里面;有些书,是一个领域的开疆拓土之作,从一片混沌中劈出一个新世界;有些书,是一个领域的集大成之作,观点纷繁,气象万千;有些书,如盗梦空间一般有几层境界,你多读一遍就多梦到一层。对这些书,你若只是都当成那两百分之一,花上一个星期匆匆读完,读后即扔,只摘下几条金句供日后泡妞之用,难道这就算读过了吗?

有些书,要用心血去读;有些书,要用足够的经历去读;有些书,是要绞尽最后一粒脑细胞去读;有些书,是一辈子都读不完读不透……

看书的方法,不仅要看作者写了什么(一层),还要琢磨文字背后的意蕴,那些弦外之音(二层),还要去思考作者为什么要写这些、要这样写(三层),还要去想想 看作者用了什么样的框架和策略在组织这本书,以及在各种细微处又用了什么样的方法和技巧(四层),当然更重要的是,以上的这些分析对你自己的现实和精神世 界能带来什么样的帮助,是否能启发你、引导你、改变你……(五层)

于是,一本值得都烂读透的书,就需要你去读五遍、十遍去读烂读透它。

于是乎,和很多人的答案相反:所谓200本,你不是读少了,而是读多了、读水了、读浅了!

其实你的状态一点都不特殊,你和许多人一样,以为自己在读书,其实是在集邮。

最后,建议你重新拿起一本你最崇敬的书,换一种方式,再读一遍、两遍、三遍……[转自网络]

发现自己其实很多时候读一本书,就是为了读完它…

百度联盟增加广告悬停展示

近期,收到百度联盟邮件通知,说增加了广告悬停效果的支持,悬停效果是什么呢?其实现在大部分网站都用到了,侧边栏随着页面滚动而滚动,从而使曝光率增大(例如本博客右侧边栏已经实现),这对于内容较多较长的页面更加实用;其实要实现这种展现方式很简单,就是在广告代码中加入一段代码即可实现,但这有可能会被封。而此次百度联盟此次推出的广告悬停展示,则可以放心使用:
正常百度联盟代码为:

<script type="text/javascript">
/* xxx*xxx,创建于20xx-x-xx */
var cpro_id = "uxxxxxx";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>

在上述代码中嵌入4-6行的代码即可,最终的悬停代码形式为:

<script type="text/javascript">
/* xxx*xxx,创建于20xx-x-xx */
var cpro_id = "uxxxxxx";
(window["cproStyleApi"] = window["cproStyleApi"] || {})[cpro_id] = {
    xuanting: 1
};
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>

注意事项:
必须新建一个仅用于悬停的代码位;若同一个代码位,存在有/无悬停两种状态,会影响到悬停的数据统计,影响效果。

一个页面中只能有一个代码位采用悬停方式投放

悬停投放方式适用于存在左右侧栏,且左右侧栏内容长度短于正文内容长度的页面上,一般长度差越大,悬停效果越好。

建议网站主将悬停代码位放在侧栏内容的最下方,避免在悬停代码位的网页位置垂直下方放置其他内容,否则这些内容和悬停代码位在悬停时可能相互遮盖。

悬停代码位不能遮挡正文内容,不能遮挡右下角推广位;代码位应与页面边缘保持一定距离。

悬停推广位应和百度联盟其他代码位投放一样,需遵循网盟投放规则,不得存在违规投放。

HP ProBook 4446s win8换为win7

同事新买的HP ProBook 4446s,自带win8系统;win8对于一般家用来说可以,但如果安装大型软件或游戏就不这么好呢,同事果断要求换为win7,本人也是第一次碰见这种情形,百度了下,大致流程如下:
开机后按F10键进入BIOS,选择System Configuration,选择Boot Optioins,请确认下面的Legacy Support设置为enable,然后选择System configuration——boot option——load hp factory default keys,再点击右上角Exit—Exit Saving Changes—Yes,保存后退出就OK了

接着插入win7系统盘,开机后读碟进入安装界面,按照提示一步步来,结果提示硬盘格式是GPT的,无法继续安装windows,删掉所有盘符,重新分区,格式化分区,然后选择盘符安装就OK了;

系统装完了,一看这个驱动什么都没有,特别是网卡驱动啊,没办法只能到HP官网找驱动下载,
驱动程序、软件和固件使用于HP ProBook 4446s
虽然说无图无真相,但这个是事后整理的,请见谅!!!
想了解这款笔记本的点此:
HP ProBook 4446s D5J78PA 14.0英寸笔记本 (A6-4400 4G 500G HD7650M 2G独显 银灰色 win8)