Typecho杂文:Typecho探索性质的文章

获取QQ头像地址,并且不暴露QQ号

需求因为最近回归原生评论,所以评论头像如果单纯的引用gravatar头像,会有一部分low bee们头像会变成gravatar默认头像,为了解决这个问题,我想对于qq号@qq.com这样的邮箱地址就行个处理来提取QQ头像,然后问题是怎么获取QQ头像地址。尝试最初想到获取QQ头像地址就是下面这样https://q.qlogo.cn/g?b=qq&nk=腻的扣扣号&s=100当随之而来的问题就是暴露了别人的QQ号码,这点对于保护他人隐私上来说不太好。于是想到了这样的QQ头像地址https://q1.qlogo.cn/g?b=qq&k=0n5AZ9Ne4h3em8iboKu3sHg&s=100上面的地址,中没有QQ号,却获取了某人的qq头像,里面的重要参数就是K的值,那么如何获取K值呢?探索上各种搜索利器,百度30分钟无果,必应一下就找到了线索。访问下面的地址就能得到一个jsonhttp://ptlogin2.qq.com/getface?appid=101382166&imgtype=1&encrytype=0&devtype=0&keytpye=0&uin=扣扣号&r=0.17780657206333406简化下无用参数,变成http://ptlogin2.qq.com/getface?&imgtype=1&uin=扣扣号访问上述地址得到的jsonpt.setHeader({"扣扣号":"http:\/\/q3.qlogo.cn\/g?b=qq&k=对应的K值&s=40&t=1483323281"});解决知道怎么获取就好处理了,上全世界最好的语言php$qq = '你的扣扣号码'; $geturl = 'http://ptlogin2.qq.com/getface?&imgtype=1&uin='.$qq; $qquser = file_get_contents($geturl); $str1 = explode('&k=', $qquser); $str2 = explode('&s=', $str1[1]); $k = $str2[0]; $qqimg = 'https://q1.qlogo.cn/g?b=qq&k='.$k.'&s=100'; echo $qqimg由于我php渣,不会解析json,所以用了个简单粗暴的方法来获取想要的字符串。扩展typechotypecho函数,其实和上边的php没啥区别。function qqgravatar ($qq){ $geturl = 'http://ptlogin2.qq.com/getface?&imgtype=1&uin='.$qq; $qquser = file_get_contents($geturl); $str1 = explode('qq&k=', $qquser); $str2 = explode('&s=', $str1[1]); $k = $str2[0]; $qqimg = 'https://q1.qlogo.cn/g?b=qq&k='.$k.'&s=100'; return $qqimg; }需要提取qq头像地址时调用<?php echo qqgravatar('QQ号'); ?>最后Hran说影响效率,测试了下,有评论里有QQ头像的文章,加载确实慢了,所以,可能弃坑20170808规则稍有变动,文章已修正php部分...

阅读文章
typecho多说评论导入后评论数量不对怎么办

多说评论导入本地数据库,文章评论数量不对怎么办?方法一(我触发的)自己给文章评论下,这时你会发现评论数量好了,然后你就可以删掉自己的评论了。文章少的可以试试,文章多不嫌累也可以这样,不过我还是建议第二种方法。方法二(typecho群40412938群主给的)首先为了保险,先备份下数据库,然后数据库执行以下语句update typecho_contents t1 SET t1.commentsNum = (select count(*) from typecho_comments t2 where t2.cid = t1.cid)其中语句中的typecho_contents和typecho_comments他们的前缀typecho需要改成你们的数据库前缀再执行否则没有效果。两种方法我都试了,因为我文章也不少,方法一太累了,还是方法二好。还有就是欢迎typecho的小伙伴进群哈!群号4041293...

阅读文章
typecho输出所有用户的信息

在某个页面输出所有用户的信息,如上图效果方法入下,在独立页面模板中加入以下代码 <table class="typecho-list-table"> <colgroup> <col width="20"/> <col width="6%"/> <col width="30%"/> <col width=""/> <col width="25%"/> <col width="15%"/> </colgroup> <thead> <tr> <th><?php _e('用户名'); ?></th> <th><?php _e('昵称'); ?></th> <th><?php _e('电子邮件'); ?></th> <th><?php _e('用户组'); ?></th> </tr> </thead> <tbody> <?php Typecho_Widget::widget('Widget_Users_Admin')->to($users); ?> <?php while($users->next()): ?> <tr id="user-<?php $users->uid(); ?>"> <td><?php $users->name(); ?> </td> <td><?php $users->screenName(); ?></td> <td><?php if($users->mail): ?><a href="mailto:<?php $users->mail(); ?>"><?php $users->mail(); ?></a><?php else: _e('暂无'); endif; ?></td> <td><?php switch ($users->group) { case 'administrator': _e('管理员'); break; case 'editor': _e('编辑'); break; case 'contributor': _e('贡献者'); break; case 'subscriber': _e('关注者'); break; case 'visitor': _e('访问者'); break; default: break; } ?></td> </tr> <?php endwhile; ?> </tbody> </table><!-- end .typecho-list-table -->注:上述代码中除了php外,都可根据个人需求自行进行修...

阅读文章
Yodu模板完全使用攻略

Yodu主题的高级使用与常见问题解决,文章内容会不断的更新扩展皮肤功能将自己为模板写的css文件,扔进模板skin文件夹下,然后模板皮肤设置处选择自己的这个皮肤即可。css命名小规则,建议使用英文字母命名,同时如果不兼容卡牌模式,请在命名中加入“-”。例如我为模板写了个css皮肤,名字为ceshi.css,如果他兼容显示设置中的卡片风格,则无需任何改动,扔进skin文件夹下即可。如果他不兼容或者不想让他加载卡片风格则将ceshi.css改为ce-shi.css然后扔进skin文件夹下即可强行关闭卡片风格缩略图功能缩略图获取优先显示顺序: 文章中的图片→标签图片→随机图片/固定一张图片随机缩略图扩展:用户将图片放到到模板目录/img/sj/文件夹内即可,图片默认有99张,所以手动扩展的话,需要将图片命名为100.jpg,上传上去这样就拓展好了一张图片,以此类推图片的名字要求连续的数字,后缀为jpg。【建议图片尺寸为140*140】打开模板设置,随机缩略图数量设置,设置成你想拓展的数量。给文章标签设置对应的缩略图:对中文友好的主机可以这样→用户将图片放到到模板目录/img/tag文件夹内,然后将图片名字改为标签名字,图片后缀仍为jpg。对中文不友好的主机建议这样设置→进入typecho后台,鼠标移向“管理”,然后点击“标签”进入标签管理页,移动鼠标找到你想要设置的标签,然后你会看到标签旁边有个小铅笔,点击它,然后就可以编辑这个标签了,将标签缩略名设置为英文字母形式的,如abc,最后将图片命名为abc得到abc.jpg,将它传到/img/tag文件夹内即可。【如果不需要标签缩略图的话,可以将/img/tag文件夹内的所有图片删除】【建议图片尺寸为140*140】更改固定的一张图片:替换模板/img目录下的mr.png图片即可。【建议图片尺寸为140*140】文章缩略图后缀:因为一些云存储服务可以提供设置裁剪图片的规则,例如七牛云,又拍云什么的,例如我的这个图片未添加规则的正常图片地址:https://qqdie.com/demo.png添加好裁剪规则的图片地址:https://qqdie.com/demo.png!Themia实际上就是图片地址后面又加了个字符串那么我怎么把这个字符串添加到缩略图后面呢?首先进入typecho后台编辑当前模板,打开functions.php文件,按Ctrl+F搜索“裁剪规则”,你会看到$cai = '';//这里可以添加图片后缀,例如七牛的缩略图裁剪规则,这里默认为空接着上边的例子将!Themia填进去即可,得到结果$cai = '!Themia';,最后点击下面的保存文件即可。常见问题与回答问:为什么有的时候侧栏的图标不显示?答:【付费版1.9.0版以上模板中已解决该问题】图标载入的是字体文件,只有用后台绑定的域名访问才会显示,比如程序后台绑定的是 qqdie.com, 那么用 www.qqdie.com 进行访问就会出现没有图标的情况,建议将 www.qqdie.com 的域名重定向到 qqdie.com 上。这样怎么访问都会访问到程序绑定的域名上,图标也会完美显示了。问:如何换掉一些皮肤的背景图?答:“旧版皮肤”的侧栏背景图替换模板目录images下的bg.jpg即可;“透明-黑/白”的背景图替换模板目录images下的zbg.jpg即可;评论框内的图片替换duoshuo/images/目录下的commentsbg.gif即可(3.2版之前是guatai.png)。问:模板更新提到了几次彩蛋,那么彩蛋到底在哪?答:博客首页,右下方页码处,点击OF即可触发。问:打赏二维码如何替换?答:打赏功能二维码图片可替换images文件夹的的tb.jpg/png和wx.jpg/png。【要求正方形,建议尺寸142*142】问:说是轻量级的主题,为啥文件还那么大?答:随机缩略图自带了99张,所以是他的锅,可能也还有些无用文件忘记删除了,预计会在1.8版中进行一次清扫,实际博客前端引用的文件并不多。问:为什么有一项关于favicon.ico的报错?答:favicon.ico为站点图标,因为这个图标大多数都是放在网站根目录的,所以模板没有自带,如果不是很理解请百度搜索favicon.ico的相关用途。问:模板加载的图标都有哪些,调用代码如何?答:因为要保证模板的简洁,所以模板本身只加载了不到100个常见图标,具体如...

