分类目录: 建站技术

搭建了一个iNews程序

在分享网站上面看到开源了一个类似Hacker News程序的框架(Trimidea / inews),就迫不及待的安装了。安装过程并不轻松。首先是composer安装的问题,然后是源代码中的安装流程有笔误,自己对PHP代码也不了解,折腾了比较长的时间。终于还是搞定了:http://news.codefine.site/

这里把我的安装过程简单发一下:

1、确保PHP 5.39以上的环境;

2、准备好一个MySQL的帐号,有创建库的权限;

阅读全文 »

| 1 分2 分3 分4 分5 分 (5.00- 4票) Loading ... Loading ... | 同时归档在:移动互联 | 标签: , , , , |

一次与“伟大的墙”插肩而过的经历

刚刚发现所有文章的图片都无法加载,原以为我的WordPress程序存在漏洞被黑了,后来使用curl命令直接获取图片也不行。检查后台的访问日志,发现只要是2013年的日志的图片都无法加载,可以看到服务端是正确接收到了请求,并且已经向客户端返回200 OK,只是在传输图片数据时无法接收。

image

阅读全文 »

| 1 分2 分3 分4 分5 分 (5.00- 3票) Loading ... Loading ... | 同时归档在:奇趣见闻, 移动互联 | 标签: , |

从百度网盟广告页面中拔了一个Metro风格的标签云

一直想做一个Metro风格的标签云,但是没有JS的功底,自己实现不了。于是从百度推广的Metro风格的广告页面中找来了代码,修改成了如下页面:

http://codefine.site/tagcloud.htm

然后到WordPress的后台的小工具页面添加一个HTML块,内容为:

<iframe style="margin:6px 0 8px 0; border-right-width: 0px; width: 100%; 
border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px"
 src="http://codefine.site/tagcloud.htm" width="100%" height="280px" 
marginwidth="0" scrolling="no" ></iframe>

 

tagcloud.htm页面的内容非常容易定制,包括颜色集,整个block块的长宽等。由于这个只是抄袭过来的代码,标签的大小并不能体现文章数的多少,鼠标悬停在超链接上面时也不能浮出文章书目值。

应用这个小模块后生成的标签云效果截图为:

Metro风格的标签云

| 1 分2 分3 分4 分5 分 (5.00- 2票) Loading ... Loading ... | 归档目录:建站技术 | 标签: , |

架设Tiny Tiny RSS(TTRSS)阅读器,找回Google Reader!

用了一段时间的digg reader,感觉在墙内经常连不上不说,还不能取消订阅,并且过多的依赖浏览器客户端的操作,有点麻烦。找到了这个05年就发布的个人阅读器程序。

有一些细节的功能非常赞,找到一个比较不错功能介绍文章:点击这里。安装过程也挺简单的,按照官方给出的步骤来就可以,只是如果不是完整的Linux虚拟机,不能使用定时更新功能,需要手动向更新后台发送请求才行。

经过一番配置,终于整得比较像Google Reader了。但是后台不支持自动刷新。前台页面上面也没有刷新按钮,需要在单个feed上面双击才能同步RSS源。后面再研究一下这个,做一个前台自动同步RSS源的实现。同时也提供刷新按钮,包括单独的feed和所有的。还有虽然支持多用户,但是同一个feed在多个用户之间是不共享的,这样对于服务器的压力其实是比较大的。估计这样的实现是因为最初这个程序只是考虑提供给个人使用的,多用户的实现是后面新增的。

也配置了开放注册,想要体验的话,可以注册帐号测试。使用链接:http://rd.codefine.site/

分享一下我的订阅,主要是一些技术资讯,有点极客的性质:OPML文件

使用步骤:

0、使用Chrome或者Firefox浏览器打开http://rd.codefine.site/,注意,不支持IE内核的浏览器;
1、使用邮箱注册帐号,务必使用有效的邮箱地址:

注册

2、注册成功后,登录邮箱,查看后台发送到邮箱的密码;
3、使用帐号和密码登录;
4、初始情况下,只订阅了本站的RSS。订阅更多的RSS Feed需要手动添加。
5、导入OPML文件是一种比较快捷的方法。但是可能导入的大部分内容都不是自己关心的。因此建议自己在阅读到好的主题网站后,再手动添加订阅源。导入OPML文件的步骤:
点击右上角的”动作“按钮,出现如下图菜单:

