搭建问题汇总:

  1. 输入域名出现“恭喜,网站创建成功”字样,无法正确进入博客

原因:在宝塔Linux面板里错误加入了伪静态文件导致无法正常访问

解决方法:删除后台的伪静态文件

自定义样式

主题篇

使用的主题是H-Siren主题,在此基础上进行了很多个性化修改

鼠标特效

本博客目前有两个鼠标特效,一个是背景的浮动线条,还有一个是鼠标点击特效.

使用方法:

在主题编辑器里打开footer.php,找到下面的代码:

<?php wp_footer(); ?>

然后,在这行代码上方加入如下两段代码:

浮动线条特效:

<script>
    !function(){
        function n(n,e,t){
            return n.getAttribute(e)||t
        }
        function e(n){
            return document.getElementsByTagName(n)
        }
        function t(){
            var t=e("script"),o=t.length,i=t[o-1];
            return{l:o,z:n(i,"zIndex",-1),o:n(i,"opacity",.5),c:n(i,"color","0,0,0"),n:n(i,"count",99)}
        }
        function o(){
            a=m.width=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,
                c=m.height=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight
        }
        function i(){
            r.clearRect(0,0,a,c);
            var n,e,t,o,m,l;
            s.forEach(function(i,x){
                for(i.x+=i.xa,i.y+=i.ya,i.xa*=i.x>a||i.x<0?-1:1,i.ya*=i.y>c||i.y<0?-1:1,r.fillRect(i.x-.5,i.y-.5,1,1),e=x+1;e<u.length;e++)n=u[e],
                null!==n.x&&null!==n.y&&(o=i.x-n.x,m=i.y-n.y,
                    l=o*o+m*m,l<n.max&&(n===y&&l>=n.max/2&&(i.x-=.03*o,i.y-=.03*m),
                    t=(n.max-l)/n.max,r.beginPath(),r.lineWidth=t/2,r.strokeStyle="rgba("+d.c+","+(t+.2)+")",r.moveTo(i.x,i.y),r.lineTo(n.x,n.y),r.stroke()))
            }),
                x(i)
        }
        var a,c,u,m=document.createElement("canvas"),
            d=t(),l="c_n"+d.l,r=m.getContext("2d"),
            x=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||
                function(n){
                    window.setTimeout(n,1e3/45)
                },
            w=Math.random,y={x:null,y:null,max:2e4};m.id=l,m.style.cssText="position:fixed;top:0;left:0;z-index:"+d.z+";opacity:"+d.o,e("body")[0].appendChild(m),o(),window.onresize=o,
            window.onmousemove=function(n){
                n=n||window.event,y.x=n.clientX,y.y=n.clientY
            },
            window.onmouseout=function(){
                y.x=null,y.y=null
            };
        for(var s=[],f=0;d.n>f;f++){
            var h=w()*a,g=w()*c,v=2*w()-1,p=2*w()-1;s.push({x:h,y:g,xa:v,ya:p,max:6e3})
        }
        u=s.concat([y]),
            setTimeout(function(){i()},100)
    }();
</script>

鼠标点击特效:

<script type="text/javascript">
    /* 鼠标点击特效 */
    var a_idx = 0;
    jQuery(document).ready(function () {("body").click(function (e) {
       /*     var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");*/
            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": 999999999999999999999999999,
                "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>

可以自行调整参数

原版鼠标点击特效是社会主义核心价值观,改成念诗是单纯出于对这两句诗的喜爱,特此声明

插件篇

本博客目前使用的插件有:

Crayon Syntax Highlighter :用于实现代码高亮,自由度很高

Easy Table of Contents : 在文章前方放置一个目录

MathJax-LaTeX : 顾名思义,渲染数学公式用的

WP Editor.md : 使文章支持Markdown格式

WP-Cumulus 汉化版 :

这个需要着重介绍.在主页右上角的"标签球"页面中可以看到效果,这个插件可以生成一个标签球.

原版插件只支持英文标签,强行使用会导致中文标签无法显示.我目前使用的是中文汉化版,不仅后台的设置页面汉化完毕,而且标签支持中文.同时,稳定性很好,不会出现一些汉化版本的转速不稳定问题.

使用方法:

首先可以生成一个页面(不生成直接嵌入也行),调出所使用的模板,在合适位置加上

<?php wp_cumulus_insert(); ?>

即可.

具体的个性化设置可以在博客后台的设置里找到.

找这个插件也费了一些功夫,需要的可以留言

该部分长期更新

说点什么
支持Markdown语法
好耶,沙发还空着ヾ(≧▽≦*)o
Loading...