阅读文章
typecho显示当前作者文章总数量

最近逛到个情侣博客,这类博客还真的蛮稀有的,发现模板还在完善状态中,而且发现一处统计用户文章总数量的地方,他并没有写代码。就是这里。其实这个我也不会,百度搜了几次也木有搜到,后来机智我,翻了下typecho后台的代码,发现有一处能够利用上,然后稍加修改就成功了。代码如下<?php Typecho_Widget::widget('Widget_Users_Admin')->to($users); ?> <?php while($users->next()): ?>//循环用户列表 <?php if( $users->uid == $this->author->uid){ $users->postsNum(); } ?>//判断用户id是否与文章作者相同,如果是则输出用户的文章数量 <?php endwhile; ?>将上述代码去掉注释,放到post.php,page.php等等中,即可显示出当前作者的文章数量。【比较适合多用户的博客,如果是个人博客直接用<?php Typecho_Widget::widget('Widget_Stat')->to($stat); ?><?php $stat->publishedPostsNum() ?>显示博客文章总数量就好了】如果你有更简单的方法,请评论告知,互相学习。实现方法代码已更新,建议食用→https://qqdie.com/archives/typecho-author-allpostsnum.ht...

阅读文章
关于 Typecho 静态资源路径的问题

文章转载与hran博客的《关于Typecho静态资源路径的问题》前几天有 Mirages 用户告诉我如果不开启伪静态的话,有两个链接会导致 404,然后才想起来因为我一直开着伪静态,所以一直忽略了这方面的需求,今天中午刚好有点时间,就尝试解决一下这个问题。伪静态设置在 Typecho 后台有,选项名称为「是否使用地址重写功能」,翻了翻数据库,发现字段名为rewrite,然后就根据这个字段做了下判断,在没开启地址重写功能的时候自动在链接中补上index.php就可以了。非常简单。if ($options->rewrite == 0) { }顺便,想起了前两天看到 Jrotty 的一篇文章:如何为 typecho 站点设置多个域名,是关于带 www 和不带 www 的域名路径的一些问题,可能会导致一些静态文件跨域的问题(虽然我从来没遇到过。。。),但解决方案有好几种,但都会修改配置文件甚至 Typecho 源码。个人认为,这种事在主题层面解决会更好一些。我个人的解决方案是不使用 $options->siteUrl,而是使用 $options->rootUrl,这样,Typecho 后台的「站点地址」选项的设置就影响不到我们链接的生成,而且,对于文章、分类、评论等 Typecho 自己生成的链接中( $item->permalink() )都是使用的 $options->rootUrl。但是这里有一点问题,就是 $options->themeUrl 使用的是 $options->siteUrl,很多人制作主题的时候会使用它引入静态文件:<link rel="stylesheet" href="<?php $this->options->themeUrl('style.css'); ?>">这也是官方主题的做法。除了调用函数,我们还可以直接使用 $options->themeUrl 获取其值,然后对其进行拼接:<link rel="stylesheet" href="<?= $this->options->themeUrl.'/style.css'; ?>">所以我们可以对其做一下替换:define("THEME_URL", rtrim(preg_replace('/^'.preg_quote($options->siteUrl, '/').'/', $options->rootUrl.'/', $options->themeUrl, 1),'/'));然后就可以使用了:<link rel="stylesheet" href="<?= THEME_URL ?>/style.css">目前测试下来一切正常。以...

阅读文章
如何为typecho站点设置多个域名

前言typecho后台只能设置一个域名,比如我设置了个http://qqdie.com,嗯这个域名就是被程序认知的域名,但是呢,这个http://www.qqdie.com带www的域名访问我的博客会出现问题,因为程序只认http://qqdie.com,所以会导致代带www的域名访问无法加载字体文件,那么如何解决这个问题呢?解决方法最初我告诉模板用户的解决方法是让http://www.qqdie.com重定向到http://qqdie.com,这样确实解决了问题。但是呢,如何让两个域名同时存在呢?方法一:在config.inc.php中定义Helper::options()->siteUrl='http://www.qqdie.com';(要放在数据库初始化之后,也就是最后)感谢空樱酱评论中告知麻烦的方法二:需要修改typecho的源代码参考地址http://note.yurenchen.com/archives/typecho_siteUrl.html步骤一打开程序目录的这个文件/var/Widget/Options.php步骤二使用搜索找到这个位置 /** 初始化站点信息 */ if (defined('__TYPECHO_SITE_URL__')) { $this->siteUrl = __TYPECHO_SITE_URL__; }步骤三在步骤二中的代码最前面加入下面的代码(域名改成你自己的)if($_SERVER['SERVER_NAME']=='www.qqdie.com'){//chen added $this->siteUrl = 'http://www.qqdie.com'; }步骤四保存修改,体验成功的喜悦吧,还有就是希望对插件很懂的大牛做成插件,毕竟修改源码这种事情不太友...

阅读文章
Yodu模板,一款typecho轻量自适应模板

