搭建问题汇总：
- 输入域名出现“恭喜，网站创建成功”字样，无法正确进入博客
原因：在宝塔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(); ?>
即可.
具体的个性化设置可以在博客后台的设置里找到.
找这个插件也费了一些功夫,需要的可以留言
该部分长期更新