image

选择”Preference“,会打开如下后台管理页面:

后台管理

选择”信息源“,出现如下页面:

信息源

选择下方的”OPML“,会发现有导入按钮:

导入

首先选择从OPML文件链接下载的OPML文件,然后点击Import my OPML即可。
6、手机APP访问该阅读器,首先需要安装News+的应用。下载地址:链接(最终应用放在Google Play上面,需要翻墙)。目前只在Google Play上面看到有该应用下载。
7、再安装一个Tiny Tiny RSS| News+的扩展应用,在News+的扩展管理中可以找到安装链接,使用Play商店打开安装链接安装即可。
8、第一次打开TinyTinyRSS条目时,需要输入服务器地址,登录名和密码,使用之前获取到的即可。
9、接下来即可在手机上面浏览各个RSS订阅了。
10、要想使用RSS不必如此费时,目前还是有一些比较好用的RSS在线阅读服务器的,同时也支持手机端同步到应用。这里提供更多一种选择。

Tiny Tiny RSS

[修改记录]
08/19/2014
:更新订阅RSS源。结合手机应用(News+)配合订阅站点使用。

09/28/2013:重新开放注册。修改了默认配置,注册完成后,用户的界面即是Google Reader的样式。修改了一个小的bug。

09/29/2013:配置简单刷新模式,只要浏览器打开了主页面,则会随机刷新订阅的RSS源。在订阅的Feed特别多时,可能不是太及时。

10/26/2013:修改新注册用户的订阅Feed中的条目的保存时间为8天,默认情况下保存8天。

| 1 分2 分3 分4 分5 分 (4.90- 10票) Loading ... Loading ... | 同时归档在:移动互联 | 标签: , , |

本站建站技术合集

开博一年以来,有大量的时间在做界面和易用性的优化。这里把用到的一些资源,开发过的一些特性,以及日常的维护工具介绍一下,也为能看到的新人提供一些帮助吧。

一、主题

thematic — 一个极其精简的主题,但是是英文的,一开始还将就着用,后来发现实在有点难以忍受满屏的下划线链接和比较杂乱的字体,于是一点点的汉化加修改,做成了现在的样子。

二、插件

1、All In One SEO Pack — SEO优化的插件,可以让博客的页面中的关键词和标题更加醒目,使得页面更容易被搜索引擎抓取。

2、Baidu Tongji generator — 百度统计,虽然很多人觉得这款插件不怎么好,因为Google的analytics经常出现无法访问的问题,因此两个插件都在用,互备吧,通过analytics和百度统计的对比,的确发现百度统计的数据要少一些。

3、Google Analytics for WordPress — 大名鼎鼎的Google统计,不用多说了。另外不得不说一下Google还提供了一个屏蔽analytics抓取本终端数据的浏览器插件,链接:https://tools.google.com/dlpage/gaoptout?hl=zh-CN,支持目前所有的浏览器。

阅读全文 »

| 1 分2 分3 分4 分5 分 (4.90- 20票) Loading ... Loading ... | 同时归档在:移动互联 | 标签: , , , , , , , , , , , , , , , , , , , , , , , , , |

彻底解决WordPress博客垃圾评论的问题

本来这里很少有评论,但是来自日语或者英语的垃圾评论却非常多,可以用wordpress自带的过滤功能禁止其中的完全英语的垃圾评论,但是没有办法禁止日语的,甚至其他各种语言的,在网络上面发现有人使用计算加法作校验的方式来屏蔽来解决。因为垃圾评论都是用“机器人”发出的,他们不可能去分析评论的额外接口。利用wordpress提供的comments的两个回调即可实现。

在网上下载了插件的代码,稍作了修改。

修改步骤:

1、将如下文件解压缩后放到wordpress的如下目录中:$wordpress-root-path\wp-content\plugins,形成$wordpress-root-path\wp-content\plugin\comment_capatcha.php的目录结构。粗体部分替换成你的wordpress安装的根目录。这个过程实际上相当于安装了一个新的插件。

下载链接:http://codefine.site/wp-content/uploads/2013/08/comment_capatcha.zip

这里也把代码贴出来:

<?php

