分类: 折腾

wordpress exprience

  • WP Editor.MD:一个好用的Markdown WP插件

    转载自

    WP Editor.MD:一个好用的Markdown WP插件 | 苏城一只猫

    https://iiong.com/wordpress-plugins-wp-editormd.html

    前言

    Markdown大法吼

    接触Markdown差不多有大半年了,真是越来越爱~

    因为蛋疼的WordPress不支持Markdown换了各种博客系统:Typecho,Hexo,Ghost,PageKit等等…包括自己开发的一套博客系统。

     

    然后溜达一圈又回来了,无他,目前就觉得WordPress相对而言比较完美的。所以现在博客用那个markdown.js库编辑器。好是好,但是丑啊…

    一直使用Editor.md编辑器,真心好使。连我的为知笔记都是用它:

    本来16年中旬就想弄的,一直就拖到现在…主要之前找不到前台渲染的方案。不过前段时间灵感一闪,有了办法,没想到成功了。

    说明

    WP Editor.MD是一个漂亮又实用的在线Markdown文档编辑器。

    基于Editor.md构建对WordPress平台的支持。

    使用WordPress Jetpack的Markdown模块来解析和保存内容。

    特征

    以上划线的目前不支持,未来版本支持

    安装

    怎么安装你真的真的不会吗?

    不过,请把文件夹重命名为:WP-Editor.MD,否则会出现不正常的现象!

    可能会有提交WordPress官方的计划。

    下载

    Github:WP-Editor.MD

    Coding:WP-Editor.MD

    点击下载:

    国外:Github

    国内:Coding

    截图

    更新日志

    /> 1.0

    • 第一版本

    反馈

    如果有BUG请在本站文章下面的评论框提交,谢谢。

    欢迎捐赠!

  • JS实现网页动态标题

    逛网页时,无意间发现了个动态的网页标题,很有趣。于是自己也跟风做了一个。其实很简单,运用的是JavaScript的onblur和onfocus函数;

    源自 https://cherryml.com/


    代码实现:

    <html>
    
    <head> 
    
    <meta charset="utf8"> 
    
    <title>别看了,学习啦!</title>
    
    <script type="text/javascript"> 
    
    // window 失去焦点 
    
    window.onblur = function() { 
    
    document.title='(つ ェ ⊂)我藏好了哦~'; 
    
    };
    
    // window 获得焦点 window.onfocus = function() { 
    
    document.title='(*゜ロ゜)ノ被发现了~'; 
    
    setTimeout("document.title='别看了,学习啦!'",3000); }
    
    </script> 
    
    </head>
    
    <body> 
    
    </body>
    
    </html>

    那么,如何在自己的博客上实现这种效果呢?

    很简单,找到博客的 header.php,在</title>后面加这么一段JavaScript代码:

    <script type="text/javascript">  var title=document.title;  // window 失去焦点  window.onblur = function() {  document.title='(つ ェ ⊂)我藏好了哦~'; }; // window 获得焦点  window.onfocus = function() {  document.title='(*゜ロ゜)ノ被发现了~';  setTimeout("document.title=title",3000);  } </script> 
  • Akina主题-Born for design

    原文地址;

    Akina主题-Born for design | Akina

    https://www.akina.pw/archives/22

     

    akinaalllin.jpg
    akinaalllin.jpg

    说在前边

    这个主题断断续续写了有两个月了,因为平时也很忙,只能抽时间来弄,加之我很懒,所以进度就变得无比之慢,最近我觉得得赶快把他给弄出来,我自己都看不下去这进度了

    先说说为啥叫“Akina”吧,因为我喜欢…. 当然Akina是日语是秋明的意思,本来我就喜欢玩头文字D,加之我是学建筑设计的,所以对日本的设计很有好感,索性就叫做“Akina”了

    这个主题,完全免费,没错,你没有看错.. 并且我会长期更新,直到我觉得没有再更新的必要了

    交流群

    280362234 群申明 请戳进去看看

    关于价格

    Akina主题为免费主题,如果你喜欢这个主题, 可以打赏我作为支持,金额为5元,不强求,或多或少都 是对我的支持,有了您的肯定,我将更有动力设 计第二款,第三款,以及更多好看的主题,谢谢!

    特点

    1. 设计上,肯定是特点了,简约而不简单,字体大小,间距,留白,颜色等等都是经过多次设计和揣摩
    2. 响应式!不信你试试
    3. 独特的博客布局,不同区域都可以选择开启和关闭,最大自由的调整布局
    4. 支持文章社交分享,点赞
    5. 加入了欢迎页面,友链以及归档页面,也都是很好看的,不信你试试
    6. 文章AJAX加载,评论分页AJAX以及评论提交AJAX
    7. 有着不错的动画,比如那个下载按钮,AJAX时的动画,以及页面载入时候的动画
    8. 评论收缩可以选择开启或者关闭,支持第三方评论
    9. 顶部菜单也有两种模式哦
    10. 好几种颜色可以选,都是高级灰
    11. 更多的特点就等你自己去寻找了
    12. 因为代码问题,Akina主题必须在4.4以上版本下使用,不然会出现错误

     

    下载

    [download]https://coding.net/u/lengsir/p/akinademo/git/raw/master/akina1.06-3.29.zip[/download]

    请确认您的wordpress 版本为最新版本

    声明

    • 关于版权,主题下方 theme:Akina by Fuzzz 需要保留,不然请不要使用本主题
    • Akina是我的第一个主题,我会一直更新,直到没有更新的必要
    • 如有疑问,请在关于我页面当中提出,但是不保证都能解决,毕竟我也是新手

     

    更新

    • 7.23号 增加了七牛图片cdn加速,只需在后台填写你七牛域名即可,可以让图片加载更快
    • 7.24号 增加了顶部加载条效果
    • 7.28号 增加了作品集模式,后台选取一个分类或者多个分类
    • 7.30号 修复了移动端导航BUG,后台新增分类点击无效BUG,美化了邮件回复样式
    • 8.1号 修复使用多说评论时,页面不开启评论的时候,评论依然存在,修复友链页面,不填写描述是错位BUG

    完整介绍请移步(链接失效) https://www.akina.pw/themeakina

    原作者新站点链接:http://fui.im

     

    AKINA主题使用教程

    视频教程

     

    关于AKINA的分支

    其实很感谢群里的小伙伴们,是你们使得AKINA变的多样 ,并且让AKINA得到了更新

    这里我推荐几个 大家可以去下载他们的主题

    苏州城一只基佬猫 主题演示以及下载地址 https://iiong.com/

    蜜汁路易 主题演示以及下载地址 https://i94.me/

    以及增加了波浪效果的TA4 https://www.ta4.cn/

    然后最后推荐一个音乐插件 ,这个插件在集成了PJAX的AKINA所有主题上都 可以使用

    由路易制作的 WordPress Plugins PoiPlayer

    地址(链接失效)  https://i94.me/20.html

    此博主现博客地址:https://cssplus.org

    谢谢使用Akina主题

  • 雪花特效JS代码(网站下雪效果)

    本文系转载
    作者:小天蝎
    链接:https://www.ilovetoo.cc/xuehua/

    特效代码一:

    <script type="text/javascript">
    (function($){
    	$.fn.snow = function(options){
    	var $flake = $('<div id="snowbox" />').css({'position': 'absolute','z-index':'9999', 'top': '-50px'}).html('&#10052;'),
    	documentHeight 	= $(document).height(),
    	documentWidth	= $(document).width(),
    	defaults = {
    		minSize		: 10,
    		maxSize		: 20,
    		newOn		: 1000,
    		flakeColor	: "#AFDAEF" /* 此处可以定义雪花颜色,若要白色可以改为#FFFFFF */
    	},
    	options	= $.extend({}, defaults, options);
    	var interval= setInterval( function(){
    	var startPositionLeft = Math.random() * documentWidth - 100,
    	startOpacity = 0.5 + Math.random(),
    	sizeFlake = options.minSize + Math.random() * options.maxSize,
    	endPositionTop = documentHeight - 200,
    	endPositionLeft = startPositionLeft - 500 + Math.random() * 500,
    	durationFall = documentHeight * 10 + Math.random() * 5000;
    	$flake.clone().appendTo('body').css({
    		left: startPositionLeft,
    		opacity: startOpacity,
    		'font-size': sizeFlake,
    		color: options.flakeColor
    	}).animate({
    		top: endPositionTop,
    		left: endPositionLeft,
    		opacity: 0.2
    	},durationFall,'linear',function(){
    		$(this).remove()
    	});
    	}, options.newOn);
        };
    })(jQuery);
    $(function(){
        $.fn.snow({ 
    	    minSize: 5, /* 定义雪花最小尺寸 */
    	    maxSize: 50,/* 定义雪花最大尺寸 */
    	    newOn: 300  /* 定义密集程度,数字越小越密集 */
        });
    });
    </script>
    
    

    (更多…)

  • 你为什么要用 chrome

     

    作者:欧永泳
    链接:https://www.zhihu.com/question/22749700/answer/22550165
    心血来潮觉得这文章好,就转来了。。。

    给 XX 重装了系统,她装了 360 浏览器,很快地,我发现桌面上多了 360 安全卫士,360 杀毒,360 手机卫士,360 安全导航,360…

    然后又重装了系统,这次明令禁止安 360 浏览器,于是她装了猎豹浏览器。很快地,我发现桌面上多了金山卫士,悟空杀毒,金山手机管家。。。。。

    然后又重装了系统,这次明令禁止安装 360,猎豹,后来她装了 QQ 浏览器,我没发现多了什么东西,原来什么 QQ 管家,QQ 音乐,QQ 输入法早就被安装好了。。。

    后来又重装了系统,这次我让她只能用 chrome,世界清静了。妹子从此再也没找过我。

    我觉得国产浏览器嘛,人性化是好事,但目前它们 何止人性化,简直通人性了,应该叫人精化差不多。

    接下来让大家乐一乐

    我叫 X 大锤,是一名中学生。

    最近社会治安不太好,发生了几起绑架学生案,我爸出于担心我的安全,给我配了一名保镖。免费的。

    我起初不太相信这世界上有免费保镖这一回事,但眼前这个梳着油亮亮的四六分发型穿着西装戴着眼镜的小青年再三向我强调他是免费保镖,我姑且信他一回。

    “你真的是保镖?“这个看上去弱不禁风手无缚鸡之力的眼镜男实在是有点颠覆了我脑海中保镖的形象。

    “是的,别看我瘦小,我参加过特立尼达和多巴哥共和国第三十届全民技击运动全得到过金牌,和圣多美和普林西比民主共和国第二十五届自由搏击金腰带得主切磋过武艺,参加过斯堪的纳维亚半岛联合亚平宁….”

    “得了,你的意思是你是一个很牛逼的保镖,对吧?”

    “是的,少爷。我姓三,你以后叫我小三就行了。”

    电梯来了,我刚想进去就被他拦住了。

    “少爷且慢,我先检查检查电梯安不安全。” 然后他冲进去仔细地检查了每个角落,还趴在地上煞有介事地听了一下,然后掏出一张小卡片递给我:“少爷,我仔细帮你检查过,电梯没有摄像头,没有窃听器,没有机关,属于安全级别。但是电梯的速度还有优化空间,我这里向你隆重推介我们公司的电梯速度优化服务,只需要一分钟,马上让你的电梯速度排在全国前十位…”

    “行了,我不需要。”

    出了电梯,我正准备推开大门,突然间被他推开 “少爷!危险!”。我吓了一跳。只见小三掏出一张手帕,擦了一下门把手,然后跟我说:“少爷,我刚刚为你排除了一个致命的危险。看,这是一颗鼻屎,上面可能带有致命的细菌!我现在帮你把它消灭掉!”

    “这你都能发现?你眼睛可真是尖。”

    “少爷你这是称赞我吗?我帮你发一条微博。”

    这时我才发现我的手机不知道什么时候已经到了他的手上,他以迅雷不及掩耳的速度发了一条 “我的保镖小三刚刚帮我排除了一个致命危险,很不错哦” 的微博。

    走了一段路,有点尿意,于是找到了家麦当劳。突然间,小三从我面前跳出来,做着极夸张的动作,用一个不知道什么来头的仪器扫描了一下麦当劳的大招牌,然后告诉我 “报告少爷!经过我细心的检测,您面前的是一家真真正正的麦当劳哦!它不是麦当基,不是麦肯基,不是肯当劳等钓鱼快餐店哦!”

    “得了,我眼睛能看。”

    我来到厕所门口,这时小三又站在厕所门口了。“少爷,您需要小三为您创造一个舒适的泌尿环境吗?”

    我觉得他还真烦人,于是随口答了一句 “好吧”,就进去小解了。

    小解了一半,进来了一个和小三一样西装革履的人。他一进来便用手温柔地扶着我的 JJ。

    我吓得菊花一紧,急忙跳开。

    “你是谁?想。。。想干嘛?”

    “少爷,我是您的泌尿助手。”

    “我从来没请过什么泌尿助手!滚!”

    “少爷,你刚才跟小三说‘好吧‘的时候不就是同意请我吗?”

    “滚开!我不想见到你!” 我把他推出去。

    这时候他嘴里还不停地说 “少爷,我刚才发现您的泌尿过程不太顺畅,可能存在泌尿系统隐患,我们这里有个男性健康保健套餐,您需要吗?”

    “少爷,我刚才发现您的阴茎比较短小,只击败了全国 20% 的男性,赶紧让我帮您优化一下吧。”“少爷。。。。。”

    “砰!”

    这里我真想把小三赶走,但想到他是免费的,还是忍了。

    回家路上,经过一条偏僻的小路,这时跳出来两个高大的小混混打劫。

    我正想让小三大展拳脚把他们干翻,谁知道一转头,发现他不知道什么时候拿着我的钱包走过去混混那儿了。

    “来来来,两位大哥,这些现金拿去。卡的密码我也知道,呆会告诉你。证件嘛,你们也没啥用,给咱们留着吧。。。”

    “小三!你不是保镖吗?这是打劫啊!你赶紧干活啊!”

    “少爷,这不是打劫,这是做慈善,我们要帮助经济有困难的人。”

    “这分明是打劫!你看他们手里还拿着刀!”

    “不,他们是卖刀的,你看他们这么困难,我们也不好意思拿人家的刀嘛,对吗?”

    “对你妹!”

    回到家,我马上找到老爸:“爸!能不能找一个以前那些要钱的正常一点的保镖?!”

    老爸说:“哦,要钱那些啊,现在保镖基本都是免费的,以前那些收费保镖都改行装逼去了吧。”