typecho
(共19篇)
搜索到
19
篇与
typecho
的结果
-
『转载』『插件』B站来源的Typecho追番页插件 前言前段时间，在浏览其他博客时发现一个很有意思的插件，可以显示B站的追番动态放在个人介绍页，可以让别人看到你在追哪些番，更容易找到志趣相投的好朋友成果展示教程首先下载这个插件，插件我进行了一些美化，主要是美化了上/下一页的按钮（其他的挺好看的，没必要美化）隐藏内容，请前往内页查看详情然后放到你的typecho的插件目录 根目录/usr/plugins 里解压，文件夹名称一定为 BiliBangumi 接着进入网站后台启用并设置相应的数据就可以了UID和cookie获取一、UID获取二、cookie获取1、打开你的B站个人主页2、F12检查源码3、点Network4、F5刷新网页5、找到你的UID，点击 Headers 再点击 Request Headers 就可以看到你的cookie了6、创建独立页面模板在 主题根目录 下创建一个php文件，名字随意，然后打开粘贴以下代码并保存即可隐藏内容，请前往内页查看详情最后在后台修改个人介绍的独立页面，自定义模板选择追番即可（当然你也可以直接新建独立页面来显示追番列表） 注意： 你的追番列表必须是公开的才可以！
-
『转载』『教程』Typecho的Joe主题添加评论弹幕功能（限PC） 前言主要是结合自己实践，总结遇到的问题和做个备份成果展示{tabs}{tabs-pane label="前端"}{/tabs-pane}{tabs-pane label="后台"}{/tabs-pane}{/tabs}一、修改header.php文件新增代码，文件路径：usr/themes/Joe/public/header.php（一）第一段{tabs}{tabs-pane label="放在最上面"}<!-- 弹幕 --> <?php if ($this->options->JBarragerStatus === 'on') : ?> <?php $this->widget('Widget_Comments_Recent@index', 'ignoreAuthor=true&pageSize=15')->to($comments); ?> <ul class="j-barrager-list"> <?php if ($comments->have()) : ?> <?php while ($comments->next()) : ?> <li> <span class="j-barrager-list-avatar" data-src="<?php _getAvatarByMail($comments->mail) ?>"></span> <span class="j-barrager-list-content"><?php _parseAsideReply($comments->content); ?></span> </li> <?php endwhile; ?> <?php endif; ?> </ul> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}（二）第二段{tabs}{tabs-pane label="放在登录旁"}<!-- 弹幕 --> <?php if ($this->options->JBarragerStatus === 'on') : ?> <div class="item"> <input id="barrager" class="barrager" type="checkbox" title="开启/关闭弹幕"> </div> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}（三）第三段不要耍小聪明，放到include.php里去，不会显示弹幕的 {tabs}{tabs-pane label="放在最后面"}<!-- 弹幕 --> <?php if ($this->options->JBarragerStatus === 'on') : ?> <script src="<?php $this->options->themeUrl('library/barrager/joe.barrager.js'); ?>"></script> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}二、修改include.php文件新增如下代码；文件路径：usr/themes/Joe/public/include.php{tabs}{tabs-pane label=" include.php 文件"}<?php if ($this->options->JBarragerStatus === 'on') : ?> <link rel="stylesheet" href="<?php $this->options->themeUrl('library/barrager/joe.barrager.css'); ?>"> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}三、修改functions.php文件路径usr/themes/Joe/functions.php{tabs}{tabs-pane label="添加代码"}$JBarragerStatus = new Typecho_Widget_Helper_Form_Element_Select( 'JBarragerStatus', array('off' => '关闭（默认）', 'on' => '开启'), 'off', '是否开启弹幕功能（仅限PC）', '介绍：开启后，网站将会显示评论弹幕功能，该功能采用CSS动画引擎，并非传统JS操作DOM，无任何性能消耗。' ); $JBarragerStatus->setAttribute('class', 'joe_content joe_custom'); $form->addInput($JBarragerStatus->multiMode());{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}如果创建过 custom.php 文件，直接放到 custom.php 里就行了 但是记得要在 functions.php 引入 custom.php 哦四、修改config.php文件文件路径：usr/themes/Joe/public/config.php{tabs}{tabs-pane label="添加代码"}/* 弹幕 */ DOCUMENT_BARRAGER: '<?php echo $this->options->JBarragerStatus === 'on' ? 'on' : 'off' ?>',{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}五、上传CSS和JS将以下文件，放在usr/themes/Joe/library里就行了隐藏内容，请前往内页查看详情转自执念博客
-
『笔记』『代码』Typecho 主题模版制作常用调用变量和函数、参数 前言博主对Typecho博客程序情有独钟，但是还不会PHP所以四处收集Typecho制作模板的代码和函数什么的。一个是方便自己使用，另外一个方便大家查看，又找到了点代码，今天发一下。修改 Typecho 主题时，需要判断当前用户角色，对于管理员角色，显示内容，可使用如下：<?php $currGroup = get_object_vars($this->user) ['row']['group'];if ($currGroup == "administrator"): ?> 若为管理员，显示此区域内容 <?php else: ?>//else可去 非管理员，显示此区域内容 <?php endif;?>登录<?php $this->options->adminUrl('login.php'); ?>注册<?php $this->options->adminUrl('register.php'); ?>站点名称<?php $this->options->title(); ?>域名地址<?php $this->options->siteUrl(); ?>后台地址<?php $this->options->adminUrl(); ?>完整路径标题，比如 文章 站点<?php $this->archiveTitle(' » ', '', ' - '); ?><?php $this->options->title(); ?>站点说明<?php $this->options->description(); ?>模版文件夹地址<?php $this->options->themeUrl(); ?>作者名字<?php $this->author(); ?>当前登陆用户名字<?php $this->user->screenName(); ?>退出链接<a href="<?php $this->options->logoutUrl(); ?>" ><?php _e('退出');?></a>作者头像<?php $this->author->gravatar('200') ?> 参数说明 此函数是完整 img 标签，200代表长和宽 该文作者全部文章列表链接<?php $this->author->permalink(); ?>该文作者个人主页链接<?php $this->author->url(); ?>该文作者的邮箱地址<?php $this->author->mail(); ?>引用模版文件夹内php文件<?php $this->need('*.php'); ?> 参数说明 可以使用相对路径获取上级目录php文件 评论<?php $this->options->commentsFeedUrl(); ?>常用调用代码：/*头部HEAD常用 <?php $this->keywords('_'); ?>//关键词 <?php $this->options->title(); ?>//站点名称 <?php $this->options->description(); ?>//站点描述 <?php $this->archiveTitle(); ?>//标题 <?php $this->options->themeUrl('ie.css'); ?>//模板路径 <?php $this->options->siteUrl(); ?>//主页网址 <?php $this->options->feedUrl(); ?> <?php $this->options->commentsFeedUrl(); ?> <?php $this->pageNav(); ?>//分页 <?php $this->options->generator(); ?>//版本号 /*文章页面常用 <?php $this->title(); ?>//标题 <?php $this->category(','); ?>//分类 <?php $this->tags(', ', true, ''); ?>//标签 <?php $this->date('F jS, Y') ?>//时间 <?php $this->content(); ?>//内容 <?php $this->thePrev('« %s', ''); ?>//上一篇 <?php $this->theNext('%s »', ''); ?>//下一篇调用作者信息：<?php $this->author() ?> //作者名称 <?php $this->author->permalink(); ?> //作者文章列表连接 <?php $this->author->url(); ?> <?php $this->author('url'); ?> //作者主页 <?php $this->author->mail(); ?> <?php $this->author('mail'); ?> //作者邮箱 <?php $this->author->gravatar(); ?> //作者头像评论者信息：<?php $comments->author(); ?> //带连接的作者名 <?php $comments->author('', false); ?> //不带连接的作者名
-
『原创』『代码』为你的博客添加悬浮打赏按钮（按钮切换） 前言博客搭建已经有一段时间了，文章也写了不少了（虽然有些是扒的:@(狂汗)XD）但是前几天有人发消息说觉得我的文章帮到他了，想要打赏，却没有打赏途径找了很久，除了几个插件就没有我心仪的，但是插件又要下载上传，太麻烦了 XD所以我就用自学的HTML写了一个悬浮打赏按钮，添加到文章点赞旁边，效果很好，我非常满意，所以现在分享出来成果展示{tabs}{tabs-pane label="第一版"}{/tabs-pane}{tabs-pane label="第二版"}{/tabs-pane}{tabs-pane label="切换版"}{/tabs-pane}{/tabs}版本升级当我把这个功能做好后，发给要打赏我的人时，Ta却说打赏不了，在微信中总是识别成支付宝的链接 :@(吐血倒地) 然后我自己试了一下，发现确实会识别错位，不知道是不是支付宝的二维码更要强一些，识别十次九次都是支付宝链接，打赏的人都不想给我打赏了，气死我了 :@(内伤) {dotted startColor="#ff6c6c" endColor="#1989fa"/}然后我就想到了点击切换二维码，说干就干，首先我用css试了很久，发现光用css已经实现不了我的需求了然后我就开始琢磨JS来实现，开始用了if语句来切换 img 的 url ，确实可以切换了，但是if语句只能对应一个按钮，如果别人不知道按钮可以切换，那就仅显示一个二维码突然想到，既然用js了，那为什么不直接根据不同的 input 按钮给 img 赋值呢，然后我就写了三段赋值语句（学艺不精啊） :@(尴尬) 然后就实现了一个按钮切换一个二维码了{dotted startColor="#ff6c6c" endColor="#1989fa"/}再发给要打赏我的人，结果.... :@(无奈) 只打赏了0.01元 :@(扇耳光)代码分享其实这个功能很简单，其实就是CSS的 :hover 来实现的我使用的是Joe主题，所以我直接添加在点赞旁边，让它看看起来跟整个主题更协调首先找到Joe主题目录中的点赞文件 public/handle.php 再在点赞按钮后添加以下代码隐藏内容，请前往内页查看详情添加到 public/handle.php 的倒数第二行保存后，刷新网站，打赏按钮就出现了，试着把鼠标移上去看看效果吧！切换版下载
-
『原创』『教程』给你的Typecho博客侧边栏加一个恋爱计时（修复夜间模式样式） 前言前几天在翻主页的时候，看到 Nots 分享了他和他女朋友的甜蜜日常。然后注意到了他网站侧栏的小部件，有一个他和他女朋友恋爱的计时模块，很感兴趣我刚好也想给自己女朋友制作一点小浪漫，所以就着手把他分享的代码搬了过来，做了一些优化紧急修复刚测试时发现夜间模式下，会直接透明显示，没有浮块显示我估计是主题作者忘记给自定义模块设置背景色了，所以显示很不协调，就像这样所以我又调用了Joe主题的CSS样式，让这个模块会根据日间模式和夜间模式改变背景颜色，达到和其他模块样式统一顺便修改了这个模块的文字颜色，夜间模式下不会再是一片漆黑了（PE端同时修复）成果展示{tabs}{tabs-pane label="PC端"}{/tabs-pane}{tabs-pane label="手机端"}{/tabs-pane}{/tabs}实现方法本教程仅适用于typecho且使用了Joe主题的小伙伴，其他主题或者博客的小伙伴请自行发挥你们的才能{tabs}{tabs-pane label="PC端"}{callout color="#f0ad4e"}PC端代码：（样式我已经根据Joe主题适配好了，不喜欢的自己修改）{/callout}{mtitle title="在文章最后下载"/}如果是使用的 Joe for typecho ，那就很简单了，直接在后台的主题设置里登录你的网站后台，进入 外观设置-网站外观-设置外观（必须使用Joe主题）-侧栏设置找到 自定义侧边栏模块-PC 保存好后，再刷新自己的网站就可以看到了！{/tabs-pane}{tabs-pane label="PE端"}{callout color="#ab74e4"}PE端代码：（因为是后端代码，所以我就直接套用了Joe主题的样式）{/callout}{mtitle title="在文章最后下载"/}手机端的侧栏要复杂一点，但你都进入我的博客了，那我肯定要手把手把你教会了:@(得意)如果你懂一些 HTML，那就很容易能找到PE端的侧栏文件PE端的样式配置在 Joe/public/header.php里那我们直接在 header.php 添加代码就行了，找到PE端侧栏配置位置然后找到想要加入的位置，可以加在作者信息下，也可以加在网站统计下我是加在了作者信息下，可以更为直接显示，也更明显，主要是女朋友能够一眼就看到:@(得意)当然这里添加的代码跟上面的是有一点区别的，我试了几次，发现同样的代码会出现PE端显示，而PC端文字不显示测试了很多次，终于被我发现，原来是 JS 的 id 重复了，导致PHP后端的id占用了前端的id而因为PE端的代码是直接加在源代码里的，所以导致PC端文字不显示了因此我又对代码进行了优化，没错，从发现bug-测试bug-修改bug又磨了我一小时:@(喷血)注意：因为是修改了后端代码，每次更新Joe的主题时都会被覆盖，所以每次更新主题后记得去 header.php 重新添加代码希望Joe主题作者后期能够添加自定义PE侧栏的功能，或者不要更新太频繁 :@(扇耳光){/tabs-pane}{/tabs}结语教程到此结束，祝各位早日找到心仪的另一半，幸福美满！感谢 Nots 分享的代码。代码下载
-
『修复』『模板』Typecho后台主题 Fresh模板（修复版） Fresh主题采用了目前最流行的bootstrap前端开发框架与typecho进行深度适配；主题在继承typecho一贯简单高效风格的同时让其更加贴合现代年轻用户的审美。
-
