WordPress – 中原驿站 https://hzy.pw Here is my stage. Thu, 09 Mar 2017 14:49:06 +0000 zh-Hans hourly 1 https://wordpress.org/?v=7.0.3 https://hzy.pw/wp-content/uploads/2015/09/cropped-zyyz-32x32.png WordPress – 中原驿站 https://hzy.pw 32 32 122031623 基于 WordPress 的个人笔记系统解决方案 https://hzy.pw/p/2189 https://hzy.pw/p/2189#comments Mon, 09 Jan 2017 14:20:09 +0000 https://hzy.pw/?p=2189 继续阅读...]]>

我的个人笔记系统已搭建完毕，欢迎来访。

猿猿笔迹：http://note.hzy.pw

一切的源头都是 为知笔记宣布不再免费，不过我作为一个用户，虽然不开心但也没啥办法，想要转移到印象或者又到最终都还是放弃了，一是功能都略有不足，二是害怕为知笔记这样的事情再次发生，再次成为公司抛弃的免费用户。

在为之的有关社区交流之后，我了解到了 Leanote (https://github.com/leanote/leanote)，是一个印象笔记的开源实现，国人开发，还是很不错的。试用之后，各方面都显得有一些不够成熟，不够好用，没有安卓 App 是个痛点，最最关键的是同步功能有问题，同步显示成功其实根本就没成功，这就让我不能忍了。。。果断弃了。

不过 Leanote 有一个相当强大的博客系统，可以选择指定的分类作为 “公开的博客”，这一功能作为想建立一个个人知识库的我来说，无疑是锦上添花，能让自己收集的好笔记分享给众人，是一个相当棒的事情。

有一天我突发奇想，完全可以用 WordPress 来搭建一个笔记系统呀！所谓的 标签、多级目录、搜索、笔记编辑、历史回滚，都直接内置了。而 Markdown、私密目录 这样的功能，都可以由插件实现！

于是乎，就有了现在的猿猿笔迹（note.hzy.pw）

实施这个方案的第一步是写了个 Node 程序，调用 node-wordpress 库，将为之导出的 html 文件读取并提取正文后，用发表文章的 API 发布到了博客中。代码也就百行，没必要贴出来了。

目前对于我而言，是一个完美的笔记系统解决方案，在安卓上可以直接使用 WordPress 提供的 App 随手写一点新笔记，功能上不输给一个专用的笔记软件：

电脑端

而在电脑上，我使用 Open Live Writer 发表博客，这是一个开源软件，在 2012 年 Window Live Writer 停止更新之后持续维护至今。后者很好用，所以前者肯定也不会更差。

使用客户端的原因是可以直接粘贴本地的图片，在线的编辑器不行。其他倒没什么差异。

WP 插件

为了让 WordPress 变成为知笔记，我装了不少的插件，每一个都是精心挑选，非常的有用。

Advanced Excerpt

设置文章的自动摘要，为之导出的笔记头部带 style 标签，直接输出到页面上会使整个页面的样式崩掉。用这个插件设置摘要的长度为 0 就没问题了。

Ajax Search Lite

增强博客本身的搜索功能，Ajax 显示结果十分的高效。需要好好设置一下不然可能会泄露隐藏的笔记内容。

Code Prettify

非常好用的插件，自动将页面中的 <code> 标签染上色，无需多余的设置和多余的发布步骤，配合 Markdown 使用绝佳。

Jetpack

WP 官方的插件集合，我主要用了当中的防暴力破解、无限滚动加载和 Markdown 功能。

QQWorld 自动保存图片

自动保存远程图片到本地，我经常剪藏网络上的文章，这个插件就很有用了。

Restrict User Access

必装，设置用户权限，从底层控制普通访客的访问权限，同类插件当中最好用的一款。

Table of Contents Plus

自动为每篇文章提取目录。

WP Attachments

非常完善的文章附件管理插件。

这就是我的个人笔记系统解决方案，感谢阅读到最后。

猿猿笔迹我将主要用来转载自己所感兴趣的各种内容，欢迎大家前来阅读：http://note.hzy.pw/

]]> https://hzy.pw/p/2189/feed 9 2189 WordPress Theme Germ https://hzy.pw/p/1933 https://hzy.pw/p/1933#comments Mon, 29 Feb 2016 12:00:54 +0000 http://hzy.pw/?p=1933 继续阅读...]]> 我认为个人博客是一个展示自己的平台，拥有简单清晰的布局和美观华丽的界面。
以此为目的，我创作了 Germ, 希望大家能喜欢。

