藤长志-做优质的技术分享博客-pcyoyo.com

    刚才写代码，粘贴代码时候出现，一些问题，每一行代码按WP主题的“引用”显示，而不是用Code Snippet插件定义的样式显示。效果如下图：

    找了下原因，点一下”Embed Styles”再插入就可以了

    具体原因，稍后再上，先洗脸吃饭去咯！

    想要实现一个根据用户ip每天每用户只显示一次内容的功能。

    首先我们需要检测用户的ip，代码如下：

   1: <?php

   2: /*

   3: *

   4: *    @Author:        Pcyoyo

   5: *    @Site:          http://pcyoyo.com

   6: *    @description    获取访客ip

   7: *    @Param          none

   8: *

   9: *    @return         string $ip

  10: *

  11: */

  12: function getIp() {

  13:     if(@$_SERVER["HTTP_CLIENT_IP"]) {

  14:         $ip = $_SERVER["HTTP_CLIENT_IP"];

  15:     } elseif (@$_SERVER["HTTP_X_FORWARDED_FOR"]) {

  16:         $ip = $_SERVER["HTTP_X_FORWARDED_FOR"];

  17:     } else {

  18:         $ip = $_SERVER["REMOTE_ADDR"];

  19:     }

  20:  

  21:     return $ip;

  22:  

  23: }

  24:  

  25: $ip = getIp();

  26: echo $ip;

  27:  

  28: ?>

    稍后上解释和后续内容，洗脸吃饭去！

  自己WordPress博客当前版本是3.2.1，使用的是系统推荐的代码高亮插件，但是使用的时候感觉不太方面：需要自己到在编辑器的“HTML模式”中添加到pre标签里，而平时编辑文字时候更倾向于使用“可视化模式”，在两者之间切换一些非普通文字信息会出现点问题，况且系统推荐的代码高亮插件显示效果也有点一般，所以想找一个类似于oschina，cnblog那种显示效果，又好用的插件，找到了一款WLW(Windows Live Writer)的插件：Code Snippet。下面就说一下它的安装与配置吧！

1.安装Code Snippet并写测试代码Hello World 

   首先，从WLW插件中心下载Code Snippet插件(http://plugins.live.com/writer/detail/code-snippet-plugin-for-windows-live-writer)(CodeSnippetSetup.msi)，安装！

    安装完后，点击插件图标，你会发现一个问题，缺少7.0.3300.0版本的Microsoft.mshtml.dll文件，错误信息如下图提示：

    解决办法是，下载7.0.3300.0版本的Microsoft.mshtml.dll文件，然后把它放到Windows Live Writer的安装目录下，重启WLW，再启动插件，OK了吧！

    下面写一段测试代码PHP的Hello World。

    如下图，在插件里选择语言，并写下代码，点击插入：

   1: <?php

   2:     echo "Hello World!";

   3: ?>

    可能跟博主使用的主题样式有关，行号那显示“引用”功能的“引号”图标，不过不影响大体显示啦，还是OK的！

2.简述Code Snippet配置

    a.可供选择显示的代码：

      如下图，插件可供选择代码的种类为：AutoIt、C/C++、C#、ColdFusion、Cascading Style Sheet、HTML、Java、JavaScript、MSH、PHP、Regular Expression、TSQL、Visual Basic。

    b.代码效果显示选项

      如下图，用户可以选择Line Numbers(是否选择行号)、Alternate Lines(是否区分交替行)、Embed Styles(这个博主还不太清楚，好像是是否对代码使用内嵌的样式)、Use Container(是否把代码显示在一个容器中，即一个框中)

(暂时先介绍这么多吧，稍后更新这篇文章！)

问题：有的网站是贴左边的;有的网站是满屏幕的;有的是居中的，两边有余白，这样的效果用CSS怎么显示呢？

     解答：

1. css中主要是2个属性的样式，一个是body的，一个是div的。body中设置margin:0px auto;text-align:center；
   div也设置margin:0px auto；
2. 在CSS中想让网页居中显示或者说给两边留空边。这种各种浏览器兼容性很让人头疼。经过艰苦地探索，找到一些解决兼容性问题的办法：
   IE：上级元素:text-align:center;
   Opera:本级元素:margin:auto;
   Firefox:本级元素:margin:auto;
   （元素是指div）

  感觉Windows Live Writer还不错，挺好用的！(起码对于原生的编辑器来说)，配图如下：