WordPress鼠标指针样式自定义

继续折腾自己的博客!

今天要做的事自定义鼠标样式!需要做的是增加css样式!

第一步:选择鼠标样式,最好是两个状态,正常和链接,即普通的箭头和小手

第二步:将样式的cur文件上传至服务器

第三步:进入后台→主题→自定义→额外css

第四步:在输入框输入如下代码

/** 鼠标样式 开始**/ 
/** 普通指针样式**/ 
body {
cursor: url(https://blog.songtianlun.cn/wp-content/themes/hestia/mouseclink/normal.cur), default;
}

/** 链接指针样式**/ 
a:hover{cursor:url(https://blog.songtianlun.cn/wp-content/themes/hestia/mouseclink/link.cur), pointer;}

/** 鼠标样式 结束**/

注:根据自己的实际情况修改其中的链接部分,我使用的鼠标样式可以从中获取

第五步:发布,就可以看到效果啦!

本文参考文章:wordpress指针样式自定义——美化你的blog

更多鼠标样式下载:鼠标样式

WordPress鼠标点击出现爱心

同上文,眼馋各大博主博客令人眼前一亮的设计,想要给自己博客也打扮打扮,今天就来弄弄鼠标点击出现爱心的效果吧!

采用了代码方式实现,很简单:

第一步:在主题根目录创建js文件,写入如下代码:

(function(window,document,undefined){
var hearts = [];
window.requestAnimationFrame = (function(){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function (callback){
setTimeout(callback,1000/60);
}
})();
init();
function init(){
css(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;}.heart:after{top: -5px;}.heart:before{left: -5px;}");
attachEvent();
gameloop();
}
function gameloop(){
for(var i=0;i<hearts.length;i++){
if(hearts[i].alpha <=0){
document.body.removeChild(hearts[i].el);
hearts.splice(i,1);
continue;
}
hearts[i].y--;
hearts[i].scale += 0.004;
hearts[i].alpha -= 0.013;
hearts[i].el.style.cssText = "left:"+hearts[i].x+"px;top:"+hearts[i].y+"px;opacity:"+hearts[i].alpha+";transform:scale("+hearts[i].scale+","+hearts[i].scale+") rotate(45deg);background:"+hearts[i].color;
}
requestAnimationFrame(gameloop);
}
function attachEvent(){
var old = typeof window.onclick==="function" && window.onclick;
window.onclick = function(event){
old && old();
createHeart(event);
}
}
function createHeart(event){
var d = document.createElement("div");
d.className = "heart";
hearts.push({
el : d,
x : event.clientX - 5,
y : event.clientY - 5,
scale : 1,
alpha : 1,
color : randomColor()
});
document.body.appendChild(d);
}
function css(css){
var style = document.createElement("style");
style.type="text/css";
try{
style.appendChild(document.createTextNode(css));
}catch(ex){
style.styleSheet.cssText = css;
}
document.getElementsByTagName('head')[0].appendChild(style);
}
function randomColor(){
return "rgb("+(~~(Math.random()*255))+","+(~~(Math.random()*255))+","+(~~(Math.random()*255))+")";
}
})(window,document);

第二步:修改主题目录下footer.php文件,引入代码

<script type="text/javascript" src="https://***/wp-content/themes/hestia/mouseclink/clink.js"></script>

第三步:清缓存,刷新!

本文参考了下列博文内容:

鼠标点击出现爱心js特效代码分享

WordPress 添加下雪特效

最近非常热衷于逛博客,各大博主博客都非常出彩,弄得我心里面痒痒的也想弄,就先从一个下雪效果开始吧!

在网上找了很多资料,最后找到一个非常靠谱的,步骤非常简单!

第一步:将snow上传至主题根目录并解压

第二步:修改其中js文件指定雪花的地址

第三步:编辑主题中的footer.php文件,添加以下代码引用效果

<script type="text/javascript" src="<?php bloginfo('template_url');?>/snow/snow.js"></script>

第四步:清清缓存!

效果可以看本页!

sonw文件在这里下载:点击下载

在本页资源分享站中也可找到:https://data.songtianlun.cn

差点忘记一个非常重要的事情,

参考文章: wordpress 添加下雪特效

WordPress自动推送新文章收录百度

百度站长工具提供了很多种页面收录方式,在百度资源搜索平台提供了多种提交方式,比如自动提交,手动提交,以及sitemap。

百度资源搜索平台:https://ziyuan.baidu.com/

在这里介绍两种方式,一种是使用代码的方式,一种是使用插件,不知道是否能成功,如果大家能在百度搜索到这篇文章,自然代表着成功啦!

先说第一种,代码!

在主题function.php文件中插入如下代码:

//文章发布自动推送
if(!function_exists('Baidu_Submit')){ 
  function Baidu_Submit($post_ID) { 
    $WEB_TOKEN = 'token值'; //这里请换成你的网站的百度主动推送的token值 
    $WEB_DOMAIN = get_option('home'); //已成功推送的文章不再推送 
    if(get_post_meta($post_ID,'Baidusubmit',true) == 1) return; 
    $url = get_permalink($post_ID); 
    $api = 'http://data.zz.baidu.com/urls?site='.$WEB_DOMAIN.'&token='.$WEB_TOKEN; 
    $request = new WP_Http; $result = $request->request( $api , array( 'method' => 'POST', 'body' => $url , 'headers' => 'Content-Type: text/plain') ); 
    $result = json_decode($result['body'],true); //如果推送成功则在文章新增自定义栏目Baidusubmit,值为1 
    if (array_key_exists('success',$result)) { add_post_meta($post_ID, 'Baidusubmit', 1, true); 
                                             } } add_action('publish_post', 'Baidu_Submit', 0); 
}

即可在文章发布后自动推送百度,在百度资源可以看到推送结果。

第二种,插件!

在wordpress插件搜索BaiduXZH Submit,安装即可!

声明

第一种方式来源页:免插件实现WordPress主动推送文章到百度

第二种插件官网:爱上极客

希望能成功!

WordPress检测文章手否被百度收录

开通博客后就痴迷于让更多的人看到自己的博客,在百度搜索资源提交链接,又配置了文章自动提交百度的代码,还是想知道文章是否被百度收录,于是找到了下面这篇文章:

WordPress百度是否已收录查询插件WP-Baidu-Record

文章提供了一种方式,不需要安装插件就可以实现文章是否提交百度的检测及显示,一步搞定!

在主题function.php文件中插入如下代码即可:

/*
Plugin Name: Baidu-Accept
Plugin URI: http://www.d4v.com.cn
Description: 判断当前文章是否被百度收录,若没有被收录则可点击提交至百度,加速收录!(此插件在文章页面仅管理员可见) 
Version: 1.0
Author: Jovae
Author URI: http://www.d4v.com.cn
License: GPL
*/
function d4v($url){
    $url='http://www.baidu.com/s?wd='.$url;
    $curl=curl_init();
    curl_setopt($curl,CURLOPT_URL,$url);
    curl_setopt($curl,CURLOPT_RETURNTRANSFER,1);
    $rs=curl_exec($curl);
    curl_close($curl);
    if(!strpos($rs,'没有找到')){
        return 1;
    }else{
        return 0;
    }
}
add_filter( 'the_content',  'baidu_submit' );
function baidu_submit( $content ) {
    if( is_single() && current_user_can( 'manage_options') )
        if(d4v(get_permalink()) == 1)
            $content="<p align=right>百度已收录(仅管理员可见)</p>".$content;
        else
            $content="<p align=right><b><a style=color:red target=_blank href=http://zhanzhang.baidu.com/sitesubmit/index?sitename=".get_permalink().">百度未收录!点击此处提交</a></b>(仅管理员可见)</p>".$content;
        return $content;
    }

之后就可以查看文章是否被收录了!

文章核心内容来源:http://www.1mayi.com/9655.html

私人网盘nextcloud配置问题解决

安装流程

配置流程非常简单,主要是参考了下面这篇博文配置,在宝塔面板下安装nextcloud,非常简单。

博文跳转:https://www.vpsss.net/5780.html

大概总结以下步骤:

第一步:官网下载安装包:https://nextcloud.com/

路径:getnestcloud → Server packages → Download

第二步:将安装包上传至网页服务器根目录并解压

第三步:直接访问,配置账号、数据库等

第四步:解决问题!

我主要是碰到了下面这个问题,配置完成之后显示内部错误。

错误提示

解决办法,安装php7.2!

简单粗暴,但是很有用,网上有一些博主碰到更多问题,在这里稍微总结几个:

宝塔面板部署NextCloud逐一解决后台安全及设置警解决CentOS中安装Nextcloud出现“内部服务器错误”

好了,站点开通,域名如下:

演示链接:drive.songtianlun.cn

问题集锦


在nextcloud使用过程中遇到的一些问题及解决方案记录在这里

问题一、一些文件没有通过完整性检查. 了解如何解决该问题请查看我们的文档. (无效的文件列表… / 重新扫描…)

点击无效的文件列表,INVALID_HASH 这里表示错误的文件,根据提示的路径查看,多半是你自己上传的和程序无关的文件,移动到其他地方就好。EXTRA_FILE 这里表示多余的文件,需要删除。EXCEPTION 其他错误信息。

解决信息来源:Nextcloud搭建私有云解决安全及设置警告

问题二、NextCloud一直处于维护状态解决方法

Ubuntu 在next cloud的目录下,对着occ脚本运行

维护模式的启用和关闭
sudo -u www-data php occ maintenance:mode --on
sudo -u www-data php occ maintenance:mode --off
PS:以上命令,需要进入nextcloud的安装目录内,找到occ命令后,执行,如果是centos环境那么要改成 apache php xxxxx即可

也可直接修改文件

解决信息来源:NextCloud一直处于维护状态解决方法

nextcloud更新后进入维护模式怎么退出,最佳回答

问题三:.PHP 的设置似乎有问题, 无法获取系统环境变量. 使用 getenv(\”PATH\”) 测试时仅返回空结果.

一行代码解决,在以下位置(根据php版本修改目录)添加以下代码

env[PATH] = /usr/local/bin:/usr/bin:/bin:/usr/local/php/bin

保存,并重载php配置解决

参考文章:宝塔面板部署NextCloud逐一解决后台安全及设置警告

问题四:内存缓存未配置,为了提升使用体验,请尽量配置内存缓存。更多信息请参见文档

这个问题是指php的缓存模块没有安装,nextcloud支持APCu、Memcached、Redis等模块,选择其中一个安装。

编译安装完毕之后,从宝塔面板打开/www/wwwroot/你的域名/config/config.php,手动给nextcloud的配置文件中添加一行设置,指定使用APCu作为缓存

参考文献同问题三!

问题五:docker安装与宿主机通信问题

核心:需找到docker与宿主机通信网卡的ip

172.17.0.1是本次找到的ip

DirectoryLister搭建个人资源分享站点及私人云盘搭建小记

喜大普奔!本站开通了资源共享站点及私人云盘!

简直是好一通折腾,故事说来话长,本文主要谈谈私人共享站点搭建过程中遇到的问题及体会

引言

一直想要搭建一个属于自己的资源共享小站,把一些不好寻找的资源放在站点上供我的朋友们下载,随着博客、主页的陆续开通,想着时机已到,于是开始着手准备了解各种资源。

没做的时候以为类似的资料会很少,但是从一篇博文中了解到其实有很多种开源的目录列表程序

文章跳转:5款简单实用的免费目录列表程序(Directory Lister)演示及下载

经过

尝试了h5ai之后,发现了自己云虚拟主机的限制,于是采用更加自由的director lister进行搭建,搭建过程非常简单:

第一步:下载程序:官网(http://www.directorylister.com/

第二步:将压缩包解压至web服务器根目录下

第三步:使用域名进行访问

若使用二级目录,需要对程序进行一些调整,调整方法大概就是对resources/themes/bootstrap/目录下的index.php中的css/js引用进行修改,修改路径为域名解析到二级目录,详情见优化中的博文!

第四步:将需要共享的文件放置在resource同级目录下,就可以看到分享的文件啦!

优化

在实际使用过程中发现一个问题,

那就是一个字:

慢!

查了一下原因,是因为原生的页面中使用了google的字体,而谷歌字体在国内虽然能用,但是苟延残喘,也就是因此大大降低了页面加载速度,同样的,在网上找到一篇博文很完美的解决了这个问题!

博文跳转:通过 Directory Lister 简单实现服务器目录列表展示

上面的文章中介绍了原因,同时提供了一个修改过的版本,在博文中可以下载,同时在本站资源共享站也提供下载(资源站:https://songtianlun.cn/dateshare

结束

至此,实用Directory Lister搭建的个人资源共享小站大功告成,欢迎大家来玩!

演示链接:https://songtianlun.cn/dateshare

宋天伦

2019.1.8

《开讲啦》王树国校长开讲感受

开讲时间:2018年12月30日

开讲嘉宾:王树国校长(西安交通大学校长)

引言:在家人建议下看了这一期开讲啦,感触很多,短短的四十四分钟时间让我汲取了很多的营养,感觉备受鼓舞,在这里将听讲过程中的一些笔记结合自己的感受记录如下:

1.何谓“交通”大学

交通大学的“交通”二字,和字面含义天差地别。交通大学的“交通”二字解义为天地交,则万物通。交通二字暗喻培养通宵天文地理的综合性人才,非“司机”也。

2.关于交大的“711”工作制度

一周工作七天,一天工作11小时。为什么要有这么高强度的工作压力?一句话总结“缓进则退,不进则亡”。当今中国正处在一个高速发展的时期,无论国内,在国际上更是发展迅猛,没有人会停下前进的脚步,想要不被时代抛弃,想要走到时代前列, 就必须要十分的努力,奋力向前,投入自己一百二十分精力也许才有可能圆梦。

3.关于领导的特质

领导不但要自己做好,还要领导一群人一起租好,才算做好。这跟普通的领头有着本质的区别,也就因此作为领导要考虑的一定是一个群体的共同命运,所谓之命运共同体,人类的命运本身就是连接在一起的。

4.家国情怀,事业为先

5.大学的现况

大学本应该是技术的引领者, 但是现在企业技术远远走在大学前面,最核心的技术常常都是在企业里,企业的各种设施常常领先高校,这是不符合时代发展需求的,如果这样下去,大学的意义何在呢?

大学本该是先进技术的聚集地,最先进的技术应该在大学首先使用,首先采用,这样子才能培养出适应时代发展的人才。

6.是攻是守

守是守不住的,没听说过谁守出一番轰轰烈的大事业,当今世界想要成就事业,一定要走出去,主动融合,主动进步。

7.关于拖延症

为什么会有拖延症呢?总是感觉手机上有太多的东西需要我看?

也许是因为心中缺少梦想,心中有梦,自然会朝着梦想前进。在当代,梦想一词出现率越来越高,但似乎人们也越来越不相信梦想了。

8.时间短暂怎么办?

既然时间短暂,就更要珍惜每一段时间,做短暂却闪耀的流星

9.大学的意义

填报志愿常常会问专业和学校哪个更重要,二者重要程度因人而异,但是如果非要排个序,也许学校更加重要,因为学生的成才不局限于知识的传授,更在于环境的熏陶。一个人综合能力的培养才是大学当务之急,和知识输入比起来,在大学学会学习,提升自己的学习能力显得更加重要。

10.看事情要抓住主要矛盾

11.大学挑环境还太早

只有尽力了磨难,才会发现自己会有很多的想法。真想到达事业的顶点,最好的环境不一定能帮助到达,也许选择接受苦难才是通往成功的必由之路。

12.创业低龄化

在大学生中,创业行为变得越来越普遍,有越来越多的人休学创业甚至逃课创业。逃课创业是坚决不提倡的,提倡的是在创业中接触到先进技术体会到疾苦,待学到更多的知识再回到课堂更好的完成学业。创业是否适合一个人,关键是看是否具备出去创业的条件和机会。

13.大学怎样才能和社会对接

大学必须要主动和企业对接,主动走出去,开放自身,提升学生的眼界,让学生了解更多的技术,培养更全面的事业,最重要的,还是主动和企业合作培养真正先进的,对社会有用的人才。

14,关于做好一件事情

做好一件事情很难,做不好一件事很容易。办好一所学校需要几十上百年,毁掉一所学校几年就够了。想要做好一件事情,一定少不了坎坷与荆棘,要做的就是尽自己最大的努力一路披荆斩棘。

总结

当今大学正面临前所未有的挑战,培养的人才多不能直接被企业所用,学生想得最多的还是如何到一所好学校,这充分表明当代大学教育还不够先进,不足以满足当代中国人的能力培养需求,因此提升高等教育办学水平乃当代中国当务之急!

宋天伦

2019.1.4

《海王》电影观后小感

看了最近很火的电影——《海王》

网络评分力压同档期电影的一部电影,真实看过后有几点感受,本着不剧透的原则记录下自己的一点小感受来跟大家分享。

一、似曾相识

电影中个别镜头让我有一种似曾相识之感。

(1)“熟悉”的超能力

小亚瑟和同学一起参观海洋馆,在海洋馆中他发现自己可以和海洋生物对话,就在这时遭受到了比自己发育快一些同学的欺负,刚刚一只鲨鱼撞击玻璃帮小亚瑟解围,由此开启了亚瑟的陆地“海王”生涯。

这一场景让我快速联想到了《哈利波特与密室》中小哈利被哥哥欺负时发现自己可以同蛇对话,后来使用这一天赋帮助魔法世界解除一次大灾难。两者实在有一些异曲同工之妙,且不说二者的其他关系,只觉得《海王》确实将这一场景带来的效果发挥的较为完美。

(2)退化为流氓的“海沟族”

海沟族在历史上一次大的变革中退化为流氓氏族,亚瑟和湄拉为了寻找失落的