bootstrap4diandian主题更新升级

请注意,本文编写于 2390 天前,最后修改于 301 天前,其中某些信息可能已经过时。

bootstrap4diandian主题更新升级

更新内容

  1. 升级为2代模板语言,主要是为了增加文章的浏览数

  2. 修改代码的可读性,便于大家的修改

  3. 主题色调调整为黑、灰色为主,这样的感觉比较耐看些,之前的白色看清来更加的清新一些,各有所好吧!

  4. 去除了阅读更多的,移动到文章才出现的效果

  5. 其他,记不起来了,主题改的时间多了,内容也较多。

好吧!本来是打算再改些内容,将主题的功能更加的增强再发布的,看到有人更改得了主题,也不留个名,伤心啊!哈哈!曾经我也这么干过,理解啊!

在里面有个名言的显示,这个是我搭建在bae上面的一个应用提供的,那个应用还没有做完成,暂时不放出地址了,在主题里面提供了调用,不想用的删除1010行的pmeapp.duapp.com代码就行了。



{#text:新浪微博地址|value:""}
{#text:google统计代码|value:""}
{#text:统计代码|value:""}
{#text:腾讯微博地址|value:""}
{#text:作者名称|value:""}
{#boolean:显示点点评论|value:"false"}
{#boolean:显示多说评论|value:"true"}
{#boolean:显示多说最近游客|value:"true"}
{#text:多说域名|value:"beardnote"}
{#boolean:显示无觅相关文章|value:"false"}
{#text:友情链接|value:"<li><a href='http://beardnote.com'>胡子笔记</a></li><li>"}
{#boolean:显示底部公告栏|value:"false"}
{#boolean:顶部黑色导航栏|value:"true"}
{#text:公告内容|value:"<li>公告内容1</li><li>公告内容2</li><li>公告内容3</li>"}
{#text:点点按钮顶部距离|value:"60px"}
{#text:顶部导航栏距离|value:"60px"}
{#text:默认缩略图|value:"http://x.zhaopeng.me/farm1/6424fa/c106a7b5/default.jpg"}
{#text:侧边栏AD1-TITLE|value:""}
{#text:侧边栏AD1-CONTENT|value:""}
{#text:侧边栏AD2-TITLE|value:""}
{#text:侧边栏AD2-CONTENT|value:""}
{#text:侧边栏AD3-TITLE|value:""}
{#text:侧边栏AD3-CONTENT|value:""}
{#text:banner背景图|value:"http://x.zhaopeng.me/farm1/6424fa/2206cec2/headerbanner.jpg"}
                   
<script type="server/javascript">
  if (dian.request.action === 'latestpost.html'){
    require('dd://assets/2012/0718/180307hJcO/latestpost.coffee').latest({layout:"ul",each:"li",length:"30"});
    return;
  }
</script>
                   
<!DOCTYPE HTML>
<html lang="en">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="{$meta.description|nohtml}">
  <meta name="keywords" content="{$meta.keywords|nohtml}">
  {$meta.syntaxhighlighter}
  <link href="{$meta.rss}" rel="alternate" title="订阅{$global.name|nohtml}" type="application/rss+xml">
  <link rel="shortcut icon" href="http://x.zhaopeng.me/farm1/6424fa/b93d0057/favicon.ico" type="image/x-icon"/>
  <link rel="apple-touch-icon" href="{$meta.mobile_icon}">
  <link rel="stylesheet" href="http://t.zhaopeng.me/css/base/rich-content.css">
  <!-- 引入bootstrap CSS -->
  <link href="http://x.zhaopeng.me/farm1/6424fa/d5310891/metro-bootstrap.css" rel="stylesheet">
  <link href="http://x.zhaopeng.me/farm1/6424fa/7e2731d8/bootstrap-responsive.css" rel="stylesheet">
  <link href="http://x.zhaopeng.me/farm1/6424fa/7e2731d8/bootstrap-responsive.css" rel="stylesheet">
  <title><? require('dd://assets/2012/0713/181755Gh6M/seotitle.coffee').title(" - "," | ", 20,"没有找到文章哦")?></title>
                   
  <style type="text/css">
      *{
          font-family:"Microsoft Yahei","微软雅黑";
      }
    body {
      background: #fafafa;
    }
    .bg{
      background:url(http://x.zhaopeng.me/farm1/6424fa/e3d55104/grayjean.png);
    }
    #navbar{
      font-size: 12px;
          /*opacity: 0.8;*/
    }
    #sidebar{
    }
    #sidebar ul{
      list-style: none;
    } 
    #sidebar ul li{
      margin-top:5px;
    } 
    .container{
    }
    .post-title{
    }
    .post-title h4{
      text-shadow: 1px 1px 0 #ddd;
      font-weight:bold;
    }
    .post-thumbnail{
      margin-right: 15px;
      width:170px;
      height:130px;
    }
    .post-summary{
    }
    .post-copyright{
    }
    .post-author{
      margin-right: 10px;
    }
                   
    .post-author-desc{
    }
    .content {
    }
    .post-content p{
      text-indent:2em;
      line-height:24px;
    }
    .category a{
      color: red;
    }
    .post{
    }
    .read-more{
      display: display;
    }
    .thumbnail img{
      width: 160px;
      height: 120px;
    }
                   
    /* 友情连接 */
    #links ui li{
      width:50%;
    }
                   
    /*圆角阴影*/
    .box {
      padding: 20px;
      background: #fcfcfc;
      margin-bottom: 20px;
      box-shadow: rgba(1,1,1);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: rgba(1,1,1);
      -khtml-box-shadow: rgba(1,1,1,1) 0 1px 1px;
      /*
      box-shadow: rgba(200,200,20);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: rgba(200,200,20);
      -khtml-box-shadow: rgba(200,200,200,1) 0 2px 18px;
    border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      */;
    }
    /*返回顶部*/
    .to-top:active,.to-top:hover{
      filter:alpha(opacity=75);
      -moz-opacity:0.75;
      opacity:0.75;
    }
    .to-top,.to-top:link,.to-top:visited{
      position:fixed;
      text-indent:-9999px;
      display:block;
      width:54px;
      height:54px;
      bottom:187px;
      outline:none;
      background:url("http://m2.img.zhaopeng.me/farm2/238/DBE154754AB4C10E7F15B7A2806BA5EE_54_54.PNG") no-repeat 0 0;
      filter:alpha(opacity=100);
      -moz-opacity:1;
      opacity:1;
      _display: none;
    }
    /*固定位置*/
    .fixed{
      position:fixed;
      float:right;
    }
    .da_roll{
      position:fixed;
      top:0;
      z-index:300;
      width:300px;
    } 
    /* 自定义icons */
    [class^="cus-"],[class*=" cus-"] {
      display: inline-block;
      width: 15px;
      height: 15px;
      *margin-right: .3em;
      line-height: 15px;
      vertical-align: text-top;
      background-image: url("http://x.zhaopeng.me/farm1/6424fa/38d3b3c2/cus-icons.png");
      background-position: 15px 15px;
      background-repeat: no-repeat;
    }
    [class^="cus-"]:last-child,[class*=" cus-"]:last-child {
      *margin-left: 0;
    }
    .cus-icon-sina{
      width:15px;
      height:15px;
      background-position:-2px -3px;
    }
    .cus-icon-qq{
      width:15px;
      height:15px;
      background-position:-23px -3px;
    }
    .cus-icon-rss{
      width:15px;
      height:15px;
      background-position:-42px -3px;
    }
    /*自定义下载链接图标*/
    a[href$=".zip"],a[href$=".7z"],a[href$=".rar"]{
      background:url("http://x.zhaopeng.me/farm1/6424fa/822d834d/rar.gif") no-repeat left center;
      padding-left:19px;
    }
                   
    a[href^="http://pan.baidu.com/"]{
      background:url("http://x.zhaopeng.me/farm1/6424fa/cf0cb595/baidu.gif") no-repeat left center;
      padding-left:13px;
      padding-right:13px;
    }
    /*解决多说头像在IE下失效的问题*/
    .ds-recent-comments img{
      width: 32px;
      height: 32px;
    }
    /*底部公告栏*/
    #notice{
      position:fixed;
      bottom:0;
      background:#000;
      width:100%;
      height:23px;
      line-height:23px;
      z-index:9999;
      opacity:.60;
      filter:alpha(opacity=60);
      _bottom:auto;
      _width:100%;
      _position:absolute;
      _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    }
    #notice a{
      color:#fff;
      font-size:13px;
      letter-spacing:2px;
    }
    #notice .close,#feed a{
      float:right;
      margin:0 10px 0 0;
      padding:0 10px 0 10px;
    }
    #notice .bulletin{
      float:left;
      height:23px;
      color:#fff;
      margin:0 0 0 20px;
      background:url("http://x.zhaopeng.me/farm1/2893f5/141f8c04/bulletin.gif") no-repeat;
      min-height:23px;
      overflow:hidden;
    }
    #notice .bulletin li{
      height:23px;
      padding-left:25px;
    }
    #notice ul,#notice li{
      margin:0px;
      padding:0px;
      list-style:none;
    }
                   
    /* 自定义 SNS icons */
    [class^="sns-"],[class*=" sns-"] {
      display: inline-block;
      width: 24;
      height: 24x;
      *margin-right: .3em;
      line-height: 24x;
      vertical-align: text-top;
      background-image: url("http://x.zhaopeng.me/farm1/6424fa/afb95747/light-social.png");
      background-position: 24x 24x;
      background-repeat: no-repeat;
    }
    [class^="sns-"]:last-child,[class*=" sns-"]:last-child {
      *margin-left: 0;
    }
    .sns-icon-sina {
      width:24px;
      height:24px;
      background-position:0px 0px;
    }
    a:hover .sns-icon-sina{
      width:24px;
      height:24px;
      background-position:-24px 0px;
    }
    .sns-icon-qq {
      width:24px;
      height:24px;
      background-position:0px -24px;
    }
    a:hover .sns-icon-qq{
      width:24px;
      height:24px;
      background-position:-24px -24px;
    }
    .sns-icon-inbox {
      width:24px;
      height:24px;
      background-position:0px -144px;
    }
    a:hover .sns-icon-inbox{
      width:24px;
      height:24px;
      background-position:-24px -144px;
    }
    .sns-icon-rss {
      width:24px;
      height:24px;
      background-position:0px -120px;
    }
    a:hover .sns-icon-rss{
      width:24px;
      height:24px;
      background-position:-24px -120px;
    }
    #nav-top-right{
        margin-top:-55px;
    }
                       
    #nav-top-right>li,#nav-top-right > li > a {
      padding:0;
    }
    #nav-top-left > li > a{
      padding:8px 0 0 0;
    } 
    #nav-top-left > li > a {
      margin-top:5px;
      font-size:14px;
    } 
                   
    .post-meta{
      padding-top:3px;
    }
                   
    #breadcrumb{
      margin-top:20px;
    }
                   
    .breadcrumb{
      background: #fff;
    }
    .topnav{
      height:35px;
    }
                   
    /*评论数*/
    .post-comment-nums{
      display:none;
    }
                   
    #form-search-query{
        margin-top:8px;
    }
                       
    #nav-top-left a:hover{
        color:#fff;
    }
                       
    a {
        color:#000;
    }
    #sidebar a{
     color:#000;
    }
                   
    #logo{
        padding-top:10px;
        color:#fff;
        font-size:24px;
    }
    #banner{
        height: 400px;
        background:  url({$_banner背景图}) center top no-repeat;
    }
    #banner1{
        height: 55px;
    }
#ds-reset .ds-avatar img{
                   
    width:54px;height:54px; /*设置图像的长和宽,这里要根据自己的评论框情况更改*/
                   
    border-radius: 27px;/*设置图像圆角效果,在这里我直接设置了超过width/2的像素,即为圆形了*/
                   
    -webkit-border-radius: 27px;/*圆角效果:兼容webkit浏览器*/
                   
    -moz-border-radius:27px;
                   
    box-shadow: inset 0 -1px 0 #3333sf;/*设置图像阴影效果*/
                   
    -webkit-box-shadow: inset 0 -1px 0 #3333sf;
                   
    -webkit-transition: 0.4s;
                   
    -webkit-transition: -webkit-transform 0.4s ease-out;
                   
    transition: transform 0.4s ease-out;/*变化时间设置为0.4秒(变化动作即为下面的图像旋转360读)*/
                   
    -moz-transition: -moz-transform 0.4s ease-out;
                   
}
                   
#ds-reset .ds-avatar img:hover{/*设置鼠标悬浮在头像时的CSS样式*/
                   
    box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
                   
    -webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
                   
    transform: rotateZ(360deg);/*图像旋转360度*/
                   
    -webkit-transform: rotateZ(360deg);
                   
    -moz-transform: rotateZ(360deg);
                   
}
                   
                   
                   
/*我是谁*/
.alignright {
float:right;
}
img {
border:0;
}
img.avatar {
float:left;
padding-right:5px;
}
p img {
max-width:100%;
padding:0;
}
img.alignleft{
margin: 3px 10px 2px 0;
}
img.alignright{ 
margin: 3px 0 2px 10px;
}
img.alignleft, img.alignright{
padding: 4px;
border: 1px solid #eee;
display: inline;
}
                   
                   
                   
    </style>  
</head>
<body class="bg">
  <!-- #navbar -->
    <div class="navbar navbar-fixed-top {?$_顶部黑色导航栏}navbar-inverse{/$_顶部黑色导航栏}" id="navbar">
      <div class="navbar-inner topnav">
        <div class="container">
            <a class="pull-left brand " id="logo" href="{$global.url}" title="{$global.description}">{$global.name}</a>
            <div class="nav-collapse collapse">
                <ul class="nav" id="nav-top-left">
                  <li>
                    <a href="/" title="返回首页">首页</a>
                  </li>
                  {?pages}
                    {?loop:pages}
                      <li>
                        <a href="{$page.url}" title="{$page.title}">{$page.title}</a>
                      </li>
                    {/loop:pages}
                  {/pages}
                  <li>
                    <a href="{$global.archive_url}" title="存档">存档</a>
                  </li>
                </ul>
                <form class="" action="/">
                  <input id="form-search-query" type="text" name="q" class="search-query" placeholder="搜索一下,发现惊喜!">
                </form>
                <ul class="nav pull-right" id="nav-top-right">
                    {?inbox}
                        <li>
                            <a href="{$inbox.url}" title="留言 : 有什么口水,可以放在这里的,不会别人看见的.">
                                <i class="sns-icon-inbox"></i>
                            </a>
                        </li>
                    {/inbox}
                    {?contribute}
                        <li>
                            <a href="{$contribute.url}" title="{$contribute.title|nohtml}">{$contribute.title}</a>
                        </li>
                    {/contribute}
                    {?$_新浪微博地址}
                        <li>
                            <a href="{$_新浪微博地址}" title="新浪微博 : 经常活跃在新浪微博上面,能看到更多专业内容!">
                                <i class="sns-icon-sina"></i>
                            </a>
                        </li>
                    {/$_新浪微博地址}
                    {?$_腾讯微博地址}
                        <li>
                            <a href="{$_腾讯微博地址}" title="腾讯微博 : 作为一个熟人社交的网络空间,了解生活的点点滴滴!">
                                <i class="sns-icon-qq"></i>
                            </a>
                        </li>
                    {/$_腾讯微博地址}
                    <li>
                        <a href="{$meta.rss}" title="RSS订阅 : 通过RSS订阅,您不会漏掉文章的阅读的!">
                            <i class="sns-icon-rss"></i>
                        </a>   
                    </li>
                </ul>
            </div>
        </div>
      </div>
    </div>
                   
                      
  <!-- /#navbar -->
<div id="banner1"></div>
                       
                       
  <!-- #breadcrumb -->
  <div class="container">
    <div class="row">
      <div class="span12 post-nav" id="breadcrumb">
        <ul class="breadcrumb">
        <li>
          您所在的位置: 
        </li>
        <li>
          <a href="{$global.url}" title="{$global.name|nohtml}">首页</a> <span class="divider">/</span>
        </li>
        {?view.list}
          <li>{$global.name}-{$global.description}</li>
        {/view.list}
        {?view.post}
          {?posts}
            {?loop:posts}
            <li>
              {?post.video}{$video.description|nohtml_truncate:"16":"..."}{/post.video}
              {?post.text}{?$text.title}{$text.title}{/$text.title}{?!$text.title}{$text.summary|nohtml_truncate:"16":"..."}{/!$text.title}{/post.text}
              {?post.audio}{$audio.song}-{$audio.artist}{/post.audio}
             {?post.photo}{?$photos.title}{$photos.title}{/$photos.title}{?!$photos.title}{?$photos.description}{$photos.description|nohtml_truncate:"16":"..."}{/$photos.description}{?!$photos.description}欣赏最新图片集{/!$photos.description}{/!$photos.title}{/post.photo}
              {?post.link}{?$link.title}{$link.title}{/$link.title}{?!$link.title}{?$link.description}{$link.description|nohtml_truncate:"16":"..."}{/$link.description}{?!$link.description}{$link.url|truncate:"16":"..."}{/!$link.description}{/!$link.title}{/post.link}
            </li>
            {/loop:posts}
          {/posts}
        {/view.post}
        <li class="pull-right" id="mingyan"></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- / #breadcrumb -->
                   
  <!-- #container -->
  <div class="container" id="container">
    <div class="row">
      <!-- #mainContent -->
      <div class="span8" id="mainContent">
        <div class="content">
          <!-- #page-404 -->
          <?if(!dian.data.posts || dian.data.posts.length == 0){?>
            <div class="entry-container text" id="page-404">
               <h3>找不到相关结果</h3>
            </div>
          <?}?>
          <!-- /#page-404 -->
                   
                   
          <!-- .post -->
          <?dian.data.posts.forEach(function(post){?>
          <div class="post box">
            <!-- .post-title -->
            <div class="post-title clearfix">
              <div class="pull-left">
                <h4>
                  <a href="<?= post.url ?>" title="<? if(post.text || post.photo || post.link){ ?><? if(post.title){ ?><?= post.title ?><? } else { ?><? if(post.text) {?><?= dian.tools.nohtmlTruncate(post.summary, "16", "...") ?><? } else { ?><?= dian.tools.nohtmlTruncate(post.description, "16", "...") ?><? } ?><? } ?><? } ?><? if(post.audio){ ?><?= post.album ?> - <?= post.artist ?><? } ?><? if(post.video){ ?><?= dian.tools.nohtmlTruncate(post.description, "16", "...") ?><? } ?>">
                    <? if(post.top&dian.data.view.list){ ?><img src="http://x.zhaopeng.me/farm1/2893f5/070f0fcd/sticky.gif" alt="置顶文章" /> <span style="color:red;">[置顶]</span><? } ?><? if(post.text || post.photo || post.link){ ?><? if(post.title){ ?><?= post.title ?><? } else { ?><? if(post.text) {?><?= dian.tools.nohtmlTruncate(post.summary, "16", "...") ?><? } else { ?><?= dian.tools.nohtmlTruncate(post.description, "16", "...") ?><? } ?><? } ?><? } ?><? if(post.audio){ ?><?= post.album ?> - <?= post.artist ?><? } ?><? if(post.video){ ?><?= dian.tools.nohtmlTruncate(post.description, "16", "...") ?><? } ?>
                  </a>
                </h4>
                <p>
                  <i class="icon-user"></i> <a href="{$global.url}" title="{$global.name|nohtml}">{?$_作者名称}{$_作者名称}{/$_作者名称}{?!$_作者名称}{$global.name}{/!$_作者名称}</a> 
                  <i class="icon-calendar"></i> 
                    <?=dian.tools.dateFormat(post.date,'year')?>年<?=dian.tools.dateFormat(post.date,'month_number_with_zero')?>月<?=dian.tools.dateFormat(post.date,'day_of_month_with_zero')?>日 <?=dian.tools.dateFormat(post.date,'24_hour_with_zero')?>:<?=dian.tools.dateFormat(post.date,'minutes')?>:<?=dian.tools.dateFormat(post.date,'seconds')?>
                  <i class="icon-thumbs-up"></i> 被围观<?= post.total_pageviews ?>+
                </p>
              </div>
                   
              <div class="post-comment-counts">
            <div class="post-comment-nums">
          {?$_显示多说评论}<span class="ds-thread-count" data-thread-key="<?=post.id?>"></span>{/$_显示多说评论}
          {?$_显示点点评论}<span class="pull-right btn-success btn-mini badge dd-thread-count"><?=post.notes_count?></span>{/$_显示点点评论}
        </div>
                <a href="<?=post.url?>#post-comment" >
                  <span  class="pull-right badge badge-inverse post-comment-num" title="点点和多说评论都支持哈!"><?=post.notes_count?></span>                  
                </a>
              </div>
                   
            </div>
            <!-- /.post-title -->
                   
                               
                   
            <!-- view.list -->
            <? if(dian.data.view.list){ ?>
              <!-- .post-content -->
              <div class="post-content clearfix">
                   
                <!-- post.text -->
                <? if(post.text) {?>
                  <div class="post-thumbnail pull-left">
                    <a href="<?= post.url ?>" class="thumbnail" title="<?= post.title ?>">
                      <? if(post.thumbnail){ ?>
                        <img src="<?= post.thumbnail['square_250'].src ?>"  title="<?= post.title ?>" >
                      <? } else { ?>
                        <img src="{$_默认缩略图}" title="<?= post.title ?>" >
                      <? } ?>
                    </a>
                  </div>
                  <div class="post-summary">
                    <p><?= dian.tools.nohtmlTruncate(post.summary, "180", "...") ?></p>
                  </div>
                <? } ?>
                <!-- /post.text -->
                   
                <!-- post.photo -->
                <? if(post.photo) {?>
                  <div class="post-thumbnail pull-left">
                    <a href="<?= post.url ?>" class="thumbnail" title="<?= post.title ?>">
                      <img src="<? write(post.photos[0]['250'].src) ?>" title="<?= post.title ?>" />
                    </a>
                  </div>
                  <div class="post-summary">
                    <p><?= dian.tools.nohtmlTruncate(post.description, "180", "...") ?></p>
                  </div>
                <? } ?>
                <!-- /post.photo -->
                   
                <!-- post.link -->
                <? if(post.link) {?>
                  <div class="post-thumbnail pull-left">
                    <a href="<?= post.link_url ?>" class="thumbnail" title="<?= post.title ?>">
                      <img src="{$_默认缩略图}" title="<?= post.title ?>" >
                    </a>
                  </div>
                  <div class="post-summary">
                    <p><?= dian.tools.nohtmlTruncate(post.description, "180", "...") ?></p>
                  </div>
                <? } ?>
                <!-- /post.link -->
                   
                <!-- post.audio -->
                <? if(post.audio) {?>
                  <div class="post-thumbnail pull-left">
                    <a href="<?= post.url ?>" class="thumbnail" title="<?= post.title ?>">
                      <img src="<?= post.covers.square_250 ?>"  title="<?= post.title ?>" >
                    </a>
                  </div>
                  <div class="post-summary">
                    <div><?= post.player ?></div>
                    <p><?= dian.tools.nohtmlTruncate(post.description, "180", "...") ?></p>
                  </div>
                <? } ?>
                <!-- /post.audio -->
                   
                <!-- post.video -->
                <? if(post.video) {?>
                  <div class="post-thumbnail pull-left">
                    <a href="<?= post.url ?>" class="thumbnail" title="<?= post.title ?>">
                      <img src="<?= post.cover ?>"  title="<?= post.title ?>" >
                    </a>
                  </div>
                  <div class="post-summary">
                    <div><?= post.player ?></div>
                    <p><?= dian.tools.nohtmlTruncate(post.description, "180", "...") ?></p>
                  </div>
                <? } ?>
                <!-- /post.video -->
                   
              </div>
            <? } ?>
            <!-- /.post-content -->
            <!-- /view.list -->
            <!-- view.post -->
            <? if(dian.data.view.post){ ?>
            <!-- .post-content -->
              <div class="post-content clearfix">
                <!-- post.text -->
                <? if(post.text) {?>
                  <p>
                    <?= post.content ?>
                  </p>
                <? } ?>
                <!-- post.text -->
                   
                <!-- post.photo -->
                <? if(post.photo) {?>
                  <p>
                    <?= post.description ?>
                  </p>
                  <div>
                    <?post.photos.forEach(function(photo){?>
                      <center>
                        <a href="<?= photo['1280'].src ?>" title="<?= photo.alt ?>">
                          <img src="<?= photo['800'].src ?>" alt="<?= photo.alt ?>"/>
                        </a>
                      </center>
                      <p style="text-align: left;"><?= photo['description'] ?></p>
                    <?});?>                    
                  </div>
                <? } ?>
                <!-- post.photo -->
                   
                <!-- post.link -->
                <? if(post.link) {?>
                  <p>
                    <?= post.content ?>
                  </p>
                <? } ?>
                <!-- post.link -->
                   
                <!-- post.audio -->
                <? if(post.audio) {?>
                  <p>
                    <a style="float: left;margin:10px;" href="<?= post.covers['1280'] ?>"  class="fancybox" >
                      <img src="<?= post.covers['square_250'] ?>" alt="<?= post.album ?> - <?= post.artist ?>" onload="fixImgSize(this)">
                    </a>
                    <div style=" margin: 70px 30px; float: left;">
                      <?= post.player ?> <br/><b><?= post.album ?> - <?= post.artist ?></b>
                    </div>
                    <?= post.description ?>
                  </p>
                <? } ?>
                <!-- post.audio -->
                   
                <!-- post.video -->
                <? if(post.video) {?>
                  <p>
                    <center><?= post.player ?></center>
                    <?= post.description ?>
                  </p>
                <? } ?>
                <!-- post.video -->
              </div>
            <!-- /.post-content -->
            <? } ?>
            <!-- /view.post -->
                   
                   
                   
            <? if(dian.data.view.list){ ?>
              <!-- .post-meta -->
              <div class="post-meta clearfix">
                <div class="pull-left">
                  <h6> <i class="icon-tags"></i>
                  <? post.tags.forEach(function(tag){ ?>
                    <a href="<?= tag.url ?>" rel="tag" title="<?= tag.name ?>" target="_blank"> <?= tag.name ?> </a> 
                  <? }); ?>
                </div>
                <div class="pull-right read-more">
                  <a class="btn btn-small btn-inverse pull-right" href="<?= post.url ?>" title='<? if(post.text || post.photo || post.link){ ?><? if(post.title){ ?><?= post.title ?><? } else { ?><? if(post.text) {?><?= dian.tools.nohtmlTruncate(post.summary, "16", "...") ?><? } else { ?><?= dian.tools.nohtmlTruncate(post.description, "16", "...") ?><? } ?><? } ?><? } ?><? if(post.audio){ ?><?= post.album ?> - <?= post.artist ?><? } ?><? if(post.video){ ?><?= dian.tools.nohtmlTruncate(post.description, "16", "...") ?><? } ?>'>
                    阅读全文
                  </a>
                </div>
              </div>
              <!-- /.post-meta -->
            <? } ?>
                   
            <? if(dian.data.view.post){ ?>
              {?$_显示无觅相关文章}
              <!-- post-wumii -->
              <div class="post-wumii clearfix">
                <? require('dd://assets/2012/0920/1611415Cc6/wumii.coffee').wumii({num:"5",mode:"3",title_length:"30"}) ?>
              </div>
              <!-- / post-wumii -->
              {/$_显示无觅相关文章}
                   
            <!-- post-pagination -->
            <div class="post-pagination clearfix">
                <ul class="pager">
                  <? if(dian.data.pagination.prev){ ?>
                  <li>
                    <a href="<?= dian.data.pagination.prev.url ?>">&larr; 前一篇</a>
                  </li>
                  <? } ?>
                  <? if(dian.data.pagination.next){ ?>
                  <li>
                    <a href="<?= dian.data.pagination.next.url ?>">后一篇&rarr;</a>
                  </li>
                  <? } ?>
                </ul>
            </div>
            <!-- / post-pagination -->
            <? } ?>
          </div>
                   
                   
          <? if(dian.data.view.post){ ?>
            <!-- .post-copyright -->
            <div class="post-copyright box clearfix">
              <div class="pull-left post-author">
                <a href="<?=dian.data.global.url ?>" class="" title="<?=dian.data.global.description ?>">
                  <img src="<? write(dian.data.global.avatar['64'].src) ?>" class="img-polaroid" alt="<?=dian.data.global.description ?>">
                </a>
              </div>
              <div class="post-author-desc">
                <div>作者: <a href="<?=dian.data.global.url ?>" title="<?=dian.data.global.description ?>">{?$_作者名称}{$_作者名称}{/$_作者名称}{?!$_作者名称}<?=dian.data.global.name ?>{/!$_作者名称}</a></div>
                <div><?=dian.data.global.description ?></div>
              </div>
            </div>
            <!-- /.post-copyright -->
                   
          <!-- post-comment -->
          <div class="post-comment box clearfix" id="post-comment">
            {?$_显示多说评论}
            <!-- Duoshuo Comment BEGIN -->
              <div class="ds-thread" data-thread-key="<?=post.id ?>" data-title="<? if(post.text || post.photo || post.link){ ?><? if(post.title){ ?><?= post.title ?><? } else { ?><? if(post.text) {?><?= dian.tools.nohtmlTruncate(post.summary, "16", "...") ?><? } else { ?><?= dian.tools.nohtmlTruncate(post.description, "16", "...") ?><? } ?><? } ?><? } ?><? if(post.audio){ ?><?= post.album ?> - <?= post.artist ?><? } ?><? if(post.video){ ?><?= dian.tools.nohtmlTruncate(post.description, "16", "...") ?><? } ?>" data-author-key="627052" data-url="<?=post.url ?>"></div>
            <!-- Duoshuo Comment END -->
            {/$_显示多说评论}
            {?$_显示点点评论}
            {#sys:notes.text_color|value:"#040404"}
            {#sys:notes.blockquote_color|value:"#E7EAEE"}
            {#sys:notes.block_bg_color|value:"#fff"}
            {#sys:notes.block_border_color|value:"#C7CACC"}
            {#sys:notes.operation_link_color|value:"#999999"}
            {#sys:notes.enable_border_radius|value:"true"}
            {#sys:notes.width|value:"730"}
            <?= post.notes ?>
            {/$_显示点点评论}
          </div>
          <!-- / post-comment -->
          <? } ?>
        <? }); ?>
                   
        <? if(dian.data.view.list){ ?>
          <!-- .pagination -->
          <div class="pagination pagination-centered clearfix">
            <ul>
              <li>
                <? if(dian.data.pagination.prev){ ?>
                  <a href="<?= dian.data.pagination.prev.url  ?>">上一页</a>
                <? } ?>
              </li>
              <li>
                <?dian.data.pagination.pages.forEach(function(page){?>
                  <? if(page.number==dian.data.pagination.current_number){ ?>
                    <span class="current"><?= page.number ?></span>
                  <? } else { ?>
                    <a class='inactive' href="<?= page.url ?>"><?= page.number ?></a>
                  <? } ?>
                <?});?>
                                   
              </li>
              <li>
                <? if(dian.data.pagination.next){ ?>
                  <a class='page_next' href='<?= dian.data.pagination.next.url ?>'>下一页</a>
                <? } ?>                
              </li>
            </ul>
          </div>
          <!-- /.pagination -->
        <? } ?>
        <!-- /.post -->
        </div>
      </div>
      <!-- /#mainContent -->
                   
      <!-- #sidebar -->
      <div class="span4 " id="sidebar">
        <? if(dian.data.view.list && dian.data.pagination.current_number==1 && !dian.data.view.tag && !dian.data.view.search ){ ?>
        {?$_侧边栏AD1-TITLE}
        <!-- weget theme-->
        <div class="weget box" id="ad1">
          <h5>{$_侧边栏AD1-TITLE}</h5>
          {$_侧边栏AD1-CONTENT}
        </div>
        <!-- / weget -->
        {/$_侧边栏AD1-TITLE}
        <? } ?>
                           
                         
        {?$_显示多说最近游客}
        <div class="weget box" id="ad1">
          <h5>最近游客</h5>
        <ul class="ds-recent-visitors" data-num-items="14"></ul> 
        </div>
        {/$_显示多说最近游客}
                           
        <!-- weget tab -->
        <div class="weget box">
          <ul id="myTab" class="nav nav-tabs">
            <li class="active"><a href="#tags" data-toggle="tab">标签分类</a></li>
            <li><a href="#newest" data-toggle="tab">最新文章</a></li>
            <li><a href="#hotest" data-toggle="tab">最热文章</a></li>
          </ul>
          <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade in active" id="tags">
              <ul class="nav nav-pills">
                {?tags}
                {#sys:tags.number|value:"40"}
                {?loop:tags}
                  <li><a href="{$tag.url}" title="{$tag.name|nohtml} ({$tag.count}篇文章)">{$tag.name}<small class="muted">({$tag.count})</small></a></li>
                {/loop:tags}
                {/tags}
              </ul>
            </div>
            <div class="tab-pane fade" id="newest"></div>
            <div class="tab-pane fade" id="hotest"></div>
            <div class="tab-pane fade" id="hotmonth"></div>
          </div>
        </div>
        <!-- / weget tab -->
                   
        {?$_显示多说评论}
        <!-- weget duoshuo -->
        <div class="weget box">
          <h5>最新评论</h5>
          <div id="lastcomment">
          <ul class="ds-recent-comments" data-num-items="5" data-show-title="1" data-excerpt-length="17" data-show-avatars="1"></ul>                
          </div>
        </div>
        <!-- / weget duoshuo -->
        {/$_显示多说评论}
                   
                   
        <!-- frend links -->
        <div class="weget box" id="links">
          <h5>友情链接</h5>
          <div id="links">
            <ul class="nav nav-pills">
              {$_友情链接}     
            </ul>                
          </div>
        </div>
        <!-- / frend links -->
                   
                   
        {?$_侧边栏AD2-TITLE}
        <!-- weget  AD-->
        <div class="weget box">
          <h5>{$_侧边栏AD2-TITLE}</h5>
          {$_侧边栏AD2-CONTENT}
        </div>
        <!-- / weget -->
        {/$_侧边栏AD2-TITLE}
                   
                   
        {?$_侧边栏AD3-TITLE}
        <!-- weget  AD-->
        <div class="weget box">
          <h5>{$_侧边栏AD3-TITLE}</h5>
          {$_侧边栏AD3-CONTENT}
        </div>
        <!-- / weget -->
        {/$_侧边栏AD3-TITLE}
                   
      </div>
      <!-- /#sidebar -->
    </div>
                   
    <!-- footer -->
    <footer class="footer">
      <p>
        @2012 <a href="{$global.url}" title="{$global.description|nohtml}}"> {$global.name}</a> |  
        Powered By <a href="http://diandian.com" target="_blank" title="点点,让博客从此简单!">点点网</a> | 
        Designed by <a href="http://beardnote.com/" target="_blank" title="胡子笔记的主人!">大鹏</a>
      </p>
    </footer>
    <!-- / footer -->
  </div>
  <!-- /#container -->
                   
  <!--backtop-->
  <div data-widget="backtop"></div>
  <!-- / backtop-->
                   
                   
  {?$_显示底部公告栏}
  <!-- 底部公告栏 -->
  <div id="notice">
      <div class="close">
          <a href="javascript:void(0)" onclick="$('#notice').slideUp('slow');" title="关闭">X</a>
      </div>
      <div id="feed">
          <a href="<?= dian.data.meta.rss ?>" title="欢迎订阅本站" class="image"><img src="http://x.zhaopeng.me/farm1/2893f5/161db1f1/feed.gif" /></a>
      </div>
      <div class="bulletin">
          <ul>
              {$_公告内容}
          </ul>
      </div>
  </div>
  {/$_显示底部公告栏}
                   
                   
                   
  <!-- 引入js -->
  <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <!-- jquery js -->
  <script type="text/javascript" src="http://t.zhaopeng.me/js/libs/jquery/jquery-1.7-latest.js"></script>
  <!-- bootstrap js -->
  <script type="text/javascript" src="http://x.zhaopeng.me/farm1/6424fa/4f8a2833/bootstrap.min.js"></script>
  <!-- 图片延时加载 -->
  <script type="text/javascript" src="http://x.zhaopeng.me/farm1/c32ade/a5f64798/B519A.js"></script>
  <!-- 图片等比例缩放-->
  <script type="text/javascript" src="http://x.zhaopeng.me/farm1/6424fa/f55203fd/loadimage.js"></script>
  <!-- 返回顶部 -->
  <script src="http://x.zhaopeng.me/farm1/6424fa/46d08c23/backtop.js" charset="utf-8"></script>
  <!-- 顶部公告栏 -->
  <script type="text/javascript" src="http://x.zhaopeng.me/farm1/6424fa/8b00af51/jquery.notice.js"></script>
  <!-- 名言 -->
  <script type="text/javascript" src="http://pmeapp.duapp.com/static/mingyan.js"></script>
                   
  <script type="text/javascript">
    jQuery(document).ready(function($) {
    /*
      // 阅读全文加载
      $(".post").hover(function() {
        $(this).find(".read-more").fadeToggle();
      });
    */
      /* 图片延时加载
      $("#container img").lazyload({
        placeholder  : "http://x.zhaopeng.me/farm1/6424fa/49f3f902/grey.png", 
        effect       : "fadeIn",
        failurelimit : 30
      });*/
                   
      // tooltip
      $('#navbar a').tooltip({
        placement:"bottom"
      });
                   
      $('#container a').tooltip({
        placement:"top"
      });
                   
      //点点MP3排版
      $("div[id^='__ddMplayer']").each(function(){
        $(this).addClass("pull-right");
      });
                   
      // 最新文章 最热文章 
      $("#newest").load("{$global.url}/do/latestpost.html?_posts[limit]=10");
      $("#hotest").load("{$global.url}/do/latestpost.html?_posts[limit]=10&_posts[order_by]=notes"); 
                   
      // 标题动态加载
      $('.post-title h4 a').click(function(e){
           e.preventDefault();
          var htm='正在努力的加载中...',i=9,
            t=$(this).html(htm).unbind('click');
          (function ct(){
            i<0?(i=9,t.html(htm),ct()):(t[0].innerHTML+='.',i--,setTimeout(ct,200));
          })();
          window.location=this.href;//opera fixed
      });
                   
      //鼠标移动,图片高亮
      $('.post-title img').hover(
        function() {$(this).fadeTo("fast", 0.5);},
        function() {$(this).fadeTo("fast", 1.1);
      });
                   
      // 底部公告栏
      $(".bulletin").scroll({
          line: 1,
          speed: 1000,
          timer: 5000
      }); //修改此数字调整滚动时间
                   
      // 修改点点的iframe
      var dianIframe = $("iframe")[0];
      $(dianIframe).attr("height","auto");
      $(dianIframe).css("top","{$_点点按钮顶部距离}");
                   
      //图片等比例缩放
      $(".post-thumbnail img").LoadImage({
        scaling : true,
        width : 170,
        height : 130,
        loadpic:"http://x.zhaopeng.me/farm1/6424fa/c106a7b5/default.jpg"
      });
                       
      if($.browser.msie && parseInt($.browser.version, 10) === 6) {
        $("body").css({"padding-top":"0"});
        $("#ad1 img").css({"height":"240px","width":"250px"});
        $("#breadcrumb").css({"margin-top":"15px"});
        $("#sidebar").css({"margin-top":"15px"});
        $(".pagination ul li").css({"float":"left","margin-left":"10px"});
        $(".ds-recent-comments").attr({ "data-show-avatars": "0"});
      }
                   
      $('img').hover(
        function() {$(this).fadeTo("fast", 0.5);},
        function() {$(this).fadeTo("fast", 1.1);
      });
                       
                   
     setTimeout(function(){
      $(".post-comment-nums").each(function(){
        var dsNum = $(this).find(".ds-thread-count").text();
        var ddNum = $(this).find(".dd-thread-count").text();
        $(this).next().find(".post-comment-num").text((ddNum*1)+(dsNum*1));      
      });
                        
     },3000);
                       
    });
  </script>
                   
  {?$_显示多说评论}
  <!-- 多说评论 -->
  <script type="text/javascript">
  var duoshuoQuery = {short_name:"{$_多说域名}"};
  (function() {
    var ds = document.createElement('script');
    ds.type = 'text/javascript';ds.async = true;
    ds.src = 'http://static.duoshuo.com/embed.js';
    ds.charset = 'UTF-8';
    (document.getElementsByTagName('head')[0] 
    || document.getElementsByTagName('body')[0]).appendChild(ds);
                       
                   
                   
                   
  })();
                   
  </script>
  {/$_显示多说评论}
                   
                   
  {?$_google统计代码}
  <!-- google analytics -->
  <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{$_google统计代码}']);
    _gaq.push(['_trackPageview']);
    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  </script>
  {/$_google统计代码}
                   
  {?$_统计代码}
  {$_统计代码}
  {/$_统计代码}
                   
                   
</body>
</html>

添加新评论