Yodu6.6.0一款轻量的自适应模板,没有使用任何前端框架,代码极为简洁,并使用了instantclick预加载技术,让模板加载起来非常流畅。兼容方面:除ie外大部分浏览器均兼容。ie系列ie9以上勉强兼容,兼容typecho1.0和1.1免费版说明免费版是正式版的极简版,具体下载地址与介绍请访问这个地址http://forum.typecho.org/viewtopic.php?f=5&t=10124付费版说明Yodu 售价¥58元,扫码付款然后联系QQ485868654,模板仅限自己使用禁止外发,模板版权不建议修改或删除【如果模板版权被删除那么你的模板出现任何问题,我都将不理不睬】购买说明:购买此主题后,您将获得主题源码,购买后可随意使用,但不得分发、转售,因主题是可复制的商品,售出后一律不予退款;售后支持主题免费升级,但不提供免费个性化修改服务。【售后支持到模板不在开发之时】本模板里面的原创性质代码均允许被二次利用于其他模板,可以不加任何声明,同时本模板允许被其他非typecho博客平台进行移植,但不提供技术援助。模板功能与特性功能介绍使用多皮肤模板八种皮肤可供选择,初心版有所减少模板后台设置缩略图6种缩略图设置方案模板后台设置预加载pjax5种模式可供选择模板后台设置评论ajax无刷新评论模板后台设置评论设置支持原生评论,畅言,Disqus等模板后台设置邮箱头像源设置支持改变邮箱头像源,后台提供多种选项模板后台设置代码高亮默认代码高亮,支持行号,也可关闭使用兼容版Prismjs代码高亮插件模板后台设置扩展功能一言,加载音效,平滑滚动,代码压缩,动态标题等模板后台设置二维码默认就有文章二维码,打赏二维码功能模板后台可设置关闭自定义css支持在模板设置处自定义css,群内提供部分css文档模板后台设置分类汇总分类文章汇总页面建立独立页面选择对应模板时间归档按时间归档文章的页面建立独立页面选择对应模板时间归档搜索时间归档页面的时间检索默认开启后台可设置关闭友链页面内置了友联模板,根据简单的书写规则就能展现出好看的友链页面,支持直接填写对方qq获取头像,后续版本将支持直接填写邮箱获取邮箱头像建立独立页面选择对应模板作者页面类似用户中心的界面无需设置文章目录树关联文章中的h1,h2,h3标签生成目录模板设置中扩展组件设置图片灯箱模板引用了fancybox的文件,5.0版本使用了fancybox3无需设置图片排版功能能够在默认模板的情况下对图片排布进行控制,同排图片尺寸最好一致,否则会乱,需要模板版本4.0.0图片alt信息最后面写上-25,-30,-33,-50,-75,-100即可完成图片的排版,以-25为例,-25指的是图片宽度是父级的25%,并且漂浮在文章最左侧,文章末尾最好不要放图页面锁可以给文章/独立页面加密,密码支持自定义文章自定义字段,字段名为lock,字段值就是你想要的密码页面锁密码提示功能就是给上边的页面锁加密码提示文字,非强制性的,不加则不显示提示文字文章自定义字段,字段名为hint,字段值就是密码的提示文字回复可见隐藏部分文章内容,只有评论文章才能看到,cookie不过期无需重复评论在文章写上这个格式即可[@hide]要隐藏的内容[/hide](去掉@),如果采用ajax评论,评论后需要刷新才可以看到模板cdn功能可将模板的所有js,css,图片等文件,放到又拍云等地方,然后一键引用模板后台设置附件地址替换模板设置除输入替换前地址和替换后地址保存即可3.5.0版本以上支持mulu字段自定义字段名mulu,字段值随便写,输入字段的文章会显示文章目录树,就是在全局关闭目录树的基础上,可以为个别文章开启目录树,4.1.0版本以上支持 皮肤拓展支持可以自己为模板写css皮肤,然后扔进模板skin文件夹,然后进入模板设置选择皮肤,选择自己写的那个css皮肤即可4.3.0版本以上支持,初心版不支持针对360好搜优化针对好搜搜索引擎有针对性优化,当你文章被收录时有很大几率会图文并茂的显示在搜索结果上被动技能文章列表排序自定义包括(index,front,category,tag,search,date)页面的文章列表,可设置根据文章最后修改时间进行重新排序默认是倒叙,可根据需求不同简单的修改模板代码可实现更多骚操作6.3.5版本(含)以上支持,拓展设置中最后一项其他功能及常见问题:https://qqdie.com/archives/yodu-template-strategy.html背景音乐插件:https://qqdie.com/archives/typecho-yodubgm.html缩略图扩展包:https://qqdie.com/archives/500-random-thumbnail.html首次配置模板主题配置的视频教程:https://pan.baidu.com/s/1gfvLNl5【视频中说的关闭反垃圾保护的步骤在模板3.3.0版本以上无需关闭也可以】配置模板导航新建独立页面,标题为归档,地址archives.html,自定义模板选择archives,发布页面新建独立页面,标题为友情链接,地址links.html,自定义模板选择links,友情链接设置详见群内视频,发布页面新建独立页面,标题为关于,地址about.html,内容写些关于自己的一些东西,然后发布页面新建独立页面,标题为分类汇总,地址categories.html,自定义模板选择categories,发布页面配置模板后台打开模板后台,填入头像地址(可不填),填入微博主页地址,Github主页地址。缩略图设置,根据需要自行选择,需要的配置即可,这里付费版的用户可选项比较多打赏功能二维码图片可替换images文件夹的的tb.jpg和wx.jpg其他说明上传模板后,一定要确保模板文件夹的名字为"yodu"否则模板显示会有严重问题instantclick预加载技术也是pjax的一种,但是不保证所有的背景音乐播放器插件能够无bug播放instantclick预加载技术可能会导致你正在使用的一些插件失效,例如音乐播放器,视频播放器,文章编辑器等等。更新20190324更新6.6.0版本1,修正友链一处php代码不规范,增强兼容性。2,修复目录树被其他元素遮盖问题。3,其他9种皮肤 x 2种布局风格,也就是说能组合出16种样式,以下拿出3种作为例子模板已停售!模板即将彻底停止更新,故停售!如果不介意没有后续更新,欢迎继续入坑!...

阅读文章
typecho多说插件使用问题与解决

自从用了typecho的多说插件后,方便了许多。然而两次误操作,导致多说爆炸,第一次大概是去年年末的时候,导致多说评论无限重复,于是我将所有评论[大概200多条]都清空了。今天又一次的误操作,导致多说评论重复,每条评论都变成了两条,于是我选择了简单粗暴的处理方法。删除多说站点,重新建立个多说站点,然后将数据库中的评论同步到多说评论。最终导致个问题:除了我,大家的头像都变成了多说默认头像,深感抱歉哈!!!其实过程蛮坎坷的:多说插件中重新配置站点时,看不到配置页面,于是我禁用了插件,再次启用,结果插件启用失败,这时我考虑了两个可能原因,一个是因为typecho1.1不兼容,一个是适应php7.0改成的Pdo_Mysql。经过排除法,果然是Pdo_Mysql的问题,暂时将php降到5.3,然后把Pdo_Mysql改回Mysql,再次启用插件,启动成功。多说配置页面,依旧看不到,这时候我想可能是https的原因,于是改成不强制https,这回没问题了,配置参数,同步本地评论到多说。至此完成,再次启用php7.0,强制http...

阅读文章
typecho增加前台登陆

这个功能在就百度搜过了并且存了书签,然而人家放出来的是代码截图,所以一直懒得弄。今天抽空看了《为typecho增加前台登陆》和typecho本身的后台登陆页面,写出了实现代码<form action="<?php $this->options->loginaction(); ?>" method="post"> <p> <input type="text" id="name" name="name" value="" placeholder="用户名" > <input type="password" id="password" name="password" placeholder="密码"> </p> <p> <button type="submit" class="btn btn-l w-100 primary">登录</button> <input type="hidden" name="referer" value="<?php $this->options->adminUrl(); ?>"> </p> </form>提示该文章已过时,请看最新的文章《Typecho前台登录/注...

