为你的PageCookery添加富评论

提醒:本文最后更新于 3951 天前,文中所描述的信息可能已发生改变,请谨慎使用。

友情提示:本文代码已经跟最最新版0.95做了相关的调整,并添加了检查评论网址是否带有http://的功能,欢迎广大新老用户再次测试。

曾几何时,我在PageCookery的讨论组上看到的最多的帖子就是如何让评论能支持昵称,邮箱和网址,跟WP一样。而后@孙老四同学就慷慨的分享了他的添加文件。经过我自己的摸索,我终于也成功的添加上了富评论,特此分享出我的添加过程。大家不要看代码比较多,其实要修改的只有几行,我怕大家找不到才把前后不变的代码也弄上来了。如果是在不愿意看的,可以直接下载文末我已经修改好的程序就行~

一、先要为数据库添加上相应的字段,这里定义记录网址和邮箱的字段名称为email和url,请记住他们的先后顺序以及名称。

image

1.打开reply表的结构页面

image

2.为reply表添加两个字段存放邮箱和地址

image

3.最后reply表结构如图所示

二、然后为网站加上输入框 打开template/blog.html,将100行p标签的内容改为如下内容{如果段数不一样的可以看代码前几行查找} 同时还要将152行的p标签改为如下内容{如果段数不一样的可以看代码前几行查找} 这样就添加好了输入框,效果如图所示,当然因为添加了两个输入框,按钮和其它的都稍显得错位了,不急,我们先把功能添加好后再去修改样式表~ image 然后我们要打开httprequest.php,找到164行,将164行替换成如下代码

友情提醒一下,大家要在这段代码里头设置自己的昵称,网址,邮箱什么的。有些孩子没看到结果评论里头全是我的头像了T_T...另外,本人发现很多孩子写地址不喜欢在前面加上http://,没这个浏览器会自动在地址前面加上你的微博地址,所以请老四帮忙写了一个检查URL的函数,如果没有就自动加上。打开lib/function_microblog.php文件,将下列代码加到最后即可:

然后我们还要打开javascript/global.js,将下列代码覆盖global.js此文件{等于用下面的代码替换global.js的内容}

将这三个文件修改并保存好后,我们的功能就基本添加完毕了。然后我们要将效果显示出来,我根据博客评论的显示方法,为昵称加上了评论者的网址链接,并提供显示Gravatar头像。关于Gravatar头像的显示,大家可以参考传送门,非常的好用的说!

我们打开template/blog.html文件,将88行的代码用如下替代{如果段数不一样的可以看代码前几行查找}

将145行的代码用如下替换{如果段数不一样的可以看代码前几行查找}

大家记住最后还要对template/view.html也要同template/blog.html一样进行相应的修改才行,否则在permalink和搜索页面就没有任何效果咯~打开template/view.html,将如下代码替换全部代码:

然后我还将评论聚合页面的头像也修改成了Gravatar头像,并修正了点击评论跳转到首页的错误。大家打开template/comment.html,并用如下代码替换全文代码即可:

然后大家对应着自己的审美要求对输入框进行相应的样式表的修改就行了。如果修改不来的也可以下载文末我已经修改好的程序。另外,文章中的代码如果与我修改的程序有什么出入的话,一切以我修改的程序为准。

相关下载: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
Avatar
怡红公子 擅长前端和 Node.js 服务端方向。热爱开源时常在 Github 上活跃,也是博客爱好者,喜欢将所学内容总结成文章分享给他人。

17 评论

miolala小貓 Firefox 13.0.1 Windows XP
2012+00-06T09:27:02.000Z 回复
多謝!
Even Chrome 9.0.597.98 Windows XP
2011-02-28T03:17:11.000Z 回复
代码好多 代码好多 代码好多 代码好多 代码好多 代码好多 又要忙半天啊 ╮(╯_╰)╭
公子 Chrome 11.0.664.0 Windows 7
2011-02-28T16:09:26.000Z 回复
额~这个,其实下面有我修改好的包的……而且就是简单的复制粘贴么,不要激动~o(╯□╰)o
孙老四 Chrome 6.0.472.63 Windows 7
2010-10-03T18:30:27.000Z 回复
小哥搞得不错啊~~
怡红公子 Firefox 3.6.10 Windows 7
2010-10-18T12:43:55.000Z 回复
那还得多谢你的指点呢!~~
美女小姨子 IE 8.0 Windows XP
2010-10-08T08:11:45.000Z 回复
很强大,不过我看不懂 :10
KARONL Chrome 6.0.472.63 Windows XP
2010-10-03T07:28:17.000Z 回复
总的来说就是一大堆代码。。。
公子 Firefox 3.6.10 Windows 7
2010-10-03T10:23:29.000Z 回复
:9 这个说的也是哦...= =
Firefox 3.6.10 Windows 7
2010-10-01T11:14:53.000Z 回复
觉得像PageCookery这样的独立微blog好难成大趋势,毕竟微blog的社会化远大于像个人主页个人blog这样的东西
怡红公子 Chrome 6.0.490.1 Windows 7
2010-10-01T12:50:57.000Z 回复
不要趋势,小众即可,本位无关微博客,纯讨论技术... :8
Firefox 3.6.10 Windows 7
2010-10-01T11:11:04.000Z 回复
你知道你的图片都是叉叉不...估计你不知道 你有缓存 在myth中的whitelist添加你自己的域名,最好还有像GGReader、豆瓣九点这些阅读器的地址...
怡红公子 Chrome 6.0.490.1 Windows 7
2010-10-01T12:50:03.000Z 回复
哦哦,这个我还真不知道...
怡红公子 Firefox 3.6.10 Windows 7
2010-10-01T12:57:09.000Z 回复
我能说我老早就已经加过了么,为什么你看到的还是叉叉..==
Firefox 3.6.10 Windows 7
2010-10-01T13:39:35.000Z 回复
现在能看到了
1+7 Chrome 6.0.472.63 Windows 7
2010-10-01T07:09:46.000Z 回复
没用PageCookery许久...
怡红公子 Chrome 6.0.490.1 Windows 7
2010-10-01T12:49:09.000Z 回复
你这个沙发很没营养..
1+7 Chrome 6.0.472.63 Windows 7
2010-10-02T07:59:18.000Z 回复
:8 我就喜欢这样的。