拾光 - 插件
https://www.ishiguang.cn/tag/%E6%8F%92%E4%BB%B6/
-
edge 谷歌浏览器插件推荐
https://www.ishiguang.cn/16495.html
2022-08-16T21:45:00+08:00
edge 谷歌浏览器插件推荐其实EDGE也是用的谷歌的内核所以他们很多插件都基本共用,所以我就只说插件扩展名称就好了1.JavaScript and CSS Code Beautifier访问js css等文件高亮格式化用的 美观方便查看！2.Seven JSON ViewerAPI 查看json数据高亮格式化3.Stylebot前端CSS美化工具！4.Wappalyzer - Technology profiler显示网站程序名称 和 所用框架扩展！另外如果想对API数据测试可以去 Apifox 功能：API 文档、API 调试、API Mock、API 自动化测试地址：https://www.apifox.cn/另外他支持在线测试和下载工具测试！ 前端开发必备吧！
-
typecho自定义头部CSS,JS插件
https://www.ishiguang.cn/14392.html
2022-02-03T13:29:00+08:00
typecho自定义头部CSS,JS插件使用方法复制 CustomCssAndJs 文件夹到 Plugins 文件夹后台启用插件到设置面板设置相关配置即可代码高亮设置 CSS：//cdn.jsdelivr.net/highlight.js/9.9.0/styles/atom-one-dark.min.css
JS: //cdn.jsdelivr.net/highlight.js/9.9.0/highlight.min.js自定义JS脚本(参见 Highlight.js 官网)：$(document).ready(function() {
$('pre code').each(function(i, block) {
hljs.highlightBlock(block);
//$("pre").css("background",$("code").css("background"));
});
});
CustomCssAndJs.zip
-
typecho 编辑器插件 ueditor
https://www.ishiguang.cn/7463.html
2021-03-27T23:32:00+08:00
这个编辑器还行 主要是我之前的文章迁移自worspress 很多文章有很多代码然而使用markdown无法编辑，这个编辑器就可以解决了！对markdown不太熟悉。typecho1.1版本编辑器无法解析html代码typecho 1.0原生markdown解析器非常弱，无法解析表格。typecho 1.1原生markdown解析器必须使用特权模式才可以解析html代码.你可以使用该插件替换掉typecho的markdown的解析引擎： https://github.com/kokororin/typecho-plugin-Parsedown你可以使用该插件替换掉typecho的编辑器：https://github.com/chanshengzhi/ueditor-for-typecho/启用这两个插件后，无需任何设置，自动替换前台文章解析，支持解析表格和html代码。一：下载编辑器插件ueditor for typecho 2018安装方式1：在线安装a.使用ueditor.install.php在服务器上下载和安装b.访问https://github.com/chanshengzhi/ueditor-for-typecho/releasesc.下载最新版本的安装脚本(ueditor.install.php)d.上传到ueditor.install.php到/usr/plugins文件夹下e.访问yourdomain.com/usr/plugins/ueditor.install.php进行安装f.安装成功后进入typecho插件管理界面启用即可.安装方式2：下载安装a.服务器位于某些特定的区域时可能无法使用在线安装,无法使用在线安装时请下载插件压缩包上传到服务器进行安装.b.访问https://github.com/chanshengzhi/ueditor-for-typecho/releases,下载所需版本的压缩包,解压后上传其中的ueditor文件夹到/usr/plugins文件夹下, 进入typecho插件管理界面启用即可二：typecho parsedown 解析markdown插件使用parsedown替换typecho自带的markdown解析库。启用前请将目录名重命名为parsedown。a.下载插件：https://github.com/kokororin/typecho-plugin-Parsedownb.上传yourdomain/usr/pulgins目录下c.解压，并重命名为：Parsedownd.在typecho后台启动插件插件下载地址：UEditor.rar 这个是完整的插件包，上传启用就可以了！新版编辑器还是只支持1.1及以下的：新版地址 https://github.com/LinkPoly/UEditor-for-Typecho
-
typecho调用热门标签
https://www.ishiguang.cn/6673.html
2021-03-08T18:42:57+08:00
typecho调用热门标签 全部标签Typecho常用代码之：输出全部标签并按文章数量排序(下面代码中的limit=20即输出的标签数量)： <?php $this->widget('Widget_Metas_Tag_Cloud', array('sort' => 'count', 'ignoreZeroCount' => true, 'desc' => true, 'limit' => 20))->to($tags); ?>
<?php while($tags->next()): ?>
<li><a rel="tag" href="<?php $tags->permalink(); ?>"><?php $tags->name(); ?></a></li>
<?php endwhile; ?>
输出全部标签列表，按照MID（创建时间）排序： <?php $this->widget('Widget_Metas_Tag_Cloud')
->to($taglist); ?><?php while($taglist->next()): ?>
<li><a href="<?php $taglist->permalink(); ?>" title="<?php $taglist->name(); ?>"><?php $taglist->name(); ?></a></li>
<?php endwhile; ?>
-
typecho调用指定文章
https://www.ishiguang.cn/6672.html
2021-03-08T18:31:00+08:00
typecho调用指定文章 在functions.php中加入如下代码 class Widget_Post_fanjubiao extends Widget_Abstract_Contents
{
public function __construct($request, $response, $params = NULL)
{
parent::__construct($request, $response, $params);
$this->parameter->setDefault(array('pageSize' => $this->options->commentsListSize, 'parentId' => 0, 'ignoreAuthor' => false));
}
public function execute()
{
$select = $this->select()->from('table.contents')
->where("table.contents.password IS NULL OR table.contents.password = ''")
->where('table.contents.type = ?', 'post')
->limit($this->parameter->pageSize)
->order('table.contents.modified', Typecho_Db::SORT_DESC);
if ($this->parameter->fanjubiao) {
$fanju=explode(",",$this->parameter->fanjubiao);
$select->where('table.contents.cid in ?', $fanju);
}
$this->db->fetchAll($select, array($this, 'push'));
}
}然后在前台调用热门文章时就可以这样写了 <?php
$week1="728,1197";//指定文章id集合多个文章中间用英文逗号隔开
$this->widget('Widget_Post_fanjubiao@fanjubiao', 'fanjubiao='.$week1)->to($fanju); ?>
<?php while($fanju->next()): ?>
文章链接：<?php $fanju->permalink() ?>
文章标题：<?php $fanju->title(); ?>
<!--等等-->
<?php endwhile; ?>这种写法非常原生，使用方法也同typecho调用某分类下的文章语法一致
-
typecho 热门文章调用方法
https://www.ishiguang.cn/6671.html
2021-03-08T15:48:00+08:00
typecho 热门文章调用方法 （阅读最多的调用方法）//热门文章
class Widget_Contents_Hot extends Widget_Abstract_Contents
{
public function execute()
{
$this->parameter->setDefault(array('pageSize' => 10));
$select = $this->select();
$select->cleanAttribute('fields');
$this->db->fetchAll(
$select->from('table.contents')
->where("table.contents.password IS NULL OR table.contents.password = ''")
->where('table.contents.status = ?', 'publish')
->where('table.contents.created <= ?', time())
->where('table.contents.type = ?', 'post')
->limit($this->parameter->pageSize)
->order('table.contents.views', Typecho_Db::SORT_DESC),
array($this, 'push')
);
}
}
调用方法 <?php $this->widget('Widget_Contents_Hot@Index', 'pageSize=4')->to($item); ?>
<?php while ($item->next()) : ?>
<?php $item->permalink(); ?>//调用方法
<?php $item->title(); ?>//调用方法
//其他方法自己参考更改就行了
<?php endwhile; ?>
-
Typecho 主题开发 - 文章自定义字段和主题设置字段
https://www.ishiguang.cn/6665.html
2021-03-02T11:09:00+08:00
在 Typecho 官方的主题开发文档中，很少有关于文章自定义字段和主题设置相关的开发说明。我也是查看了一些开源主题的代码才搞懂自定义字段和主题设置的开发。这里就简单写一下文章自定义字段和主题设置的定义和调用。文章自定义字段文章自定义字段定义后会显示在文章编辑界面的编辑框下方，用户可以使用定义好的选项来设置每篇文章的偏好，在输出文章的时候可以调用用户的设置，实现一些个性化功能。文章自定义字段需要在主题目录下的 functions.php 文件中的 themeFields 函数中定义。input 输入框下面定义一个 input 输入框：function themeFields($layout) {
$image = new Typecho_Widget_Helper_Form_Element_Text('image', null, null, _t('文章头图'), _t('文章头图会显示在文章的顶部。'));
$mmusic->input->setAttribute('class', 'w-100 setfb');
$layout->addItem($image); // 注册
}
$mmusic->input->setAttribute('class', 'w-100 setfb');是设置输入框CSS长度的Typecho_Widget_Helper_Form_Element_Text 的第一个参数是字段名。第二个参数目前暂时未知。第三个参数是默认值。第四个参数是提示信息，会显示在输入框关联的 label 标签中。第五个参数是更详细的提示信息，会显示在输入框下方。在输出文章的时候可以通过 $this->fields->image() 输出自定义字段的内容，其中的 image 就是字段名称。如果要判断字段是否有内容可以直接用 if 来判断 $this->fields->image ，如果有内容就会返回 true ，否则就返回 false 。自定义字段使用调用字段$field = $this->fields->fieldName;输出字段$this->fields->fieldName();判断字段if(isset($this->fields->fieldName)){
echo '字段存在，值为：'.$this->fields->fieldName;
}else{
echo '字段不存在';
}
--------官方文档地址 http://docs.typecho.org/help/custom-fieldsselect 下拉选择下面定义一个 select 下拉选择：function themeFields($layout) {
$articleCopyright = new Typecho_Widget_Helper_Form_Element_Select('articleCopyright', array(
'show' => '显示',
'hide' => '不显示'
), 'show', _t('显示原创声明'), _t('开启后会在本篇文章底部显示版权声明。'));
$layout->addItem($articleCopyright); // 注册
}
注意！只要是文章的自定义字段都需要写在 themeFields 函数内，多个字段也只需要写在一个 themeFields 函数内。Typecho_Widget_Helper_Form_Element_Select 的第一个参数是字段名称。第二个参数是下拉选择的内容，需要传入一个数组。第三个参数是默认值，默认值的类型为字符串，需要传入一个数组的键名。第四个参数是 label 标签关联的提示信息。第五个参数是更详细的提示信息。在输出文章的时候可以用 if 来判断 $this->fields->articleCopyright 的值，其中 articleCopyright 就是字段名。下面判断 $this->fields->articleCopyright 的值：if ($this->fields->articleCopyright == 'show') {
// 如果是选中状态就返回 true
}
下面是 input 输入框和 select 下拉选择 在文章编辑页的效果：主题设置字段主题设置字段定义后会显示在主题的外观设置页，用户可以使用定义好的选项来设置主题的外观和功能。主题设置的字段需要在主题目录下的 funcions.php 中的 themeConfig 函数中定义。input 输入框下面定义一个 input 输入框：function themeConfig($cfg) {
$logoUrl = new Typecho_Widget_Helper_Form_Element_Text('logoUrl', null, null, _t('站点 Logo 地址'), _t('Logo 会显示在标签页的标题前面。'));
$cfg->addInput($logoUrl); // 注册
}
主题设置字段的 Typecho_Widget_Helper_Form_Element_Text 参数和文章自定义字段的 Typecho_Widget_Helper_Form_Element_Text 的参数是一样的。主题设置字段可以在任何一个页面使用 $this->options->logoUrl() 输出，其中的 logoUrl 就是字段名。如果要判断字段是否有内容也可以用 if 来判断 $this->options->logoUrl ，如果有内容就会返回 true ，否则返回 false 。textarea 输入框下面定义一个 textarea 输入框：function themeConfig($cfg) {
$cssCode = new Typecho_Widget_Helper_Form_Element_Textarea('cssCode', null, null, _t('自定义 CSS'), _t('通过自定义 CSS 您可以很方便的设置页面样式，自定义 CSS 不会影响网站源代码。'));
$cfg->addInput($cssCode); // 注册
}
注意！所有的主题设置字段都需要写在 themeConfig 函数中，多个字段也只需要写在一个 themeConfig 函数中。Typecho_Widget_Helper_Form_Element_Textarea 的参数和 input 输入框的参数是一样的。textarea 的输出和查询和上面的 input 是一样的。checkbox 复选框下面定义一组 checkbox 复选框：function themeConfig($cfg) {
$sidebarBlock = new Typecho_Widget_Helper_Form_Element_Checkbox('sidebarBlock',
array(
'ShowRecentPosts' => _t('显示最新文章'),
'ShowRecentComments' => _t('显示最近回复'),
'ShowCategory' => _t('显示分类'),
'ShowTag' => _t('显示标签云'),
'ShowArchive' => _t('显示归档'),
'ShowOther' => _t('显示其它杂项'),
'HideLoginLink' => _t('隐藏登录入口')
),
array(
'ShowRecentPosts',
'ShowRecentComments',
'ShowCategory'
), _t('侧边栏显示')
);
$cfg->addInput($sidebarBlock->multiMode()); // 注册
}
Typecho_Widget_Helper_Form_Element_Checkbox 的第一个参数是字段名。第二个参数是复选框的内容，需要传入一个数组。第三个参数是复选框的选中状态，需要传入一个数组，数组的内容就是第二个参数中数组的键名。第四个参数是复选框组的标题，会显示在复选框的上方。注意！在注册的时候需要传入 Typecho_Widget_Helper_Form_Element_Checkbox 的 multiMode() 方法。如果需要判断复选框的选中状态可以使用 in_array 函数来查找 $this->options->sidebarBlock 的选项。下面判断 显示最新回复 是否选中 ：if (is_array($this->options->sidebarBlock) && in_array('ShowRecentComments', $this->options->sidebarBlock)) {
// 返回 true
}
如果一组复选框中没有一个被选中，$this->options->sidebarBlock 的值就是 null 。只使用 in_array() 查找的话可能会报错，需要先用 is_array() 判断是否是数组。复选框的效果如下：radio 单选框下面定义一组 radio 单选框：function themeConfig($cfg) {
$navbarColor = new Typecho_Widget_Helper_Form_Element_Radio('navbarColor', array(
'white' => '白色',
'black' => '黑色'
), 'black', _t('导航栏颜色'));
$cfg->addInput($navbarColor);
}
Typecho_Widget_Helper_Form_Element_Radio 的第一个参数是字段名。第二个参数是单选框的内容，需要传入一个数组。第三个参数是单选框的选中状态，需要传入第二个参数数组的键名。第四个参数是单选框组的标题，会显示在单选框的上方。如果要判断单选框的选中状态可以用 if 来判断 $this->options->navbarColor 的值，其中的 navbarColor 是字段名。下面判断单选框的选中状态：if ($this->options->navbarColor == 'black') {
// 如果黑色选中就返回 true
}
下面是单选框的效果：这就是Typecho 主题开发 - 文章自定义字段和主题设置字段
-
typecho插入bilibili视频播放器 B站插件
https://www.ishiguang.cn/6645.html
2021-02-22T15:48:00+08:00
typecho插入bilibili视频 B站插件插件功能：前台自动加入CSS布局后台启用插件就可以了，不需要任何设置在编辑器加入按钮，直接输入BVID 就可以了禁用了跳转B站测试地址 ：https://www.ishiguang.cn/6646.html效果图：更新:1.06修正某些分页，css加载地址错误的问题修改禁止自动播放！避免同个页面多个视频同时播放1.07 更新了CSS文件路径BUG新版本直接下载就行了(不需要再下载上面的替换文件了)2022.3.8 更新1.08 更新视频自动调用高清视频，一般为720P，如果视频没有720P则调用360P2022.5.9 更新1.09 默认关闭弹幕！2022.12.1 更改播放器显示样式 :&(蛆音娘_滑稽) 1.1.0 版本：biliplayer_20221201112452.zip1.0.9 旧版 https://github.com/qq8244409/typecho-plugins-biliplayerPS: 折腾插件不易，我只是个小学毕业的，还请各位大佬键盘下留情！我发布的任何东西都不曾收费，只为方便更多的人！有问题联系qq: 8244409
-
Typecho评论增强插件：TeComment
https://www.ishiguang.cn/4646.html
2021-02-20T09:23:03+08:00
TeComment（2017.09.07更新）Typecho 评论增强插件，可为Typecho评论增加评论工具栏、实现评论列表异步加载以及Ajax提交评论功能1、安装插件下载插件后，确认插件文件夹名称为TeComment,上传插件文件夹TeComment至网站目录usr/plugins/进入后台，在导航 控制台 > 插件 页面，选择启用TeComment插件2、使用插件2.1、评论工具栏安装好插件后，要想显示评论工具栏，需要修改当前所使用主题的comments.php文件:在textarea标签后插入如下代码(可自行确定放置位置)<?php TeComment_Plugin::showTool();?>
2.2、使用评论列表异步加载或Ajax提交评论功能前提在开启评论列表异步加载或Ajax提交评论功能前，需要修改当前所使用主题的functions.php文件:若functions.php文件中添加或替换threadedComments函数为/**
* 重写评论显示函数
*/
function threadedComments($comments, $options){
$html = TeComment_Plugin::parseCommentHtml($comments, $options);
$children = '';
if ($comments->children) {
ob_start();
$comments->threadedComments();
$children = ob_get_contents();
ob_end_clean();
}
$html = str_replace('>{children}<','>'.$children.'<',$html);
echo $html;
}
2.3、评论列表异步加载功能要开启‘评论异步加载’功能，在插件设置页面启用‘评论异步加载’后，还需要修改当前所使用主题的comments.php文件:代码<?php $this->comments()->to($comments); ?>
<?php if ($comments->have()): ?>
<?php $comments->listComments(); ?>
<?php $comments->pageNav('« 前一页', '后一页 »'); ?>
<?php endif; ?>
修改为<?php if($this->options->plugin('TeComment')->commentAjaxLoad): ?>
<div id="comment-ajax-list" data-cid="<?php $this->cid();?>" data-num="<?php $this->commentsNum();?>" data-comment-page="<?php echo $this->request->commentPage;?>"></div>
<?php else: ?>
<?php $this->comments()->to($comments); ?>
<?php if ($comments->have()): ?>
<?php $comments->listComments(); ?>
<?php $comments->pageNav('« 前一页', '后一页 »'); ?>
<?php endif; ?>
<?php endif; ?>
代码<?php $comments->cancelReply(); ?>
修改为<?php echo '<a id="cancel-comment-reply-link" href="' . $this->permalink . '#' . $this->respondId . '" rel="nofollow"' . ($this->request->filter('int')->replyTo ? '' : ' style="display:none"') . ' onclick="return TypechoComment.cancelReply();">'._t('取消回复').'</a>'; ?>
2.4、Ajax提交评论要开启‘Ajax提交评论’功能，只需要在在插件设置页面启用‘Ajax提交评论’即可此功能兼容系统默认的反垃圾保护功能2.5、评论模板为了实现评论列表异步加载和Ajax提交评论功能，插件引入了评论模板，默认的评论模板为：<li id="{theId}" class="widget {commentClass}">
<div class="comment-meta">
<div class="comment-meta-avatar">{authorAvatar}</div>
<div class="comment-meta-author">
<strong>{beforeAuthor}<a href="{authorUrl}" rel="external nofollow" target="_blank">{authorName}</a>{afterAuthor}{commentStatus}</strong>
</div>
<div class="comment-meta-time">{beforeDate}{created}{afterDate}</div>
<div class="comment-meta-reply">{replyLink}</div>
</div>
<div class="comment-content">{content}</div>
<div class="comment-children">{children}</div>
</li>
可根据模板的需要自行设计评论模板，可用参数包括:{theId} 评论锚点ID {commentClass} 评论列表样式 {authorAvatar} 评论用户头像{authorName} 评论用户名称 {authorUrl} 评论用户主页 {authorUrl} 评论用户邮箱 {created}评论发布时间，时间格式为后台设置的格式 {replyLink}回复评论的链接 {content} 评论内容 {children} 子评论旧插件使用方法：<?php TeComment_Plugin::showTool();?>
启用插件后，在comments.php文件的合适位置加上以上代码即可下载地址：TeComment本文为转载，食用方法自己去参考！！！
-
typecho实现Ajax评论功能
https://www.ishiguang.cn/4643.html
2021-02-20T08:55:00+08:00
为了不使用插件实现Ajax评论功能需要实现：监听评论表单，改用ajax方式提交创建新的评论表单提交地址（用Typecho 主题提供的系统方法themeInit实现）当访问文章加载主题时，themeInit方法首先被加载，可在此方法中判断是否为添加评论的操作，即新的评论表单地址为文章的链接(permalink).具体判断方法如下// 主题初始化
function themeInit($archive){
// 判断是否是添加评论的操作
// 为文章或页面、post操作，且包含参数`themeAction=comment`(自定义)
if($archive->is('single') && $archive->request->isPost() && $archive->request->is('themeAction=comment')){
// 为添加评论的操作时
ajaxComment($archive);
}
}
要实现ajax评论，则无法使用系统默认的feedback,这里我们将复制feedback功能并改造为我们需要的方法/**
* ajaxComment
* 实现Ajax评论的方法(实现feedback中的comment功能)
* @param Widget_Archive $archive
* @return void
*/
function ajaxComment($archive){
$options = Helper::options();
$user = Typecho_Widget::widget('Widget_User');
$db = Typecho_Db::get();
// Security 验证不通过时会直接跳转，所以需要自己进行判断
// 需要开启反垃圾保护，此时将不验证来源
if($archive->request->get('_') != Helper::security()->getToken($archive->request->getReferer())){
$archive->response->throwJson(array('status'=>0,'msg'=>_t('非法请求')));
}
/** 评论关闭 */
if(!$archive->allow('comment')){
$archive->response->throwJson(array('status'=>0,'msg'=>_t('评论已关闭')));
}
/** 检查ip评论间隔 */
if (!$user->pass('editor', true) && $archive->authorId != $user->uid &&
$options->commentsPostIntervalEnable){
$latestComment = $db->fetchRow($db->select('created')->from('table.comments')
->where('cid = ?', $archive->cid)
->where('ip = ?', $archive->request->getIp())
->order('created', Typecho_Db::SORT_DESC)
->limit(1));
if ($latestComment && ($options->gmtTime - $latestComment['created'] > 0 &&
$options->gmtTime - $latestComment['created'] < $options->commentsPostInterval)) {
$archive->response->throwJson(array('status'=>0,'msg'=>_t('对不起, 您的发言过于频繁, 请稍侯再次发布')));
}
}
$comment = array(
'cid' => $archive->cid,
'created' => $options->gmtTime,
'agent' => $archive->request->getAgent(),
'ip' => $archive->request->getIp(),
'ownerId' => $archive->author->uid,
'type' => 'comment',
'status' => !$archive->allow('edit') && $options->commentsRequireModeration ? 'waiting' : 'approved'
);
/** 判断父节点 */
if ($parentId = $archive->request->filter('int')->get('parent')) {
if ($options->commentsThreaded && ($parent = $db->fetchRow($db->select('coid', 'cid')->from('table.comments')
->where('coid = ?', $parentId))) && $archive->cid == $parent['cid']) {
$comment['parent'] = $parentId;
} else {
$archive->response->throwJson(array('status'=>0,'msg'=>_t('父级评论不存在')));
}
}
$feedback = Typecho_Widget::widget('Widget_Feedback');
//检验格式
$validator = new Typecho_Validate();
$validator->addRule('author', 'required', _t('必须填写用户名'));
$validator->addRule('author', 'xssCheck', _t('请不要在用户名中使用特殊字符'));
$validator->addRule('author', array($feedback, 'requireUserLogin'), _t('您所使用的用户名已经被注册,请登录后再次提交'));
$validator->addRule('author', 'maxLength', _t('用户名最多包含200个字符'), 200);
if ($options->commentsRequireMail && !$user->hasLogin()) {
$validator->addRule('mail', 'required', _t('必须填写电子邮箱地址'));
}
$validator->addRule('mail', 'email', _t('邮箱地址不合法'));
$validator->addRule('mail', 'maxLength', _t('电子邮箱最多包含200个字符'), 200);
if ($options->commentsRequireUrl && !$user->hasLogin()) {
$validator->addRule('url', 'required', _t('必须填写个人主页'));
}
$validator->addRule('url', 'url', _t('个人主页地址格式错误'));
$validator->addRule('url', 'maxLength', _t('个人主页地址最多包含200个字符'), 200);
$validator->addRule('text', 'required', _t('必须填写评论内容'));
$comment['text'] = $archive->request->text;
/** 对一般匿名访问者,将用户数据保存一个月 */
if (!$user->hasLogin()) {
/** Anti-XSS */
$comment['author'] = $archive->request->filter('trim')->author;
$comment['mail'] = $archive->request->filter('trim')->mail;
$comment['url'] = $archive->request->filter('trim')->url;
/** 修正用户提交的url */
if (!empty($comment['url'])) {
$urlParams = parse_url($comment['url']);
if (!isset($urlParams['scheme'])) {
$comment['url'] = 'http://' . $comment['url'];
}
}
$expire = $options->gmtTime + $options->timezone + 30*24*3600;
Typecho_Cookie::set('__typecho_remember_author', $comment['author'], $expire);
Typecho_Cookie::set('__typecho_remember_mail', $comment['mail'], $expire);
Typecho_Cookie::set('__typecho_remember_url', $comment['url'], $expire);
} else {
$comment['author'] = $user->screenName;
$comment['mail'] = $user->mail;
$comment['url'] = $user->url;
/** 记录登录用户的id */
$comment['authorId'] = $user->uid;
}
/** 评论者之前须有评论通过了审核 */
if (!$options->commentsRequireModeration && $options->commentsWhitelist) {
if ($feedback->size($feedback->select()->where('author = ? AND mail = ? AND status = ?', $comment['author'], $comment['mail'], 'approved'))) {
$comment['status'] = 'approved';
} else {
$comment['status'] = 'waiting';
}
}
if ($error = $validator->run($comment)) {
$archive->response->throwJson(array('status'=>0,'msg'=> implode(';',$error)));
}
/** 添加评论 */
$commentId = $feedback->insert($comment);
if(!$commentId){
$archive->response->throwJson(array('status'=>0,'msg'=>_t('评论失败')));
}
Typecho_Cookie::delete('__typecho_remember_text');
$db->fetchRow($feedback->select()->where('coid = ?', $commentId)
->limit(1), array($feedback, 'push'));
// 返回评论数据
$data = array(
'cid' => $feedback->cid,
'coid' => $feedback->coid,
'parent' => $feedback->parent,
'mail' => $feedback->mail,
'url' => $feedback->url,
'ip' => $feedback->ip,
'agent' => $feedback->agent,
'author' => $feedback->author,
'authorId' => $feedback->authorId,
'permalink' => $feedback->permalink,
'created' => $feedback->created,
'datetime' => $feedback->date->format('Y-m-d H:i:s'),
'status' => $feedback->status,
);
// 评论内容
ob_start();
$feedback->content();
$data['content'] = ob_get_clean();
$data['avatar'] = Typecho_Common::gravatarUrl($data['mail'], 48, Helper::options()->commentsAvatarRating, NULL, $archive->request->isSecure());
$archive->response->throwJson(array('status'=>1,'comment'=>$data));
}
当已经在functions.php文件中添加完上述方法时，就已经可以接收ajax评论了。此时我们需要修改评论表单添加的方式及提交的地址。在footer.php文件中添加方法// 依赖jquery,请自行加载
$(function(){
// 监听评论表单提交
$('#comment-form').submit(function(){
var form = $(this), params = form.serialize();
// 添加functions.php中定义的判断参数
params += '&themeAction=comment';
// 解析新评论并附加到评论列表
var appendComment = function(comment){
// 评论列表
var el = $('#comments > .comment-list');
if(0 != comment.parent){
// 子评论则重新定位评论列表
var el = $('#comment-'+comment.parent);
// 父评论不存在子评论时
if(el.find('.comment-children').length < 1){
$('<div class="comment-children"><ol class="comment-list"></ol></div>').appendTo(el);
}else if(el.find('.comment-children > .comment-list').length <1){
$('<ol class="comment-list"></ol>').appendTo(el.find('.comment-children'));
}
el = $('#comment-'+comment.parent).find('.comment-children').find('.comment-list');
}
if(0 == el.length){
$('<ol class="comment-list"></ol>').appendTo($('#comments'));
el = $('#comments > .comment-list');
}
// 评论html模板，根据具体主题定制
var html = '<li id="comment-{coid}" class="comment-body comment-ajax"><div class="comment-author"><span><img class="avatar" src="{avatar}" alt="{author}" width="32" height="32"></span><cite class="fn">{author}</cite></div><div class="comment-meta"><a href="{permalink}"><time>{datetime}</time></a></div><div class="comment-content">{content}</div></li>';
$.each(comment,function(k,v){
regExp = new RegExp('{'+k+'}', 'g');
html = html.replace(regExp, v);
});
$(html).appendTo(el);
}
// ajax提交评论
$.ajax({
url: '<?php $this->permalink();?>',
type: 'POST',
data: params,
dataType: 'json',
beforeSend: function() { form.find('.submit').addClass('loading').html('<i class="icon icon-loading icon-pulse"></i> 提交中...').attr('disabled','disabled');},
complete: function() { form.find('.submit').removeClass('loading').html('提交评论').removeAttr('disabled');},
success: function(result){
if(1 == result.status){
// 新评论附加到评论列表
appendComment(result.comment);
form.find('textarea').val('');
}else{
// 提醒错误消息
alert(undefined === result.msg ? '<?php _e('评论出错!');?>' : result.msg);
}
},
error:function(xhr, ajaxOptions, thrownError){
alert('评论失败，请重试');
}
});
return false;
});
});
ajax评论需要自定义评论模板，获取使用其他方式拼接评论html。评论form表单的提交按钮需要添加class="submit"或修改代码为其他自定义的class注：需开启评论的反垃圾保护（本文转自绛木子） 具体使用方式还未去实现，只是为了存资料，方便以后学习