阅读文章
typecho模板MD风格的极简模板MDZZ

+说明:基本功能使用正常,评论处有轻微问题不影响使用,博客头像,评论头像等引入多说源来达到翻墙效果。Github 就不上传了,反正我也用不明白最新下载地址:http://pan.baidu.com/s/1bIxP7o更新记录:2016/08/17,1.2版,修正错误一个,加入缩略图显示等2016/08/10,1.1版,图片取消自动居中,增加时间归档页面模板,优化手机部分浏览效果...

阅读文章
typecho后台文件对应说明

typecho后台的文件简单的功能对照说明,因为是本人自行的琢磨,没有看任何文档,所以肯定会有不足,不足之处请回复说明。发这个的原因是我觉得这样详细列出来,方便各位基友修改/重构typecho的后台模板,应该没有人会这么勤劳吧。文件名作用welcome.php博客首次安装成功的欢迎界面common.php检测是否为第一次登陆,检测程序是否可有升级common-js.php消息处理及后台菜单展开的jsupgrade.php程序升级引导login.php登陆界面register.php用户注册页面header.php头部加载css和js等copyright.php版权声明form-js.phpform对应的jstable-js.phptable对应的jsfooter.php页脚menu.php菜单导航条extending.php插件拓展后台菜单的接口page-title.php页面标题index.php进入后台的首页,对应菜单为网站概要profile.php个人设置plugins.php插件管理options-plugin.php插件设置页面themes.php网站外观theme-editor.php编辑模板的页面options-theme.php设置模板的页面即模板后台write-post.php文章撰写页面write-js.php撰写文章/页面时的发布时间,标签,分类,保存草稿,高价设置等file-upload.php文章/页面附件上传,及管理界面file-upload-js.php文章/页面附件上传,及管理功能custom-fields.php自定义字段界面custom-fields-js.php自定义字段功能实现editor-js.php编辑器write-page.php创建页面manage-posts.php管理文章界面manage-pages.php管理页面界面manage-comments.php管理评论界面manage-categories.php管理分类界面category.php某个分类的编辑页面manage-tags.php管理标签界面manage-medias.php所有文章的附件管理页面media.php某个附件的管理manage-users.php所有用户管理页面user.php编辑某个用户options-general.php网站基本设置页面options-discussion.php评论设置页面options-reading.php阅读设置页面options-permalink.php永久链接设置...

阅读文章
typecho的bufannaoWap插件小问题与解决方法

bufannaoWap插件很简单的插件,判断wap浏览器或UC自动转出成wap页面。内含自定义模板及CSS文件,可自行修改。简单来说安装了就可以将博客的模板分出来个手机版,实现手机模板和电脑模板的分离。+这个插件诞生于2012年,也够久的了,作者博客是打不开了。下载地址:https://plugins.typecho.me/plugins/wap-for-typecho.html今天发现这个插件有个小问题应该是没考虑到,问题就是:当博客将独立页面(使用独立页面模板的那种)设置为博客首页的话,不管是电脑端还是手机端首页都会变为这个独立页面。这个本身是没有任何毛病的。但是,如何让电脑端首页依旧是独立页面,而手机端依旧用原本的首页呢?我想了很多种方法,最后发现个最简单的。方法:就是在手机模板中也添加个独立页面模板,名字和电脑端的一样,然后内容加入跳转代码,跳到首页,如下:<?php /** * archives * * @package custom * */ ?> <?php Header("Location: /blog "); ?>如果您有更好的方法,请回复告诉我,么么哒(⁄ ⁄•⁄ω⁄•⁄ ⁄...

阅读文章
typecho模板常用代码

我看几乎每个用typecho的人的博客都有类似的文章,我因为懒,所以一直就没有写,今天特别无聊,就写写吧,争取写的全点。站点动态标题<?php $this->archiveTitle(array( 'category'=>_t('分类 %s 下的文章'), 'search'=>_t('包含关键字 %s 的文章'), 'tag' =>_t('标签 %s 下的文章'), 'author'=>_t('%s 的主页') ), '', ' - '); ?>站点地址,名称与描述<?php $this->options->siteUrl(); ?>//站点地址 <?php $this->options->title(); ?>//名称 <?php $this->options->description() ?>//...

阅读文章
博客启用php7.0了

启用php7.0了启用php7.0,有什么错误欢迎反馈。其实主机一直都有php7.0然而typecho大家都说不兼容,我也试了确实直接启用php7.0会出问题。最后百度了很多,说的都乱七八糟的。实际只需要把config.inc.php文件中的$db = new Typecho_Db('Mysql', 'typecho_');改为$db = new Typecho_Db('Pdo_Mysql', 'typecho_');即可。感谢群友@cmak...

阅读文章
typecho判断搜索结果是否为空

+今天在segmentfault上看到有人再问“typecho如何判断搜索结果是否为空”,问者的意图是为搜索为空添加添加不同的样式,或者给出提示文字,告诉用户搜索的结果不存在。看到这人的提问,我发现自己根本就没有考虑过这个问题,于是用自己模板搜根本不可能有结果的关键字,发现模板给的结果却是不太友好,故借此机会,想了个方法来解决这个问题。原理:搜索为空时当前总页码数会为0,所以只要判断总页码数就行了,当总页码小于1则搜索结果为空<?php if(ceil($this->getTotal() / $this->parameter->pageSize) < 1): ?> 没有搜索结果<?php else: ?> 有<?php endif; ?>额,我傻了,typecho貌似真的有正规的方法。<?php if ($this->have()): ?> <?php _e('找到内容'); ?> <?php else: ?> <?php _e('没有找到内容'); ?> <?php endif; ?&g...

阅读文章
typecho首页文章带格式自动截取

typecho自动截取前140个字符php <?php $this->excerpt(140, '...'); ?> 带格式截取代码如下 <?php preg_match_all('/<p>.*?<\/p>/im', $this->content, $m); //print_r ($m[0]); //如果有一个以上的p if(count($m[0])>0){ //echo('--第一个P字符串长度--'.strlen($m[0][0]).'<hr>'); //如果第一个p字数小于200 if(strlen($m[0][0])<200){ //则输出第一个p+第二个p (如果没有第二个p php好像会自动忽略) echo($m[0][0].$m[0][1]); } else{ //输出第一个p echo($m[0][0]); } } else{ //echo('没有找到p,输出摘要:<hr>'); $this->excerpt(140, '...'); } //echo('<hr>-----数量'.count($m[0])); ?>代码是在typecho论坛中挖掘到的,有些模板用上会美观许多,我的模板用上后感觉很丑,故放...

阅读文章
给博客加入跨屏浏览,打赏功能。