相关链接

本主题采用 Github 托管并保持持续更新，更多相关信息及详细介绍请访问：https://github.com/h2y/germ

一键下载 Germ 最新版本：https://github.com/h2y/germ/archive/master.zip

如果你有好的建议欢迎在 issue 中提交，我会尽力改善，如果没有 Github 账号也可以在本页下方直接留言。

]]> https://hzy.pw/p/1933/feed 67 1933 博客新主题开发感想 https://hzy.pw/p/1943 https://hzy.pw/p/1943#comments Sat, 20 Feb 2016 14:40:19 +0000 http://hzy.pw/?p=1943 继续阅读...]]> 经过 10 天的修修补补, 今天终于为中原驿站上线了一套崭新的皮肤, 取名为 Germ.

Germ 是 “萌芽/起源” 的意思, 对于我来说, 这不仅是我的真正意义上第一款 WP 主题, 也是我在 Github 上开源的第一个项目. 下面是我对此次开发的一些感想.

样式展示

QQ截图20160220211528

改版之前的样子也截了图, 可以参看这篇文章: <网站大改版前的纪念>

Github 项目地址: https://github.com/h2y/germ

在这之后, 我毫无疑问会将此主题作为一个个人的产品推广出去, 敬请期待.

修改来自 Quench 主题

这个主题并不是我原创, 是找的这个 Quench 主题, 然后再自己进行一些修改, 使它变得更完善更棒.

只是… 我需要做的修改比我想象的要多得多, 以至于花了 10 天的时间才勉强完成, 比如修正 “关闭评论的文章仍然会显示评论框” 这种尴尬的问题.

QQ截图20160220220647

以至于我这 10 天做出的 commits 数量便超过了原作者的两倍……

其实我越改, 越觉得之前用的 ZaLive 主题是有多么的优秀, 代码写的相当相当的完善, 界面也很好看, 可我就是看够了必须得要换了, 毕竟 2 年了. (Github: zenoven/zalive)

但还是感谢原作者 mastermay 提供了这么漂亮的一个主题, 集成的各种功能也是非常的不错.

如果我以后要编写下一个 WP 主题, 毫无疑问我会使用 WP 官方主题作为起点. 虽然丑了点, 但代码写的漂亮啊, 注释也齐全.

第一次使用 Github

之前自己在本地就一直用 Git 作为版本控制, 但这次才转到了线上 —- 世界最大的 ?? 交友网站 Github. 不过之前都是很简单地使用, 而通过这次开发主题, 仔细了解了 Github 的 Pull Request / Issues / Fork / Rebase 这些东西后, 才算是真正明白了 Git 的强大.

最重要的是能有一个展示自己作品和与大神们交流的平台, 感觉太棒.

之后

之后要做的东西还相当相当多…

我是用一个记事本记录需要进行的开发工作的, 在测试主题时, 每发现一个需要修正的问题, 就写在记事本中新的一行, 每解决一个问题, 就将其删掉.

但是, 在解决一个问题时, 往往会发现更多的问题, 导致列表反而越来越长 -.-||

直到现在, 列表中还有 12 行, 当然这基本都不是 bug, 是一些突发奇想想到的点子, 所以我在将来是有事干的……

xi21

 

]]> https://hzy.pw/p/1943/feed 5 1943 网站大改版前的纪念 https://hzy.pw/p/1926 https://hzy.pw/p/1926#comments Tue, 09 Feb 2016 11:08:58 +0000 http://hzy.pw/?p=1926 继续阅读...]]> 我的中原驿站从 13 年建站到现在，使用的一直是黑绿配色的扁平风格。基于 ZenOven 的 Zalive 主题，并进行了大量的修改，感谢原作者提供这么优秀美观的主题，在一点一点修改他的主题的过程中，我也进步了不少。（中原驿站更新历史：https://hzy.pw/changelog）

