为你的PageCookery添加富评论


<p>友情提示:本文代码已经跟最最新版0.95做了相关的调整,并添加了检查评论网址是否带有http://的功能,欢迎广大新老用户再次测试。</p>
<p>曾几何时,我在PageCookery的讨论组上看到的最多的帖子就是如何让评论能支持昵称,邮箱和网址,跟WP一样。而后@孙老四同学就慷慨的分享了他的添加文件。经过我自己的摸索,我终于也成功的添加上了富评论,特此分享出我的添加过程。大家不要看代码比较多,其实要修改的只有几行,我怕大家找不到才把前后不变的代码也弄上来了。如果是在不愿意看的,可以直接下载文末我已经修改好的程序就行~</p>
<p>一、先要为数据库添加上相应的字段,这里定义记录网址和邮箱的字段名称为email和url,请记住他们的先后顺序以及名称。</p>
image
<p style="text-align:center;">1.打开reply表的结构页面</p>
image
<p style="text-align:center;">2.为reply表添加两个字段存放邮箱和地址</p>
image
<p style="text-align:center;">3.最后reply表结构如图所示</p>
二、然后为网站加上输入框

打开template/blog.html,将100行p标签的内容改为如下内容{如果段数不一样的可以看代码前几行查找}

<script src="https://gist.github.com/831336.js?file=gistfile1.html";></script>

同时还要将152行的p标签改为如下内容{如果段数不一样的可以看代码前几行查找}
<script src="https://gist.github.com/831339.js?file=gistfile1.html";></script>
这样就添加好了输入框,效果如图所示,当然因为添加了两个输入框,按钮和其它的都稍显得错位了,不急,我们先把功能添加好后再去修改样式表~
image
然后我们要打开httprequest.php,找到164行,将164行替换成如下代码
<script src="https://gist.github.com/831340.js?file=gistfile1.sql";></script>
<p>友情提醒一下,大家要在这段代码里头设置自己的昵称,网址,邮箱什么的。有些孩子没看到结果评论里头全是我的头像了T_T...另外,本人发现很多孩子写地址不喜欢在前面加上http://,没这个浏览器会自动在地址前面加上你的微博地址,所以请老四帮忙写了一个检查URL的函数,如果没有就自动加上。打开lib/function_microblog.php文件,将下列代码加到最后即可:</p>
<script src="https://gist.github.com/831342.js?file=gistfile1.php";></script>
<p>然后我们还要打开javascript/global.js,将下列代码覆盖global.js此文件{等于用下面的代码替换global.js的内容}</p>
<script src="https://gist.github.com/831344.js?file=gistfile1.js";></script>
将这三个文件修改并保存好后,我们的功能就基本添加完毕了。然后我们要将效果显示出来,我根据博客评论的显示方法,为昵称加上了评论者的网址链接,并提供显示Gravatar头像。关于Gravatar头像的显示,大家可以参考传送门,非常的好用的说!
<p>我们打开template/blog.html文件,将88行的代码用如下替代{如果段数不一样的可以看代码前几行查找}</p>
<script src="https://gist.github.com/831320.js?file=gistfile1.html";></script>
<p>将145行的代码用如下替换{如果段数不一样的可以看代码前几行查找}</p>
<script src="https://gist.github.com/831323.js?file=gistfile1.html";></script>
<p>大家记住最后还要对template/view.html也要同template/blog.html一样进行相应的修改才行,否则在permalink和搜索页面就没有任何效果咯~打开template/view.html,将如下代码替换全部代码:</p>
<script src="https://gist.github.com/831345.js?file=gistfile1.html";></script>
<p>然后我还将评论聚合页面的头像也修改成了Gravatar头像,并修正了点击评论跳转到首页的错误。大家打开template/comment.html,并用如下代码替换全文代码即可:</p>
<script src="https://gist.github.com/831347.js?file=gistfile1.html";></script>
<p>然后大家对应着自己的审美要求对输入框进行相应的样式表的修改就行了。如果修改不来的也可以下载文末我已经修改好的程序。另外,文章中的代码如果与我修改的程序有什么出入的话,一切以我修改的程序为准。</p>
相关下载:PageCookery 0.9.5富评论修改版
修改文件:./httprequest.php

         lib/function_microblog.php
         javascript/global.js
         css/style.css
         template/blog.html
         template/comment.html
         template/view.html

为你的PageCookery添加富评论》上有 17 条评论

  1. 你知道你的图片都是叉叉不...估计你不知道 你有缓存
    在myth中的whitelist添加你自己的域名,最好还有像GGReader、豆瓣九点这些阅读器的地址...

  2. 觉得像PageCookery这样的独立微blog好难成大趋势,毕竟微blog的社会化远大于像个人主页个人blog这样的东西

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注