很久以前就知道typecho有个把文章地址生成二维码的插件。但是感觉直接显示出来不太适合自己的模板。于是就不了了之了。最近,我觉得这个功能很有必要,很方便,于是先是搜了下二维码自动生成的js,然后又找到个打赏分享插件,于是删除了打赏插件的分享功能和点赞功能,然后加入跨屏浏览(就是显示文章地址二维码)和版权声明。代码如下:css部分.popup{background-color:#f8f8f8;box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.popup-content{padding:20px 20px 30px 20px}.popup-overlay{background-color:rgba(0,0,0,.3)} /** * CSS for jQuery plugin 'popup' v.1.0.0 * Copyright (©) by Konstantin Kachurenko <konstantin.kachurenko@gmail.com> | http://konstantin-kachurenko.github.io | The MIT License (MIT) http://opensource.org/licenses/MIT */ .popup{position:fixed;top:50%;left:50%;width:auto;height:auto;min-width:320px;max-width:100%;max-height:100%;visibility:hidden;opacity:0;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box} .popup,.popup-overlay{z-index:0;-webkit-transform-style:flat;transform-style:flat;-webkit-transition:opacity .3s ease,left .5s,top .5s,transform .5s,-webkit-transform .5s;-ms-transition:opacity .3s ease,left .5s,top .5s,transform .5s,-ms-transform .5s;-o-transition:opacity .3s ease,left .5s,top .5s,transform .5s,-o-transform .5s;transition:opacity .3s ease,left .5s,top .5s,transform .5s,-webkit-transform .5s,-ms-transform .5s,-o-transform .5s} .popup-content{position:relative} .popup-overlay{position:fixed;visibility:hidden;opacity:0;top:-25%;left:0;width:100%;height:150%;background:rgba(0,0,0,.7)} .popup-show{visibility:visible;opacity:1;z-index:2000} /** * Effects: * .effect-fade-scale, .effect-slide-left, .effect-slide-right, * .effect-slide-top, .effect-newspaper, .effect-sticky */ .popup.effect-fade-scale{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)} .popup-show.effect-fade-scale{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .popup.effect-slide-left{left:20%} .popup.effect-slide-right{left:80%} .popup-show.effect-slide-right,.popup-show.effect-slide-left{left:50%} .popup.effect-slide-top{top:20%} .popup-show.effect-slide-top{top:50%} .popup.effect-newspaper{-webkit-transform:scale(0) rotate(720deg);-ms-transform:scale(0) rotate(720deg);-o-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg)} .popup-show.effect-newspaper{-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);-o-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)} .popup.effect-sticky{top:-100%} .popup-show.effect-sticky{top:0;margin-top:0 !important} #social{margin:12px -20px 12px} .social-main{position:relative;margin:0 auto;width:283px} .social-main a{float:left;color:#fff !important;line-height:35px;text-align:center;border-radius:2px} .social-main a:hover{background:#878787;color:#fff;transition:all .2s ease-in 0s} .like a{background:#f40;width:140px;display:block;box-shadow:0 1px 1px rgba(0,0,0,.1)} .share-s a{background:#ecb842;width:140px;display:block;box-shadow:0 1px 1px rgba(0,0,0,.1)} .social-main i{color:#fff;font-style:normal;margin:0 5px 0 0} .shang-p a{position:absolute;left:115px;top:-11px;background:#7ab951;width:50px;height:50px;font-size:18px;font-weight:600;line-height:46px;border:4px solid #fff;border-radius:40px} .shang-main input{height:auto;max-width:100%;vertical-align:middle;display:block} .shang-main img{height:auto;max-width:100%;margin:0 auto;vertical-align:middle;display:block} .shang-main h4{text-align:center} .zanzhu{margin-top:-5px!important;padding-bottom:5px;border-bottom:1px solid #eee;color:#666;font-weight:bold;font-size:18px;}div部分(这里有些代码是针对typecho的,如果你不是typecho,请自行修改) <div id="social"> <div class="social-main"> <span class="like"> <a data-dialog="#popup-erwei" data-effect="effect-newspaper" title="跨屏浏览">&nbsp;跨屏浏览</a> </span> <span class="shang-p"> <a data-dialog="#popup-shang" data-effect="effect-slide-top" title="赞助本站">赏</a> </span> <span class="share-s"> <a data-dialog="#popup-share" data-effect="effect-newspaper" title="版权声明">&nbsp;版权声明</a> </span> <div class="clear"></div> </div> </div> <div class="popup effect-fade-scale" id="popup-erwei"> <div class="popup-content"><center> <h3><i class="sidebar-button-icon fa fa-mobile-phone"></i>手机扫描下方二维码</h3> <div class="bdsharebuttonbox"><div id="qrcode"></div> </div></center></div> </div> <div class="popup effect-fade-scale" id="popup-shang"> <div class="popup-content"><center><h3> 支付宝转账赞助本站</h3> <div class="bdsharebuttonbox"> <img width="200" height="200" src="这里写支付宝收款二维码地址" title="支付宝转账赞助" /> </div></center> </div> </div> <div class="popup effect-fade-scale" id="popup-share"> <div class="popup-content"><div class="bdsharebuttonbox"> 著作权归作者所有。<br> 商业转载请联系作者获得授权,非商业转载请注明出处。<br> 作者:<?php $this->author() ?><br> 链接:<?php $this->permalink() ?><br> </div></div> </div>js部分 <script type="text/javascript" src="Liang.popup.min.js"></script> <script src="jquery.qrcode.min.js"></script> <script> jQuery('#qrcode').qrcode({ render : "canvas",//也可以替换为table width : 200, height : 200, text : "<?php $this->permalink() ?>" }); </script>jquery.qrcode.min.js下载 Liang.popup.min.js下载二维码生成功能需要,加载jquer...

阅读文章
版权狗退散 — 仿知乎复制文本自带版权声明

什么鬼?版权狗退散,妈妈再也不用担心我被侵权了(其实只防君子不防小人)。类似知乎,在网站复制长度大于 42 的文本时自动加上这样的版权声明:著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。作者:Jrotty链接:https://www.qqdie.com/来源:Jrotty's Blog原理:监听 copy 事件使用 window.getSelection() 获取选中的文本使用 clipboardData.setData 操作剪贴板的内容JS 代码:document.body.addEventListener('copy', function (e) {     if (window.getSelection().toString() && window.getSelection().toString().length > 42) {         setClipboardText(e);         alert('商业转载请联系作者获得授权,非商业转载请注明出处,谢谢合作。');     } });   function setClipboardText(event) {     var clipboardData = event.clipboardData || window.clipboardData;     if (clipboardData) {         event.preventDefault();           var htmlData = ''             + '著作权归作者所有。<br>'             + '商业转载请联系作者获得授权,非商业转载请注明出处。<br>'             + '作者:DIYgod<br>'             + '链接:' + window.location.href + '<br>'             + '来源:Anotherhome<br><br>'             + window.getSelection().toString();         var textData = ''             + '著作权归作者所有。\n'             + '商业转载请联系作者获得授权,非商业转载请注明出处。\n'             + '作者:DIYgod\n'             + '链接:' + window.location.href + '\n'             + '来源:Anotherhome\n\n'             + window.getSelection().toString();           clipboardData.setData('text/html', htmlData);         clipboardData.setData('text/plain',textData);     } }已知问题:iOS Safari 不兼容 clipboardData.setData() 方法,所以在 iOS Safari 上无效针对typecho这么写比较好<script> document.body.addEventListener('copy', function (e) {     if (window.getSelection().toString() && window.getSelection().toString().length > 42) {         setClipboardText(e);         alert('商业转载请联系作者获得授权,非商业转载请注明出处,谢谢合作。');     } });  function setClipboardText(event) {     var clipboardData = event.clipboardData || window.clipboardData;     if (clipboardData) {         event.preventDefault();         var htmlData = ''             + '著作权归作者所有。<br>'             + '商业转载请联系作者获得授权,非商业转载请注明出处。<br>'             + '作者:<?php $this->author() ?><br>'             + '链接:' + window.location.href + '<br>'             + '来源:<?php $this->options->siteUrl(); ?><br><br>'             + window.getSelection().toString();         var textData = ''             + '著作权归作者所有。\n'             + '商业转载请联系作者获得授权,非商业转载请注明出处。\n'             + '作者:<?php $this->author() ?>\n'             + '链接:' + window.location.href + '\n'             + '来源:<?php $this->options->siteUrl(); ?>\n\n'             + window.getSelection().toString();           clipboardData.setData('text/html', htmlData);         clipboardData.setData('text/plain',textData);     } } </script>文章部分内容转自https://www.anotherhome.net/22...

阅读文章
Themia for TE主题更新与帮助手册

基本信息作者:jrotty(基于hexo-theme-tranquilpeak和kaedea)环境:typecho1.0或者1.1演示:http://qqdie.com/版本:3.8.0下载地址:https://github.com/jrotty/Themia-for-TE历史更新记录:http://forum.typecho.org/viewtopic.php?f=5&t=9184教程:设置的视频教程点击下载模板升级:启用其他的模板,然后删除我的旧版模板,在上传新版本模板,然后启用。【模板修改不大时,直接覆盖也行,不过不推荐直接覆盖】模板特色:无需插件的文章置顶功能,无需插件显示文章浏览次数,无需插件大赏跨屏浏览功能,无需插件的缩略图功能,版权保护功能,界面语言中/英切换,文章内容简/繁翻译,模板样式的自定义功能,超强的自定义字段功能,利用QQ空间,新浪等api的分享功能3.8.0更新内容2018年1月30日更新1,修正评论框手机端显示问题2,优化评论框字体大小3,修正搜索图标错位问题4,评论头像源改为cat源,同时设置默认头像3.7.6版本更新内容文章二维码api更换,评论样式重构,解决评论某些bug【3.7.4时就停止更新了,这次更新就是为了把themia的原生评论短板补上,样式上虽然还不是很契合,但是至少bug没了】自用版下载地址(4次修复):http://pan.baidu.com/s/1pLcrdvt自用版集成pjaX,没有自带评论,需要在模板comments.php中加入多说代码,自用版相对于正式版,还多一个缩略图惰性加载文章缩略图,支持从tag中获取(根据tag的缩略名来获取模板文件夹中对应图片)。[不懂什么是pjax的就不要下载了](仅支持typecho1.0)如果觉得打开文章速度较慢,建议关闭kiana功能,减少js和css引用,同时建议把背景图片换为颜色代码,来减少图片加载所拖延的网速。模板隐性功能1,点击头像进入ABOUT卡片,然后再次点击头像就会跳转到登陆页面,如果是已经登陆过的点击就会进入后台。2,管理员登陆后,文章会多出来个编辑选项。3,文章自定义字段效果很多,参考下面的自定义字段说明即可。4,文章中图片的浏览是可以用键盘上下左右进行切换的。功能介绍编辑器内打出“[你 好|ni hao]”←即可实现拼音注释功能如→{你 好|ni hao}【请将引号中的中括号换成大括号,即“[]”换成“{}”】文章自定义字段字段名(n),字段值(v),效果说明(e),为了方便打字下文用括号中的字母表示文字。提示: 字段m,l这三个字段不能同时使用,否则会有奇怪的事情发生。模板版本3.6.4以上支持(含)n:mv:随便填些东西占位。e:使用该字段后,文章会支持more语法截取缩略内容(带文章格式),但会关闭右侧的缩略图。模板版本3.6.4以上支持(含)n:liv:随便填些东西占位。e:友情链接页面li标签多列效果。模板版本2.4以上支持(含)n:dv:博客首页显示的文章缩略内容。e:文章默认首页显示文章的前140个字符,启用该字段,可自行设置文章现实的缩略内容。模板版本2.2以上支持(含)n:l(这是小写的L,不是数字1)v:http://qqdie.com(类似的超链接地址)e:使特定文章成为链接型日志,只有缩略部分的文章,没有正文,点击日志会跳转到指定链接。模板版本2.1以上支持(含)n:xv:随便填些东西占位。e:输入该字段的文章,在首页不会显示文章缩略图。模板版本2.0以上支持(含)n:fmv:http://qqdie.com/1.png(图片的完整地址即可)e:实现文章页面的封面效果n:ysv:1(可以填写数字1,2,3,4)e:对文章单独定义风格1.在大屏幕显示宽的SideBar,在中屏幕显示窄的SideBar,在小屏幕显示抽屉SideBar(宽) 2.在大屏幕和中屏幕显示窄的SideBar,在小屏幕显示抽屉SideBar(窄) 3.在所有屏幕显示抽屉SideBar(宽) 4.在所有屏幕显示抽屉SideBar(窄)图片效果【模板版本3.6.5以上支持(含)】默认图片是不具有灯箱效果的,如果想要加入灯箱。在编辑器图片后面加入减号“+”,可启用灯箱效果。如默认编辑器:![36369251.jpg][10]+相册功能与效果【模板版本3.6.5以上支持(含)】说明:uc手机浏览器兼容差评如:[t:Gallery : 10 images] ![866615.jpg][12]上 ![21325306.jpg][13]左 ![34680032.jpg][14]右 ![36369251.jpg][15]. ![38220063.jpg][16]. ![51520054.jpg][17]. ![53724607.jpg][18]. ![55325547.jpg][19]. ![71242180.jpg][20]. ![96528600.jpg][21]-详细解释,[t:这里是标题],上下右则是前三张图片的位置,后面的图片,需要在图片后面加入".",如上边的4-9图片,最后一张图片需要在图片后面加"-"号代表结束。模板后台说明:模板后台可以设置,网站的整体风格,有4中方案可选,同时文章的缩略图功能可以在后台关闭显示(<=2.1版支持),后台还可以设置一些基本信息,头像,背景图,建站时间,底部版权声明,等个性化设置。模板问题汇总1,安装了模板,发现有些图标没有显示,缩略图位置错位?答:大概是你刚玩typecho,所以不太了解。解决方法:进入后台设置,有个设置网址,用那个网址进行访问应该就没问题,如果想用其他网址进行访问可以选择301到设置的地址。2,大屏幕下如何还原成最初版的窄sidebar?答:style.min.css中搜索1560和1559,1560能搜到4处,1559大概是3处,将这两个数字改成一个超大的数值即可,例如1560改成15600,1559改成15599。这些改完可能还是有些不美观,可以在css中加入以下代码@media only screen and (min-width:1560px){ .main-content-wrap { display: block; max-width: 90%; margin: 0 auto; padding-right: 20px; padding-left: 20px; } }【因为多说评论导入,导致评论错乱,故该文章旧评论清空处理...

阅读文章
php做个每日图片,含TYPECHO版

昨天尝试用了min's的te的Bing 每日图片获取,然而,我发现我并不喜欢Bing的图片,于是我就想了个方法。用TE自己做一个每日图片,原理大概就是,用php的时间代码date("z"),匹配成图片链接,然后输出。typecho版方法:在functions.php中添加 function bgimage(){ $imgs[1] = '图片地址'; $imgs[2] = '图片地址'; $imgs[3] = '图片地址'; $imgs[4] = '图片地址'; $imgs[5] = '图片地址'; ... $imgs[362] = '图片地址'; $imgs[363] = '图片地址'; $imgs[364] = '图片地址'; $imgs[365] = '图片地址'; date_default_timezone_set(PRC);//设为北京时间 $a=date("z"); $img= $imgs[$a]; echo $img; }然后在需要显示的地方填入<?php echo bgimage(); ?>(这个就是每日图片的图片地址)。然而需要365张图片,我又懒得收集并上传,于是我稍稍改了下,暂时改成,每天换一张图片,一周一循环。function bgimage(){ $imgs[0] = '图片地址'; $imgs[1] = '图片地址'; $imgs[2] = '图片地址'; $imgs[3] = '图片地址'; $imgs[4] = '图片地址'; $imgs[5] = '图片地址'; $imgs[6] = '图片地址'; date_default_timezone_set(PRC);//设为北京时间 $a=date("w"); $img= $imgs[$a]; echo $img; }然后在需要显示的地方填入`php<?php echo bgimage(); ?>`(这个就是每日图片的图片地址)。以后可能改成一个月一循环,看图片搜集情况了,嘿嘿。php版几乎没区别,本来不准备发的,既然有人要了就写出来吧。<?php $imgs[0] = '图片地址'; $imgs[1] = '图片地址'; $imgs[2] = '图片地址'; $imgs[3] = '图片地址'; $imgs[4] = '图片地址'; $imgs[5] = '图片地址'; $imgs[6] = '图片地址'; date_default_timezone_set(PRC);//设为北京时间 $a=date("w"); $img= $imgs[$a]; echo $img; ?&g...

阅读文章
typecho返回顶部插件,本人第一个然并卵插件

插件名称:gotop 版本:1.0 作者:jrotty(本人) 原理:在header处加载css,在footer处加载js和一些div。 功能:如图所示,开启后网站右下角将拥有“高大上”的“返回顶部”功能原由:因为很多模板并没有返回顶部功能,虽然可以自行在模板上加该功能,可每当你换次模板就得重复性的加一次,于是本着能懒就懒的原则,该插件诞生了。 下载地址:http://pan.baidu.com/s/1pJVOVPp 密码: dz...

阅读文章
te模板类emblog风格的qingblog自适应模板

模板来自:http://www.balrogsxt.com/模板名字:qingblog寓意:轻而有趣,有很多贴心的地方(电脑模式)电脑首页顶部显示依次是:4个幻灯片推荐文章,六个最新文章。侧栏显示依次是:最近评论,分类最新,随机文章,标签云。内容页侧栏变为:最近评论,相关文章,随机文章,标签云。特色:加入缩略图功能,集成随机文章功能(据说随机文章利于seo),加入相关文章,更能抓住用户的心缩略图优先显示:编辑器插入的图片》附件图片》默认图片 默认缩略图:默认是随机的5张图片,在模板的img文件夹中sj文件夹内还有许多特性:鼠标样式,标签离开变化等食用方法:1,在博客后台,设置->阅读->文章列表数,设置为6.2,启用该博客模板,在后台匹配相关参数3,新建独立页面,选择归档模板。4,底部版权,可在footer.php中修改,后台可设置幻灯片推荐,友情链接,统计代码及logo。5,模板需要安装http://www.imhan.com/的文章阅读计数插件,否则文章阅读次数不显示6,多说版没有集成评论,请在comments.php中自行设置多说评论,配置完第三方评论(多说)后!需要安装多说同步插件!否则最近评论不能同步显示留言:上图是ps制作,不代表绝对真实效果。多说版下载地址:链接: http://pan.baidu.com/s/1bopOKe7 密码: jtfs自带评论版(移植别的模板的评论样式,看着还行就发出来了)下载地址:链接: http://pan.baidu.com/s/1mgUioNu 密码: ie...

阅读文章
Typecho缩略图实现方法,同时支持附件图片及网络/CDN图片

网上流传着很多Typecho缩略图实现的方法,但是都不怎么样。 网上流传版本1缺陷:只能识别HTML模式下插入的图片,对于Markdown无效。网上流传版本2缺陷:只能识别文章附件里面插入的图片,对于网络图片无效,使用七牛等图片CDN是块硬伤。 然后我就自己研制出另外一种新的办法,能同时识别文章附件图片和网络图片。 废话就不多说了,毕竟你也急了(^_^) 1.到主题functions.php文件插入以下代码:/** 输出文章缩略图 */ function showThumbnail($widget) { // 当文章无图片时的默认缩略图 $rand = rand(1,5); // 随机 1-5 张缩略图 $random = $widget->widget('Widget_Options')->themeUrl . '/img/sj/' . $rand . '.jpg'; // 随机缩略图路径 // $random = $widget->widget('Widget_Options')->themeUrl . '/img/mr.jpg'; // 若只想要一张默认缩略图请删除本行开头的"//" $attach = $widget->attachments(1)->attachment; $pattern = '/\<img.*?src\=\"(.*?)\"[^>]*>/i'; if (preg_match_all($pattern, $widget->content, $thumbUrl)) { echo $thumbUrl[1][0]; } else if ($attach->isImage) { echo $attach->url; } else { echo $random; } }2.添加随机图片作为在文章无图时显示的默认缩略图:在主题img文件夹下新建random文件夹,依次放入1.jpg,2.jpg...~5.jpg,如果要更改随机图片的数量,或只想要一张默认的缩略图,请先按照注释修改好代码,然后在主题img文件夹放入random.jpg文件。图片可以自行到网上搜索下载。3.在主题文件夹下的index.php中对应位置加入<?php showThumbnail($this); ?>。4.然后就没有然后了。回到博客首页,缩略图是不是出来了...

阅读文章
Typecho自适应主题CNMB2.1个性版

Typecho自适应主题CNMD2.1个性版特色:自适应手机,平板,电脑,华丽风十足,扁平化让风格看起来更独特.完善了后台设置功能,不需要任何插件支持,自带缩略图功能。相对之前的1.3版更新内容如下:1,侧边栏加入了搜索2,菜单栏加入了归档,和视频3,视频文章加入XX效果4,加入js判断加载。好像就这些。。。。。。。。。。。。。。。。。。之所以称为个性版,就是因为必须设置视频分类,还有归档也略屌相对于2.0版修正缩略图插件:能同时识别文章附件图片和网络图片,Markdown编辑器也支持(比较完美了)使用方法1.上传至主题目录,请到后台配置所有信息2.缩略图默认是打开的,后台可关闭,缩略图大小默认为20%(亲测23%比较好),后台可自行调控,缩略图优先显示:编辑器插入的图片》附件图片》默认图片默认缩略图:默认是随机的5张图片,在模板的img文件夹中sj文件夹内如果想增加随机数量或者默认图片改为一张图片可在functions.php里按注释修改。3.新建独立页面,标题 关于 选择模板 about 记住这个独立页面网址,然后到模板后台填入对应位置,同样新建页面 标题 归档 选择模板 archives 记住这个独立页面网址,然后到模板后台填入对应位置。4.新建视频分类,分类缩略名设置为video 然后在模板后台配置视频地址,index.php/category/video 如果你开启了伪静态功能则添加category/video5.如果文章评论或者留言无法提交上,请关闭博客屏蔽垃圾评论功能。提示:模板没有经过大量的测试,有bug请回复。然后我在进行修复功能性更新不会再弄了。下载地址:链接: http://pan.baidu.com/s/1kU3ePvh 密码: cbggCNMB2.1下载地址:百度盘:http://pan.baidu.com/s/1dDJWgNn 密码: rd...

阅读文章
TE多级响应式主题CANAAN

CANAAN是Cononico做的wp主题,经他同意我移植到了TE上原作者的主题介绍:CANAAN是一个多级响应式的主题,添加了一些脚本去适配移动端的手势事件,不想用其他的类库,所以可能有时候触发不灵敏。另外关于浏览器的兼容一直很是让人头疼,光是Chrome和FireFox有时就不能共用一个脚本。样式在Chrome,FireFox,Safari,IE 11(我的电脑上就是这个),至于低版本的IE我没有去试过,微软都放弃了,我才不往里面跳。详情介绍访问:http://blog.coolecho.net/?p=565TE食用方法:1,模板没有集成评论,所以请在comments.php添加第三方评论代码(多说什么的)。2,模板后台可设置头像,和底部版权。3,需要并配置文章阅读次数插件,不安装的话,首页会看不到文章阅读次数。4,模板集成了缩略图缩略图优先显示:编辑器插入的图片》附件图片》默认图片 默认缩略图:默认是随机的5张图片,在模板的img文件夹中sj文件夹内已升级为1.5版提示:翻页处并没有完美移植,但不影响使用。链接: http://pan.baidu.com/s/1ntTj7SH 密码: dxgs旧版,未集成缩略图也没有后台下载地址:链接:http://pan.baidu.com/s/1kUeI6NH 密码:t8...

阅读文章
typecho的判断函数实现简单的按需加载js

在最近修改模板中,发现个问题,就是首页需要引用的js只有两个,而footer.php中引用了很多别的页面需要加载的js,瞬间就感觉本就不快的加载速度更慢了。然后我就想到用判断函数来解决这个问题在模板footer上我加了<?php if($this->is('page','about')): ?> <script src="<?php $this->options->themeUrl('js/jquery.easy-pie-chart.js'); ?>"></script> <script src="<?php $this->options->themeUrl('js/jquery.sparkline.min.js'); ?>"></script> <?php endif; ?>这个就是typecho个简单的判断函数,如果是缩略名为about的独立页面,则加载这两个js文件。判断函数真的很有趣,比如我现在模板的一些图标,在你访问别的页面时会进行判断并更改,比如你访问“图片”分类,我的网站那个图标就会变成图片图标(电脑是左上角的图标,手机是网站标题左侧的图标),虽然这并没有什么...

阅读文章
TE自适应模板CNMB1.3.1更新

小部分更新1.3.1修正安装模板后的Parse error: Syntax error, unexpected end(语法错误)404界面修正一个小的超链接。下载下方的cnmb1.3.1的压缩包安装最新版模板或者手动修改1.3.0版本把最后functions.php最后一行的<? }改为<?php }再在404.php中把<a href="<?php $this->options->siteUrl(); ?>about.html" class="list-group-item">改为<a href="<?php $this->options->siteUrl(); ?><?php $this->options->ab(); ?>" class="list-group-item">cnmb菜鸟模板,版本1.3.0更新内容:0,模板自带了缩略图功能1,修正404。php页面排版问题2,侧边栏加入公告功能和标签云3,文章页面加入,more按钮点击后能看到文章更多的信息4,文章页面,评论上方加入可关闭的上一篇文章和下一篇文章。5,主题颜色略微修正,不再单调展示图:首页文章页:侧栏文章标签(后台可关闭)以下为必读内容,如果您想正常使用本模板,请仔细阅读缩略图:缩略图默认是打开的,后台可关闭,缩略图大小默认为20%,后台可自行调控,默认缩略图地址需要自行在functions.php里修改。这个缩略图使用typecho的默认编辑器不会显示解决方法:1,在文章中图片以html方式写入<img src="图片地址" alt="" />2,使用其他的(html)编辑器插件,比如我用的 KindEditor编辑器关于界面:刚安装完本模板后,是打不开关于界面的,需要您在 后台>管理>独立页面 中新增独立页面,页面标题随便写,内容不用写,在屏幕右侧自定义模板处,选择about,然后记住标题下方的独立页面的网址,然后点击下方 发布页面,最后在后台填入独立页面网址,如本博客的独立页面网址http://qqdie.com/about.html那么就在该框内填入about.html即可。公告:默认公告是不打开的,后台打开公告配置好公告内容,即可展现公告。评论:如果文章评论或者留言无法提交上,请关闭博客屏蔽垃圾评论功能。后台:后台增加了很多的默认设置,只是为了方便大家理解,并不是为了宣传我个人的微博,QQ,神马的。(说的自己很伟大似的(づ ●─● )づ)提示:1,这是一个不需要任何插件并且是针对默认评论的一个模板,如需匹配第三方评论请自行更改 ,以多说为例,大概需要修改如下几个地方首先:安装typecho的多说插件。然后:在comments.php中注销或者删除原评论,然后添加typecho中的多说代码最后:修改index.php,post.php,post的more处等评论数量代码改成别的,例如本博客运用文章阅读计数插件。大概就这么多,如果使用多说外的第三方评论还需要修改侧边栏的最近评论。2,这个是给新手的一点提示,网站模板引用的ico图标一般是网站根目录下的favicon.ico,如果没有请自行添加,比如我的这个博客http://qqdie.com/favicon.ico如有其它疑问,请回复留言。模板未经长久测试,所以欢迎提交bug。其他下载地址: cnmb1.3.1.zip如果您用的爽了,请点文章下方捐赠按钮!给我来个爱的鼓励!...