不过现在已经面对着同样的界面 2 年多了，就算这种扁平风格依旧没有落伍，我作为站长也早就看够了，早就想要大改一番了，这肯定是这个寒假之内的事儿。

但在这之前，我要对改造前的网站拍几张照，以作留念。

 

这就是整体风格，黑绿配色：

QQ截图20160209180800_2345看图王

 

首页的快照及解说：

中原驿站 There is my stage.

 

留言板页面：（https://hzy.pw/liuyanban）

驿站惊现留言板 中原驿站

 

 

网站大改版之后会变成怎样，我也还不清楚，但一定是一个华丽、现代化的界面，敬请期待！

xi14

·

QQ截图20160209190701

（↑ 这是原模板中，文章尾部区域的照片 ↑）

]]> https://hzy.pw/p/1926/feed 1 1926 WordPress文章中自动为站外链接添加nofollow属性 https://hzy.pw/p/1640 https://hzy.pw/p/1640#comments Sat, 22 Aug 2015 05:08:48 +0000 http://hzy.pw/?p=1640 继续阅读...]]> 只需要在 function.php 中添加以下代码即可，同时自动添加 target=”_blank”，如果链接中已有这两个属性，则不会重复添加。

我的这个版本不同于之前网上流传的那个版本，那个版本不知道是哪个菜鸟写的，虽然能实现功能，但那时间复杂度简直不能忍。。。

源代码带注释：

// 站外链接nofollow，target
add_filter( 'the_content', 'nofollow_a_links');
function nofollow_a_links ($content) {
    $regexp = "<a\s[^>]*href=(\"??)([^\" >]*?)\\1[^>]*>";
    if (preg_match_all("/$regexp/siU", $content, $matches, PREG_SET_ORDER)) {
        $srcUrl = $_SERVER['SERVER_NAME'];
        $now_pos =0;
        for ($i = 0; $i < count($matches); $i++) {
            //不包含本站域名，同时不是href="/dm/p/5" 这种形式
            if ( strpos($matches[$i][0], $srcUrl) === false && strpos($matches[$i][0], '//') !== false ) {
                $tag = $matches[$i][0];
                $tag0 = $matches[$i][0];
                $noFollow = '';
                //添加 _blank
                $pattern = '/target\s*=\s*"\s*_blank\s*"/';
                preg_match($pattern, $tag2, $match);
                if (count($match) < 1) $noFollow.= ' target="_blank" ';
                //添加nofollow
                $pattern = '/rel\s*=\s*"\s*[n|d]ofollow\s*"/';
                preg_match($pattern, $tag2, $match);
                if (count($match) < 1) $noFollow.= ' rel="nofollow" ';
                //写入
                if($noFollow != ''){
                    //只进行单次替换，且使用$now_pos 记录$content的处理进度
                    $now_pos = strpos($content, $tag0, $now_pos);
                    $tag = rtrim($tag, '>'); $tag.= $noFollow . '>';
                    $content = substr_replace( $content, $tag, $now_pos, strlen($tag0) );
                }
            }
        }
    }
    return $content;
}

经历

以前用的都是下面这段代码，网上随便找的，但是啥也没想，直接粘贴后就开始用了，效果也还行，就没有多研究这段代码了：

add_filter( 'the_content', 'cn_nf_url_parse');
function cn_nf_url_parse( $content ) {
    $regexp = "<a\s[^>]*href=(\"??)([^\" >]*?)\\1[^>]*>";
    if(preg_match_all("/$regexp/siU", $content, $matches, PREG_SET_ORDER)) {
        if( !empty($matches) ) {
            $srcUrl = get_option('siteurl');
            for ($i=0; $i < count($matches); $i++)
            {
                $tag = $matches[$i][0];
                $tag2 = $matches[$i][0];
                $url = $matches[$i][0];
                $noFollow = '';
                $pattern = '/target\s*=\s*"\s*_blank\s*"/';
                preg_match($pattern, $tag2, $match, PREG_OFFSET_CAPTURE);
                if( count($match) < 1 )
                    $noFollow .= ' target="_blank" ';
                $pattern = '/rel\s*=\s*"\s*[n|d]ofollow\s*"/';
                preg_match($pattern, $tag2, $match, PREG_OFFSET_CAPTURE);
                if( count($match) < 1 )
                    $noFollow .= ' rel="nofollow" ';
                $pos = strpos($url,$srcUrl);
                if ($pos === false) {
                    $tag = rtrim ($tag,'>');
                    $tag .= $noFollow.'>';
                    $content = str_replace($tag2,$tag,$content);
                }
            }
        }
    }
    $content = str_replace(']]>', ']]>', $content);
    return $content;
}

