该部分仅登录用户可见

前几天一直在着急跟客户服务器交付的事，手头的工作都没对接好，今天总算闲下来能摸摸鱼。

分享个CSGO壁纸

这个服务器其实11号就备案好了，但迫于生活压力一直没把博客迁回来，在搬迁过程中，我的一百多篇博文丢了大半，也不知道哪里出了啥出错。剩下来的文章跟新主题多半也有些不兼容，等再有空了慢慢修吧！

好了，扯回正文，这个服务器还是过年的时候买的特价华为云245，在他现在还没开始超售的时候真的是香的一批，~~等以后开始超售了我再回来骂(Hhhh)~~。我这个域名是在Dnspod上买的，但是我好像干了个贼蠢的事，我首次备案是在华为云，腾讯这边没有做接入备案，不知道啥时候会给我阻断，等阻断了我拿星星海的备案码来应付下，服务器能用三年，域名能用四年。到时候估计人们都不咋在意域名这个了，反正扔进收藏夹都一个样。

说到handsome这个主题，作者是真的牛逼...我光个性化的东西自己调了半天，真的好看，撞我审美上了。而且售价相比WP国外的主题简直是白菜价。等一会忙完了，把Aria2网盘链接迁过来就完美了，这里记录下我给主页做的设置。

CSS

/*首页文章版式圆角化*/
.panel{
    border: none;
    border-radius: 15px;
}

.panel-small{
    border: none;
    border-radius: 15px;
}

.item-thumb{
    border-radius: 15px;  
}

/*首页文章图片获取焦点放大*/
.item-thumb{
    cursor: pointer;  
    transition: all 0.6s;  
}

.item-thumb:hover{
      transform: scale(1.05);  
}

.item-thumb-small{
    cursor: pointer;  
    transition: all 0.6s;
}

.item-thumb-small:hover{
    transform: scale(1.05);
}

/*首页头像自动旋转放大*/
.thumb-lg{
    width:130px;
}

.avatar{
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out; 
}

.avatar:hover{
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}

#aside-user span.avatar{
    animation-timing-function:cubic-bezier(0,0,.07,1)!important;
    border:0 solid
}

#aside-user span.avatar:hover{
    transform:rotate(360deg) scale(1.2);
    border-width:5px;
    animation:avatar .5s
}

.panel h2{
    text-align: center; 
}
.post-item-foot-icon{
    text-align: center;
}

/*panel阴影*/
.panel{
   box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35);
    -moz-box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35);
}

.panel:hover{
    box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35);
    -moz-box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35);
}

.panel-small{
    box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35);
    -moz-box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35);
}

.panel-small:hover{
    box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35);
    -moz-box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35);
}

#如果也想使盒子四周也有阴影，加上以下代码
.app.container {
    box-shadow: 0 0 30px rgba(255, 112, 173, 0.35);
}

/*文章内图片悬停放大并将超出范围隐藏*/
.entry-thumbnail {
    overflow: hidden;
}

#post-content img {
    border-radius: 10px;
    transition: 0.5s;
}

#post-content img:hover {
    transform: scale(1.05);
}

PHP


#点击鼠标显示社会主义核心价值观

#将以下代码放在主题的handsome/component/footer.php中的</body>之前即可。

<script type="text/javascript"> 
var a_idx = 0; 
jQuery(document).ready(function($) { 
    $("body").click(function(e) { 
        var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善"); 
        var $i = $("<span/>").text(a[a_idx]); 
        a_idx = (a_idx + 1) % a.length; 
        var x = e.pageX, 
        y = e.pageY; 
        $i.css({ 
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, 
            "top": y - 20, 
            "left": x, 
            "position": "absolute", 
            "font-weight": "bold", 
            "color": "#ff6651" 
        }); 
        $("body").append($i); 
        $i.animate({ 
            "top": y - 180, 
            "opacity": 0 
        }, 
        1500, 
        function() { 
            $i.remove(); 
        }); 
    }); 
}); 
</script>

#404界面自动跳转返回

#打开/usr/themes/handsome/404.php，在第130行左右，在<h1 class="text-shadow text-white">404</h1>后面添加：

<br>
<small class="text-muted letterspacing">
<b id="sp">10</b>秒后自动返回···<br>
<a class="text-muted letterspacing" href="#" onclick="javascript:history.go(-1);">立刻返回</a>

#然后把下面这段放到最后的</body>前

<script type="text/javascript">
onload = function(){setInterval(go, 1000);};var x=10;
function go() {x--;if(x>0) {document.getElementById("sp").innerHTML = x;}else{history.go(-1);}}
</script>

有一说一，360在前端库这边给程序员确实提供了不少便利，那就用我几年前上中学时仍在用360来感谢他吧！

让我想想还有啥要写，等以后填坑

今天把博客换到Typecho了