阅读文章
TE自适应模板CNMB1.2.0更新

cnmb菜鸟模板,版本1.2.0模板已经更新至1.3.0 http://qqdie.com/archives/te-adaptive-template-cnmd130-update/更新内容:0,修整了下其他用户登录后的账号显示问题。1,css和js大统一,整合零碎文件。2,修正css仅有的一个404错误。3,解决缩略图过大问题。4,加入人性化后台选项。5,主题的界面布局稍作调整,加入了些有趣的代码。以下为必读内容,如果您想正常使用本模板,请仔细阅读缩略图:如上图红色圈圈选项,默认是不打开的,如果你的博客安装了Thumbnail缩略图插件,打开此开关即可,无需再到index.php里面手动修改。关于界面:刚安装完本模板后,是打不开关于界面的,需要您在 后台>管理>独立页面 中新增独立页面,页面标题随便写,内容不用写,在屏幕右侧自定义模板处,选择about,然后记住标题下方的独立页面的网址,然后点击下方 发布页面,最后在后台如上图蓝色圈圈内填入独立页面网址,如本博客的独立页面网址http://qqdie.com/about.html那么就在该框内填入about.html即可。后台:后台处的大量信息都是展示在关于界面的,后天处此次还就入了建站时间的填写框,请按格式填写哦1.2.0发现众多问题今天20:40紧急修复完成,下载链接如下下载地址:http://pan.baidu.com/s/1o6AdXGI提取码:ia86其他下载地址: cnmb1.2.0.zip如果您用的爽了,请点文章下方捐赠按钮!给我来个爱的鼓励!...

阅读文章
typecho移植模板cnmb自适应模板

这是本菜鸟第一个作品,尽管是个移植作品。既然大费周折的移植的,怎么的也得 起个名吧?想来想去“cnmb”这个屌丝气质的名称出现了,cnmb是菜鸟模板拼音缩写。模板已经更新至1.3.0 http://qqdie.com/archives/te-adaptive-template-cnmd130-update/支持部分pjax,自适应,画面友好。演示见本站。不需要任何插件支持,不过预留了缩略图位置可以自行在index.php里加入代码。关于界面需要,新建"独立页面"选择about模板,并且设置地址为about。如下图所示:一些界面截图cnmb模板版本号:1.1.1特点: Bootstrap 3,扁平UI设计,众多组件,Bootstrap UI,HTML5/CSS3,自适应,Web app 布局等。下载地址: http://pan.baidu.com/s/1eQHf9g2 提取密码: sf...

阅读文章