自动查找指向站外的链接，如果该链接指向站外，并且没有 nofollow 或 _blank，则会自动添加，功能上到还是都实现了，没啥问题。

然后是近日发现，对于 <a href=”/i/zytbz”> 这种链接，这段代码也会识别成站外链接。于是，我就准备把这段代码改改。

不看不要紧，一看才发现这段代码简直是坑爹啊！是发布专门用来拖慢我们的服务器的吗？

特别是最后这句，安的究竟是什么心：

$content = str_replace(']]>', ']]>', $content);

 

除此之外，这段代码的逻辑似乎就有一点问题：

1、对每个链接对象，先进行一个镜像，镜像中添加 nofollow 属性。

2、在判断这个链接是否指向站外，如果是，将 $content 当中的源链接用 str_replace 替换成修改后的链接。

这么想这两步都反了，应该先判断是否是站外链接，再添加属性才对。

其次，每一次 str_replace，都会将 $content 全部扫描一遍（从头到尾），然而最后只替换掉当中的一条，这太浪费时间了！(时间复杂度为 N+1)

最佳算法当然是对于 $content，查找到一条 A 链接，判断处理一条，时间复杂度为 1。

但我查阅了很多资料，PHP 中的所有查找函数都只能返回查找后的结果，而不能返回找到目标的位置，总之是没法实现了，后来换了实现方法，让复杂度降为 2，大家可以去看代码，不细说了。

只想说 PHP 还是不够灵活啊。

我的代码的优势

大大优化运行效率。

可以识别 <a href=”/dm/top10″> & <a href=”//baidu.com”>，这样的链接。

]]> https://hzy.pw/p/1640/feed 1 1640 WordPress免插件实现音乐播放 https://hzy.pw/p/442 https://hzy.pw/p/442#respond Sun, 12 Jan 2014 14:25:15 +0000 http://www.hzyisme.com/?p=442 继续阅读...]]> 算是折腾了一晚上，终于给网站加上了音乐播放功能，先秀一个效果：

TM截图20140112214814

 

我一开始是尝试了很多的插件，Flash的就不考虑了。有几个插件用的HTML5+jquery，样式好看，功能强大。可以显示播放列表、专辑图片、歌曲信息等。

不过用起来都却很不顺手，一个是外国人开发的，显示的歌曲信息都不支持中文-，-。另一个是一个中国高三技术宅写的，不知道为什么运行后会加载各种js库，包括cnzz之类的就有好几个。。。

于是我就自己写了音乐播放器，简单爆了，非常好用！其实也是，何必什么都去找插件。

 

我是用的是HTML5中自带的音乐播放器，只需一句html即可搞定！同时，音乐播放器还支持ios安卓等浏览器。

在你需要加入播放器的任何地方（比如侧边栏、文章等），加入下面一句：

<audio src="https://hzy.pw/song.ogg"></audio>

其中，src属性为歌曲的链接，歌曲支持mp3、ogg、wav格式

效果预览：

 

可以添加control属性，使播放器显示 播放暂停、进度条、音量 这几个设置。如果在<audio>间加入文字，就可以在不支持HTML5的浏览器中显示这些文字。

<audio controls="controls" preload="none" loop="loop" autoplay="autoplay" src="http://www.gqqa.com/www.gqqa.com/5/ulWpCNzORuruO.mp3" >
  <b>播放器不兼容你的浏览器</b>
</audio>

 

效果预览：

 

【自动播放】加入属性 autoplay 即可实现自动开始播放，不用手动点击开始。

【循环播放】加入属性Loop即可。

【自动加载】加入属性 preload=”none”。如果不加这句，html5默认定义是加载页面时就会缓冲音乐，而不是开始播放后，才开始缓冲！

==================================