/*
Plugin Name: 简单算术题评论验证码插件
Plugin URI: http://www.utubon.com/wordpress-plugin-comment-capatcha-figure/
Description: 提交评论之前必须写出简单的算术题答案
Version: 1.0
Author: 否子戈
Author URI: http://www.utubon.com
*/

if(!class_exists('comment_capatcha')) {
class comment_capatcha {
function __construct() {
add_action('comment_form', array(& $this, 'print_capatcha'));
add_filter('preprocess_comment', array(& $this, 'preprocess_comment'));
}
function print_capatcha() {
if(!is_user_logged_in()) {
global $post;
session_start();
$rand_1 = mt_rand(1,6);
$rand_2 = mt_rand(1,6);
$_SESSION['capatcha_'.$post->ID] = $rand_1 + $rand_2;

$str = '<div id="capatcha-area"><label>';
$str .= "{$rand_1} + {$rand_2} = ".'<input type="text" size="2" name="capatcha" id="capatcha" />';
$str .= 'Result<span class="required">*</span>';
$str .= '</label></div>';
$str .= '<br>';
echo $str;
}
}
function preprocess_comment($commentdata) {
if(!is_user_logged_in()) {
session_start();
$post_id = isset($_POST['comment_post_ID']) ? $_POST['comment_post_ID'] : 0;
if(!$post_id){
wp_die('数据来源非法。');
}
$capatcha = $_SESSION['capatcha_'.$post_id];
if($capatcha != $_POST['capatcha']){
wp_die( __('请返回后重新输入算数题答案!') );
}
unset($_SESSION['capatcha_'.$post_id]);
}
return $commentdata;
}
}

}

if( !isset($comment_capatcha) ) {
$comment_capatcha =& new comment_capatcha();
}

?>

2、修改算术计算行所放的位置

我的主题默认是放在提交按钮之上,评论内容之后,可以移动到评论内容之前,作如下修改即可:(图片较小,点击后可以在新窗口查看大图)

compare

移动doaction函数的调用点即可修改算术框的位置。

3、到插件管理页面开启插件:简单算术题评论验证码插件

本站修改实现之后的效果为:

modify_posting_commeont

| 1 分2 分3 分4 分5 分 (5.00- 2票) Loading ... Loading ... | 归档目录:建站技术 | 标签: , |

WordPress博客添加“返回顶部”按钮

“返回顶部”在网页页面上非常实用。一般主题都没有自带该按钮。可以自己DIY一个。

添加步骤,打开博客的后台管理,依次进入“外观”,“编辑”,打开“footer.php”,在最后一个</div>与</body>之间添加如下代码,注意替换图片地址(斜体部分)以匹配特定主题。

<div id="full" style="width:88px; height:88px; position:fixed; right:0px; 
    bottom:0px; margin-left:0px; margin-bottom:0px; z-index:100; text-align:center; cursor:pointer;">
  <a>
    <img src="http://content.codefine.site/wp-content/themes/thematic/gallery/totop2.png"
    border=0 width="55px" width="55px" alt="返回顶部">
  </a>
</div>
<script type="text/javascript">
  var isie6 = window.XMLHttpRequest ? false: true;
  function newtoponload() {
    var c = document.getElementById("full");
    function b() {
      var a = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
      if (a > 0) {
        if (isie6) {
          c.style.display = "none";
          clearTimeout(window.show);
          window.show = setTimeout(function() {
            var d = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
            if (d > 0) {
              c.style.display = "block";
              c.style.top = (400 + d) + "px"
            }
          },
          300)
        } else {
          c.style.display = "block"
        }
      } else {
        c.style.display = "none"
      }
    }
    if (isie6) {
      c.style.position = "absolute"
    }
    window.onscroll = b;
    b()
  }
  if (window.attachEvent) {
    window.attachEvent("onload", newtoponload)
  } else {
    window.addEventListener("load", newtoponload, false)
  }
  document.getElementById("full").onclick = function() {
    window.scrollTo(0, 0)
  };
</script>

 

本站效果截图:

未命名23

| 1 分2 分3 分4 分5 分 (5.00- 4票) Loading ... Loading ... | 同时归档在:移动互联, 软件技术 | 标签: , , |

全部日志列表

[archivist]
| 1 分2 分3 分4 分5 分 (5.00- 21票) Loading ... Loading ... | 归档目录:建站技术 |
返回顶部