就是这样~！over

如果还有疑问请向我留言。

]]> https://hzy.pw/p/442/feed 0 442 wordprrss被人恶意刷流量的解决方案 https://hzy.pw/p/142 https://hzy.pw/p/142#comments Sat, 07 Sep 2013 10:36:00 +0000 http://hzyisme.com/?p=142 继续阅读...]]> 网站被人恶意刷流量，我就是当中的受害者。服务器10gb一个月的流量一天就被一个ip用掉2gb。
被刷流量除了让你多花钱在宽带上，还会大大降低网页的访问速度，如果添设了广告，还有被广告联盟认为非法刷广告的嫌疑。所以，遇到这种行为必须得认真对待，痛下杀手！

1、找清楚被恶意刷流量的原因

 

最有可能的是来源于竞争对手的攻击，强烈鄙视这种

如果没有竞争对手，比如我，当时博客开通才2天，文章只有个位数
那么就是遇到了闲的蛋疼的人了。。。这种人没事干，就开着工具刷别人网站，以此取乐。
对这种人已经不需要鄙视了，因为太sb，应该同情！

 

2、找到刷流量的IP

这个可以在服务器后台看到，那个ip消耗的流量最多

TM截图20130830121106

比如刷我流量的就是这个：110.228.226.126。
可以去ip138.com查询ip归属地

 

【！】如果发现刷流量的坏人有很多IP，那往往是有人雇佣了专业的刷流量公司对付你

 

3、果断封IP

封IP可以在服务器后台，也可以通过wordpress的插件搞定

服务器的功能往往都没有插件强大，主要表现在下面几个方面：

 

A、不可以封IP段，比如111.222.x.x这样

B、不可以这样自由设置封IP后的显示界面
比如黑名单的ip访问我的主页，载入完毕后只可以看到一句话 “此页面不对你开放”

 

wp插件： wp-ban

 

下载链接：http://wordpress.org/plugins/wp-ban/

 

安装完成后，在wp左侧设置当中，就可以看到新的“ban”菜单

84313

 

然后进入，之后在Banned IPs当中输入需要的封掉的IP地址，可以用*符号通配

TM鎴浘20130907185109

 

【我的独家超级教程来了】

 

这里给大家讲一个非常厉害的方法，可以斩草除根，解决后患！

 

在WP-Ban中的Banned Message可以设置对用户显示的内容，默认是：

<p style=”text-align: center; font-weight: bold;”>You Are Banned.</p>

也就是显示出一行字：You Are Banned.

 

是不是感觉完全没有什么意义，我在这里把他修改为：

<SCRIPT LANGUAGE=”javascript”>
alert(“网站加载错误”);
</SCRIPT>

作用是自动弹出一个对话框——“网站加载错误”

这么做的原因是因为如果对方雇佣了了刷流量的工作室，工作室一般都不会受理这种会自动弹出对话框的网站的工作

二是显示出加载错误，会让对方误以为网站已经关闭了，于是离开 -。-

]]> https://hzy.pw/p/142/feed 1 142 测试使用Windows Live Writer写博客 https://hzy.pw/p/69 https://hzy.pw/p/69#comments Thu, 29 Aug 2013 06:21:50 +0000 http://hzyisme.com/?p=69 继续阅读...]]> 这样我就可以摆脱在网络上的麻烦编辑器，直接使用客户端来写博客了！

编辑起来就像是Word一样，毕竟是微软家的，很顺手！

 

主要是测试一下图片是否可以正常上传：

无标题

 

在使用Live Writer之前，我还尝试过一款国人开发的软件：菊子曰

不仅可以离线写博，还可以一键发布到多个博客，包括QQ空间、XX博客，等等叫得上名字的博客服务器。还可以聚合发送微博

而Live Writer在国内只支持新浪、网易等为数不多的几个站点

菊子曰是个好软件，但是后来竟然发现12年12月，这款软件已经宣布停止更新了，真让人可惜，作为一款免费软件，可能在中国这个盗版=正版的国家，实在是没什么利润吧

 

这篇文章主要是用来测试WLW发送博客是否成功。

另外，希望菊子曰这种好的免费软件可以更好的发展

]]> https://hzy.pw/p/69/feed 2 69 解决WordPress上传中文图片无法显示的问题 https://hzy.pw/p/57 https://hzy.pw/p/57#comments Thu, 29 Aug 2013 02:02:03 +0000 http://hzyisme.com/?p=57 继续阅读...]]> 站点搭建好了，写了两篇文章，不过确是相当的不顺手，原因就在于上传图片必须为英文，如果是中文则不能显示

百度N下，得到的方法都是过时了的，经过自己的研究解决好啦，方法如下

1、下载你的《wp-admin/includes/file.php》文件到本地

 

2、打开，找到330行：

$new_file = $uploads[‘path’] . “/$filename”;

如果不能找到，则全文搜索：

Move the file to the uploads dir

 

3、修改$new_file = $uploads[‘path’] . “/$filename”;

为：$new_file = $uploads[‘path’] . “/”.date_i18n(“YmdHis”).floor(microtime()*1000).”.”.$ext;

 

4、保存、上传、覆盖，现在试着上传一个图片，就会自动保存为“年月日时分秒+千位毫秒整数”的新文件名，并保存到相应的年月文件夹之下

完美解决中文图片不能正常显示的问题！

TM截图20130829095332

]]> https://hzy.pw/p/57/feed 1 57 在WordPress中加入赞按钮、一键分享（该内容对我有帮助） https://hzy.pw/p/48 https://hzy.pw/p/48#comments Thu, 29 Aug 2013 01:26:24 +0000 http://hzyisme.com/?p=48 继续阅读...]]> 29091440通过我的这个方法，每一篇文章的末尾都会自动显示出赞或是分享按钮，非常的方便！

（上面是个图片，不能点的~）。

【说明】

使用这个方法只能添加按钮，在每一篇文章的末尾（赞、分享都可以）。但是如果想要添加的是悬浮窗，悬浮窗只会在文章界面出现

如果想要让他也在主页出现，请参考这篇文章：https://hzy.pw/?p=30

 

1、获取JS代码，百度分享，或是加网等都可以

不过传说百度分享可以增加你的网站被百度收录的几率，链接：http://share.baidu.com/code

9092133直接获取你想要的JS代码，然后保存下来

 

2、打开你的主页，进入后台 -> 外观 -> 编辑

231839

 

3、在右侧的文件列表选择最下面的single.php（文章界面）

2424

 

4、在左侧，如图位置加入你获得的JS代码

30829092624

 

5、点击保存，ok，想要再多的步骤？已经没有了！

具体效果可以看下方，我的这篇文章已经被自动加上了一个“赞”按钮

]]> https://hzy.pw/p/48/feed 4 48 Worldpress博客添加加网、百度分享按钮（悬浮窗模式） https://hzy.pw/p/30 https://hzy.pw/p/30#comments Wed, 28 Aug 2013 15:27:25 +0000 http://hzyisme.com/?p=30 继续阅读...]]> 0130828225920

Worldpress没有自带分享功能，而且在插件市场也不能找到相关插件。下面，我将教各位站长添加分享按钮

 

【说明】

使用这个方法只能添加“悬浮窗”，不能添加按钮，而且悬浮窗将在除了后台以外的所有地方出现

如果你需要：

1、添加分享按钮、赞按钮在每篇文章的末尾

2、希望悬浮窗只出现在文章界面，不出现在主页

请参考这篇文章：https://hzy.pw/?p=48

 

1、获取JS代码

百度分享：http://share.baidu.com/code

加网分享：http://www.jiathis.com/getcode/

两个常用的地址，在这里我推荐百度的，因为百度还有着一个强大的数据分析平台，可以通过分享按钮获取很多用户的行为信息

此外，传说使用百度分享可以增加被百度搜索收录几率

【特别注意】必须使用“悬浮窗”的分享按钮，原因随后说明

0130828231405

2、打开你的博客，进入后台-外观-编辑

231839

3、右侧的网页文件选择：footer.php

2048

5、在代码最后，body的前一行写入你得到的JS代码

828232256

6、保存，收工！现在在你的主页、文章，右侧都会出现悬浮分享按钮，非常好用

而在后台，分享按钮则不会出现

]]> https://hzy.pw/p/30/feed 1 30