博客主页 😞
标签

typecho

下的文章

Blog:

火喵博客・日记本
专注于生活记录的Typecho卡片主题MyDiary,现已上架
前言非常开心,这款专注于生活记录的Typecho卡片主题MyDiary,非常顺利的上架了。作为火喵的第一款主题,倾尽了全部的心思,制作了数月,现在终于和大家见面了。有许多的小伙伴参与了测试,也帮助火喵发现了许多之前未发现的瑕疵。作为一款专注于生活记录的主题,主要的面向对象,还是那些用博客来记录生活的朋友们。主题分为许多板块,从多方面来综合记录生活上的琐事。下面会较为详细的介绍一下这款主题的nb之处🙈介绍主题每一项的设置功能,已经写入主题文档,此处不再重复。这款主题也完美兼容超宽屏,考虑到部分小伙伴无法看到超宽屏的样式,在此放出截图:文章(post)作为博客,以及typecho的核心功能之一的文章(post),将会被细分为七个类别:文章,相册,书籍,视频,音乐,游戏,旅行。相册作为大部分生活类博客主题都会欠缺的必要属性,本主题将相册作为文章类型,使其整理起来非常方便。文章类型文章页面功能贴近原生markdown,仅保留附加的几处核心需求:bilibili视频,网易云音乐,回复可见以及tips样式。在日后更换主题时可有效避免自定义短代码过多导致的文章页内容杂乱。且文章核心功能还包括了文章版权信息的选择。在原创的文章会主动提醒来访者注意版权保护;对于转载和引用的文章也很方便的填写来源出处。此处内容会展示在标题图片处醒目位置,避免了页面底部经常错过看不到的问题,对于文章作者也很方便。可决定让当前文章是否显示标题序号,在阅读排版时体验会更加舒服。且文章自带文章目录,在无法形成目录时会自动隐藏按钮。文章可以选择多篇不同分类的文章作为一个专题集合显示,这有区别于分类(category),并显示在专题页面中。文章自带字号调节功能,可一键调节字体大小,满足阅读者不同习惯。同时文章的点赞和分享也没用落下。统计文章的点赞数,阅读数,文章字数,需要的文章信息都在标题图片显眼处。文章的分类也支持图标了,提升阅读辨识度。正文加上格式线,一本生活笔记本。相册类型提供了两种不同的相册图片排版,且支持缩放查看,搭配最新的Fancybox4.0灯箱插件,相册照片一目了然。相册可进行不同的分类,使得不同种类的相册方便的分类在所属的分类之中,寻找当年的照片?得心应手!可以在相册开头写上一段话,记录下当时的心情,也可以写下相册的介绍。书籍,视频,音乐,游戏类型四者作为文章的类型,主要是作为读后感,观后感,电影/小说的评析,佳句的摘录,音乐的鉴赏,玩游戏时的感动。可以关闭评论区,并开启个人摘录功能,每当读到佳文好句,快速的记录下来。收纳归类于专题页面,找某一篇影评?快准狠!旅行类型相册里全是图片,而旅行是图片+文字,还有……地图!搭配高德地图API,记录下你的每一个足迹。每一次旅行,所走过的地方,都会整和到一张大地图,那里是你曾经存在过的地方。切换到卫星图,看的更清晰。页面(page)页面作为文章的延伸,以及内容的板块,可以选择多种组合方式,比如隐藏正文部分,将评论区切换为摘录区,来作为公告页面使用,也可以作为个人的心情微博。但是本站默认的几处页面类型,包含着一个更好的呼应主题名字的功能,那就是——日记。日记页面日记都要有天气,主题也不例外,除了天气,也可以记录每日的心情,当时的气温,以及日记的配图。采用黄金分割比,左图右文,跟随光标移动,动态展示日记照片;过多的评论自动收纳,简洁明了。日记页面特有的点赞功能,对标QQ空间,每个人的点赞你都知道,看看是哪位小伙伴最关心你。文章页面所有文章的收纳,按最新时间排序,每一篇都不能错过。不同的文章类型,展示不同的卡片风格,不再千篇一律。文章的标签,分类,简洁,一目了然。个人用户页面方便的查看近期回复我的评论,不再找不到评论的位置。哪条评论的回复最多,也归纳到了一起,点开一键直达。评论使用的邮箱,我的首条留言,累计留言数量,只有自己能知道!专题页面文章的专题,相册的分类,旅行所到的位置统计,全都在这!一键生成我的bilibili追番页面,读者看到哪部番你在追,了解你的喜好。一键生成我的steam游戏页面,什么游戏你最爱玩,读者看到开车喊你一起玩。页面集合页面独立的单独页面都在这里,可以快捷的添加在右侧侧栏。自己写一个关于页面,然后将快捷按钮放在右侧侧栏,或者首页。独立的内容不想写到文章?那就新建一篇页面,添加一个个性图标吧,支持remixicon和emoji。好友页面订阅你的好友rss,最新的文章会自动生成朋友圈,看到大家的新动态。多种方式订阅好友,随机展示顺序,达成你自己的好友卡片。一键生成十年订阅博客,人生百态,朋友圈外更大的圈子。留言板页面是谁评论区最活跃?累计评论第一名给他一枚金奖牌。最近的来访者都有谁?右侧侧边栏展示一个月内最活跃的读者。简洁无杂乱,单纯的留言板,评论功能(comment)显示用户近期留言的小圆点,是不是很久都没来访了呢。自动加上来访者的卡片标签,还有评论者的等级,是常来访的好友的评论,还是偶然经过的路人。显示评论者的设备,地理位置,大家来自五湖四海,但是此时此刻我们聚集在博客。左右分栏设计,对话框的样式,祝你区分每一条留言。弹出式的打字框,不再找不到打字框跑哪里了。滑动解锁方式,验证更有趣,安全又便捷。三重反垃圾保护(无中文-审核、敏感词-垃圾评论、违禁词-禁止评论)评论区php级防xxs注入,保障环境安全。支持图片(仅博主),音乐,视频的插入,甚至可以自定义短代码。每一次评论对话框按时间整和,评论区不再杂乱无章。高级功能完美的PWA整合,使用PWA缓存技术,不仅节省服务器流量,也使得网站访问速度超超超超快!!!屏蔽复制,屏蔽右键菜单,屏蔽控制台快捷键等,让你的博客无人打扰。Html压缩,首页静态化,还是快快快!页面个性化多套皮肤可以选择,无论是牛皮纸的笔记本风格,还是加上锯齿印的邮票风。两种显示模式可以选择,默认的全宽自适应,以及小清新的单栏风格。三种轮换的昼夜模式,朝阳,星光,静夜,每一个不同的时间点上都是不同的心情。两种标题显示样式,都好看!自定义字体,自定义头像,自定义壁纸,自定义主题色,自定义缩略图,想自定义的都有简单的方法来实现。侧栏自定义音乐播放列表,音乐传递情感,让读者安静享受这个阅读的下午时光。因演示站使用的默认的宽屏模式,朋友们可能不方便浏览到单栏模式,现在将单栏模式的部分截图样式发出来供个位参考:想说的话写着写着就有点跑题了,总而言之这款主题是我制作、调整了无数的时光才完成的。在测试期间的十四天时间里,高强度更新发布了9个版本。以及零星的许多小版本。如此集中精力在这件事情上,一是自己挖过的坑,测试14天后正式发售,二是初次测试时竟然没想到会有如此之多的bug,只能一一解决掉。在此特别的感谢在测试期间帮助过我的小伙伴们。因为有你们帮我找的问题,主题才能如今这样近乎完美,因为有你们的夸奖,才有了我每天都在更新的动力,如此,才有了这款主题的今天。这款主题定价为39CNY。我之前和 @泠风寒声 聊过定价,他说一杯咖啡的钱就足够了。我只喝过速溶咖啡,也没有接触过其他的主题,但是我想,作为一款火喵的处女主题,也有这么多的小伙伴的支持,还是定一个便宜的价位比较合适。而最终决定定价为39CNY的原因,是十余天之前某位公主殿下的生日,让我决定了。39CNY不贵,更多是为了让更多的小伙伴用上并喜欢上我的这款主题,也希望这款主题有着更加美好的未来。作为发售日,感谢那些支持过我的小伙伴们,现在入群可以享受9折的优惠(39x0.9≈35CNY)。优惠有效期持续5天到9月16日(当日24时)。17日开始恢复原价39CNY。毕竟主题很便宜,仅仅差了一瓶饮料的价格,所以也说不准日后会涨价。爱你们!
我的第一款Typecho主题做好啦
我的第一款Typecho主题做好啦,现在开始为期十四天的免费测试(2022年8月30日至2022年9月12日)。有兴趣的朋友们欢迎进群下载体验♥(群号103659317)。因为虽然是测试,但是估计和正式版的差距并不大,在测试期十四天满之后,火喵会把一些测试期间朋友们所反馈的严重的bug进行修复并放出来正式版,届时需要朋友们付费购买。这里简单的透露一下主题售价为39元,因为39是火喵最最最,最喜欢的公主殿下miku的谐音,虽然也想把主题默认主题色改成葱绿色但是并没有太合适。在群内拿到主题之后,需要和火喵(群主)小窗说明你的域名以及qq号码。本主题无需任何插件支援便可以独立运行。安装前请详细阅读此主题文档,以免造成不必要的麻烦。因为是测试主题,安装主题期间记得备份好博客文件及数据库,谨防数据丢失。MyDiary 使用手册地址:https://note.dorcandy.cn/share/MyDiary喵喵爱你们♥
为Joe主题添加更多,新的表情
前言评论区小伙伴留言,也想要在joe主题里添加更多新的表情。之前本来也想水一篇,但是很麻烦很麻烦。但是为了帮助新朋友们美化自己的主题,还是写一篇简单的教程吧。正好我也经常分享一些好看的表情,正好搭配实用。教程并非傻瓜式复制粘贴,需要耐心自制。步骤修改前请及时备份找好新表情本站也分享过许多好看的表情,可以直接食用。将表情收集好后重命名为简单的名称方便辨认。譬如:文件夹apple1.jpgapple2.jpgapple3.jpgapple4.jpgapple5.jpg然后将这些表情放入一个文件夹,这里例举假设是apple文件夹。将apple文件夹上传到usr/themes/Joe/assets/owo/目录下。修改json定位到usr/themes/Joe/assets/json/joe.owo.json文件,打开并全部复制打开json解压网站,譬如 Jsonla、Bejson ,将内容粘贴进去,并格式化后,复制出来。 按照格式,在文档最末端添加内容: - 隐藏内容 - 在上方代码//这里空出来添加内容位置,加入举例的代码,依据自己实际情况修改增删 - 隐藏内容 - 检查无误后,重新用 Jsonla、Bejson 进行压缩,后覆盖源文件。修改phpphp文件有两个,一个显示评论区表情,一个显示邮件提醒的表情定位到core/factory.php找到以下代码$text = preg_replace_callback( '/\:\@\(\s*(高兴|小怒|脸红|内伤|装大款|赞一个|害羞|汗|吐血倒地|深思|不高兴|无语|亲亲|口水|尴尬|中指|想一想|哭泣|便便|献花|皱眉|傻笑|狂汗|吐|喷水|看不见|鼓掌|阴暗|长草|献黄瓜|邪恶|期待|得意|吐舌|喷血|无所谓|观察|暗地观察|肿包|中枪|大囧|呲牙|抠鼻|不说话|咽气|欢呼|锁眉|蜡烛|坐等|击掌|惊喜|喜极而泣|抽烟|不出所料|愤怒|无奈|黑线|投降|看热闹|扇耳光|小眼睛|中刀)\s*\)/is', function ($match) { return '<img style="max-height: 22px;" src="' . Helper::options()->themeUrl . '/assets/owo/aru/' . str_replace('%', '', urlencode($match[1])) . '_2x.png"/>'; }, $text );在上方代码的下面,复制出一份,并修改成我们需要的格式,这里一份作为参考: - 隐藏内容 - 定位到core/parse.php找到以下代码 $text = preg_replace_callback( '/\:\@\(\s*(高兴|小怒|脸红|内伤|装大款|赞一个|害羞|汗|吐血倒地|深思|不高兴|无语|亲亲|口水|尴尬|中指|想一想|哭泣|便便|献花|皱眉|傻笑|狂汗|吐|喷水|看不见|鼓掌|阴暗|长草|献黄瓜|邪恶|期待|得意|吐舌|喷血|无所谓|观察|暗地观察|肿包|中枪|大囧|呲牙|抠鼻|不说话|咽气|欢呼|锁眉|蜡烛|坐等|击掌|惊喜|喜极而泣|抽烟|不出所料|愤怒|无奈|黑线|投降|看热闹|扇耳光|小眼睛|中刀)\s*\)/is', function ($match) { return '<img class="owo_image lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="' . Helper::options()->themeUrl . '/assets/owo/aru/' . str_replace('%', '', urlencode($match[1])) . '_2x.png" alt="表情"/>'; }, $text );在上方代码的下面,复制出一份,并修改成我们需要的格式,这里一份作为参考: - 隐藏内容 - 然后就能在表情中看到了,最后注意几点:如果出错,请重新仔细查看本教程示例代码,注意文件路径,图片格式等是否填错推荐使用cdn代替本地图片,加快速度
对于JOE主题,使用自定义头像,解决部分评论没有头像的问题
方案一博客使用经常会遇到有的评论没有头像,直接返回显示Gavatar默认的头像,不仅难看的要死,还没办法更改,严重影响美观(比如我这半个强迫症+半个完美主义者),而且joe主题默认判断使用的是qq头像,使用了qq邮箱的Gavatar头像就不会显示了,因此为了解决这个问题,我折腾了好久才解决(主要是不会qaq步骤1对于joe7.x主题定位到主题目录下文件\Joe\core\function.php,查找/* 通过邮箱生成头像地址 */将内容替换成以下:/* 通过邮箱生成头像地址(火喵改) */ function _getAvatarByMail($mail) { $gravatarsUrl = Helper::options()->JCustomAvatarSource ? Helper::options()->JCustomAvatarSource : 'https://gravatar.cooluc.com/avatar/'; $mailLower = strtolower($mail); $md5MailLower = md5($mailLower); $qqMail = str_replace('@qq.com', '', $mailLower); $uri = 'https://cdn.helingqi.com/wavatar/' . $md5MailLower . '?d=404'; $headers = @get_headers($uri); if (preg_match("|200|", $headers[0])) { echo $gravatarsUrl . $md5MailLower . '?d=mm'; } elseif (strstr($mailLower, "qq.com") && is_numeric($qqMail) && strlen($qqMail) < 11 && strlen($qqMail) > 4) { echo 'https://thirdqq.qlogo.cn/g?b=qq&nk=' . $qqMail . '&s=100'; } else { echo '自定义头像地址'; } }建议将之前的内容注释掉,不要删除。步骤2定位到主题目录下文件\Joe\core\core.php,查找/* 通过邮箱生成头像地址 */将内容替换成以下:/* 通过邮箱生成头像地址(火喵改) */ function _getAvatarUrlByMail($mail) { $gravatarsUrl = Helper::options()->JCustomAvatarSource ? Helper::options()->JCustomAvatarSource : 'https://gravatar.cooluc.com/avatar/'; $mailLower = strtolower($mail); $md5MailLower = md5($mailLower); $qqMail = str_replace('@qq.com', '', $mailLower); $uri = $gravatarsUrl . $md5MailLower . '?d=404'; $headers = @get_headers($uri); if (preg_match("|200|", $headers[0])) { return $gravatarsUrl . $md5MailLower . '?d=mm'; } elseif (strstr($mailLower, "qq.com") && is_numeric($qqMail) && strlen($qqMail) < 11 && strlen($qqMail) > 4) { return 'https://thirdqq.qlogo.cn/g?b=qq&nk=' . $qqMail . '&s=100'; } else { return '自定义头像地址https://cat.dorcandy.cn/000pages/api/api-mc.php'; } }保存好刷新查看效果。其他有的主题版本在core.php中无法找到关键词,找不到就直接跳过,无需修改文件即可。简单的原理就是,依据邮箱去查找是否存在头像,如果不存在会返回状态码404,依据状态码的不同来判断。但是我这样设置完,网站加载变得异常迟钝,不知道原因所在,希望有大佬赐教,感谢。图片地址可以使用api地址,譬如火喵博客的MC酱API。可以尝试使用随机函数,比如'images/'.rand(1,5).'.jpg'方案二方案一虽然完美,但是使用此方法会被发送大量的请求,如果页面的头像数据多,会导致网站相应及其缓慢,我都受不了了,于是想到了一个新的方案——使用onerror事件对于joe7.x主题定位到主题目录下文件\Joe\core\function.php,查找/* 通过邮箱生成头像地址 */将内容echo $gravatarsUrl . $md5MailLower . '?d=mm';替换成echo $gravatarsUrl . $md5MailLower . '?d=404';(没错就是把mm改成404)在主题设置——全局设置——自定义JS中,填入:/* 头像替换 */ function imgerrorfun(){ var img=event.srcElement; img.src="替换的头像地址"; img.onerror=null; }然后在主题文件——Joe/public/comment.php中,查找<img width="48" height="48"----------将其改为<img onerror="imgerrorfun();" width="48" height="48"----------没错就是中间加了个onerror="imgerrorfun();"同理在主题文件——Joe/public/aside.php中,查找<img width="40" height="40" class="avatar lazyload" src="<?php _getAvatarLazyload(); ?>" data-src="<?php _getAvatarByMail($item->mail) ?>" alt="<?php $item->author(false) ?>" />同样将其改为<img onerror="imgerrorfun();" width="40" height="40"----------如遇到没显示的地方,如法炮制即可。方案三通过查看Gavatar文档,我们发现官方有一个可用的方案:因此,我们可以将最后的代码部分修改成诸如此类的便可:else { echo $gravatarsUrl . $md5MailLower . '?d=https%3A%2F%2Fcat.dorcandy.cn%2logo'; }方案四(仅参考)推荐使用方案二,方案三仅仅是一个思路,就是将img标签改为div,并使用background-image来叠加两张图片来显示效果。因为404的图片在background-image下会不显示,直接显示下一张图。但是遇到了有的邮箱是透明png,这样的话显示就重叠了,无法达到效果,因此舍弃。方案五(11月5日追加)现在推荐使用 Cravatar - 互联网公共头像服务 ,一步到位。
【转载】Typecho生成首页静态HTML数倍提高网站打开速度
介绍最近感觉博客打开速度慢了不少,测试来看均值基本都在3秒以上,因为博客上有不少的CSS和JS加载速度也就慢了下来,并且本博客没有做图站分离,都是放在一起的,速度确实较慢;于是给首页做了个静态HTML,首页打开速度确实提升了数倍,需要的朋友也可以试试未做静态HTML前的打开测试 生成静态HTML后的打开测试 对比可以看出提升确实比较大,从均值3.5秒提升到了1秒以内,相当满意了开始这里提供两个PHP代码脚本,一个是不需要密码的,一个是需要密码的;首先在网站根目录新建一个php文件,文件命名为:jingtai.php然后在其中写入需要的代码(不需要密码和需要密码的选择其中一个即可)不需要密码的PHP脚本<?php $nowtime=time(); $pastsec = $nowtime - $_GET["t"]; if($pastsec<600) { exit; //10分钟更新一次,时间可以自己调整 } ob_start(); //打开缓冲区 include("index.php"); $content = ob_get_contents(); //得到缓冲区的内容 $content .= "\n<!-- Create time: " . date( 'Y-m-d H:i:s' ) . " -->"; $content .= "\n<script language=javascript src=\"jingtai.php?t=".$nowtime."\"></script>"; //加上调用更新程序的代码 file_put_contents("index.html",$content); if (!function_exists("file_put_contents")) { function file_put_contents($fn,$fs) { $fp=fopen($fn,"w+"); fputs($fp,$fs); fclose($fp); } } ?>需要要密码的PHP脚本<?php /** * 首页静态化脚本 */ ini_set( 'date.timezone', 'PRC' ); /* 缓存过期时间 单位:秒 */ $expire = 600; /* 主动刷新密码 格式:https://你的域名/jingtai.php?password=123456 */ $password = '123456'; $file_time = @filemtime( 'index.html' ); time() - $file_time > $expire && create_index(); isset( $_GET['password'] ) && $_GET['password'] == $password && create_index(); /** * 生成 index.html */ function create_index() { ob_start(); include( 'index.php' ); $content = ob_get_contents(); $content .= "\n<!-- Create time: " . date( 'Y-m-d H:i:s' ) . " -->"; /* 调用更新 */ $content .= "\n<script language=javascript src='jingtai.php'></script>"; ob_clean(); $res = file_put_contents( 'index.html', $content ); if ( $res !== false ) { die( 'Create successful' ); } else { die( 'Create error' ); } }保存为utf8编码后退出;注意:如果使用的宝塔面板,还要在后台网站设置-默认文档-将index.html的排序上调至第一位然后在浏览器中打开PHP脚本链接即可打开链接后会在网站根目录下生成一个index.html的静态文件,首页静态化也就完成了;不需要密码脚本的链接:https://你的域名/jingtai.php需要密码脚本的链接:https://你的域名/jingtai.php?password=123456说明两个PHP脚本中的更新时间默认为600秒,也就是十分钟更新一次,默认密码为123456更新时间及访问密码都可以自行设定,修改脚本中的数值即可;验证查看是否生效,浏览器中重新打开你的网站首页,右键查看源代码在最后一行会有显示最后一次更新时间<!-- Create time: 2020-03-09 00:33:41 --> <script language=javascript src='jt_index.php'></script>
JOE主题添加全屏头图显示(通用)
最近也是经常有小伙伴问我,全屏的头图怎么做。因为之前我用的是图片,后来改成了视频,但是视频的文件我已经修改了很多牵扯到自定义的部分,不能通用,我现在就从备份中扒出来之前的那份纯图片的文件,现在整理一下分享给大家文件的大部分内容是从一个国外的免费模板扒的,但是找不到出处了。2021年11月自查发现,当年不是很懂代码,杂余垃圾较多,可以自行取舍,我就懒得搞了 |´・ω・)ノ参考因为我已经把图片换成了视频了,图片没办法参考我的网站了,各位可以参考使用本方案的 这个链接 (已失效),来查看效果css内容如下: - 隐藏内容 - html需创建一个html文件,填入以下内容 - 隐藏内容 - 引入字体这一步如不需要可以省略<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Pacifico|Inconsolata:400,700">引入至主题将上述内容整合成一个html,假设命名为lalala.html定位到主题的index.php文件,在适当位置引入html,比如查找定位<?php $this->need('public/header.php'); ?>,在其下方引入:<?php include ("public/lalala.html"); ?>将lalala.html放在public文件夹下即可追加-注意如不清楚如何整合,可以下载我整理好的html文件,直接引入即可(上面的前三项都不用看了): - 隐藏内容 - {card-describe title="已知问题:"}和侧边栏的3D标签云共用可能会产生bug,建议关闭侧边栏的3D标签云。{/card-describe}
使用API,为博客添加“随机一篇美文”的功能
上一次,我们是用ALPAI制作了 首页显示新闻早报API,可每日更新 的功能,这一次将随机一篇美文也放出来方法,效果可以参考下图。方法很简单,如果你有之前调用新闻早报的经验,那么这次会非常简单~效果图方法这次也选择ALPAI,随机美文的网址在这里:https://alapi.cn/api/view/36方法和新闻早报的方法一样,可以去翻看之前的文章。需要注意的是,这次也同样从\usr\themes\Joe复制出一份page.php,并在头部添加<?php /** * 每日一文 * * @package custom * **/ ?>将内部<?php $this->need('public/article.php'); ?>代码替换成api的示例代码,别忘了换token在$err = curl_error($curl);下添加一行$a=json_decode($response,true);效果为:$err = curl_error($curl); $a=json_decode($response,true);将echo $response;替换为以下代码 - 隐藏内容 - 保存(具体图片可参考上期)后台新建页面,假设自定义的地址是readnews.html,模板选择每日一文查看新页面是否显示正常注意事项之前写的注意事项总有人不看,再写一遍——修改前记得备份不显示文章记得查看是否更改token,可查看图片中token形式。结尾的?>是否忘记跳转错误记得修改成自己的内页链接
狗洞——改自JOE主题的简单的小论坛
论坛现已关闭,于2021-8-31什么是狗洞这只是我在找导航图标的时候,找到了当初做舔狗日记的小icon。本打算叫树洞啊,论坛啊,广场啊,但是顶着狗头,那就叫个狗洞吧所以,什么是狗洞这是我(火喵)最近修改的一个joe主题,起因是看到了腾讯的discuz!Q上线了3.0版本,而且非常精简实用,因此也打算自己创建一个附带论坛性质的简易网站。网站开起来登录发帖功能,需要注册账号才可以进行评论和回复。具体的版块功能还没有确定,而且页面内容相对简单,日后会加以完善。干嘛用的呢具体用途还没想好,但是作为一个简易论坛,注册可以发帖发文,有问题可以互动交流,但是还没想好,毕竟是博客程序,互动内容太少qaq。后台装了美化,方便的进行编辑发表。emmm..
joe主题首页添加夹子装饰
前言步骤添加图片定位到\usr\themes\Joe\assets\js\joe.index.min.js在第大概28行添加 - 隐藏内容 - 添加样式随便创建一个css,写入以下内容,记得要在include.php引用 - 隐藏内容 - 大功告成啦!!图片样式图片位置可以替换成自己喜欢的图片默认图片大小30x170,其中有图的中心内容30x130,上下留白各20px,以下素材可以自行替换如果你有更好看的样式欢迎分享样式图片作者链接档案夹火喵/猫猫爪HYTNHYTN.TOP猫爪书签HYTNHYTN.TOP
火喵自用typecho-joe主题文章目录插件及样式修改
{message type="zm_gll" content="前排提示!!此方法为之前用的方法,实际效果和现在的不同。"/}{message type="error" content="本文火喵原创,禁止转载"/}样式效果 之前小站做了个文章目录,但是问题很多就没有写什么使用方法,但是今天有小伙伴来问我要小站的目录,于是只好写一篇这样的教程,本来是很简单的,用插件就可以实现了,但是有一些美中不足之处,这样写出来也方便和小伙伴们交流。(才不是为了水一篇博文的!绝对是呢!!→_→) 最终的效果是这样的,小伙伴也能在小站浏览的时候发现它 下载插件各位可以去插件作者地址去下载: https://github.com/wuruowuxin74/MenuTree也可以在我这下现成的 - 隐藏内容 - 写入样式可以新建一个postmenu.css,写入 - 隐藏内容 - 别忘了在include.php引用美化样式是火喵自用,不满意的地方可以自行修改,更多可修改的部分参见插件php内的说明。插件启动后,在想要插入目录的文章,页面的任意位置写 <!-- index-menu -->更方便的使用(可选)小伙伴们会发现在使用文字目录时,打字 <!-- index-menu -->很麻烦,现在有两个解决办法,一个是写入到joe编辑器的工具栏,二是放在编辑框的右侧,如图,用的时候直接复制一下就好了修改\admin\write-post.php内,想要的位置添加代码<section class="typecho-post-option"> <label class="typecho-label"><?php _e('文章目录 &lt;!-- index-menu --&gt;'); ?></label> </section>可选择修改write-page.php同理{tabs}{tabs-pane label="效果图"}{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}最后想说 1. 因为使用的插件可以自选当前文章是否需要用文章目录,我之前也修改过另一个文章目录插件,是自动检测文章内容的H2,H3字段,当然有需要的也可以这么改 2. 看css可知我选择的是position: fixed,针对浏览器窗口定位,缺点是在非1080的屏幕上很丑,因此隐藏了宽度小于1900的显示,高分辨率屏幕就显得格格不入了,没办法qaq,也不能跟随文章页滚动,有大佬会修改请告诉我,感谢
JOE主题首页显示新闻早报API,可每日更新(功能可扩展)
现在推荐使用 RSS方式呈现“新闻早报” (但是API方式本教程没毛病啦 |´・ω・)ノ )效果图内页效果因为本站已经改变,可参考 他的链接 样式,使用本站教程制作。选择APIAPI有许多网站提供,可以丰富我们的博客,这里作为教程,使用本站正在使用的 ALAPI注册后,进入后台个人中心复制出tokenALAPI主页进入 每日60秒早报查看到php示例代码,别忘了末尾的?>新闻内页因为是api,所以新闻内页我们使用独立的页面作为载体新建页面模板从\usr\themes\Joe复制出一份page.php,并在头部添加<?php /** * 新闻 * * @package custom * **/ ?>将内部<?php $this->need('public/article.php'); ?>代码替换成api的示例代码,别忘了换token在$err = curl_error($curl);下添加一行$a=json_decode($response,true);效果为:$err = curl_error($curl); $a=json_decode($response,true);设置新闻页将echo $response;替换为以下代码 - 隐藏内容 - 保存后台新建页面,假设自定义的地址是dailynews.html,模板选择新闻查看新页面是否显示正常主页文章流为了达到在首页显示的效果,需要修改index.php因为是每天更新,因此选择显示在文章最顶部Ctrl+F查找<div class="joe_index__list" data-wow="<?php $this->options->JList_Animate() ?>">在此代码上方位置粘贴上一步文章内页考过来的示例代码将此前的echo位置开始替换echo的内容 - 隐藏内容 - 以上为自用代码,文字可修改。注意事项修改前记得备份显示错误记得查看是否更改token结尾的?>是否忘记跳转错误记得修改成自己的内页链接可扩展因为不仅仅只有这一个提供api的网站,也有许多其他网站,方法是类似的alapi提供了许多不同的接口。,每天免费1000次,个人博客够用了首页的显示方法不仅api,也可以显示其他内容,比如现在的奥运会奖牌榜
Typecho-JOE主题- 在任意位置显示最新公告或日记 (替换原有公告)
本来打算typecho不写什么修改记录了,但是经常有小伙伴留言的话我也记不住都是怎么改的,所以、还是偶尔随缘记录一下吧~本文火喵原创,禁止转载 有的小伙伴来访可能已经注意到了,右侧侧边栏下侧有最新心情记录,还有头图下侧的公告那里,也能直接点进去看到记录,那么怎么样做呢~我在网上翻到了这样一篇文章 《Typecho调用单独页面评论代码》 。因为我们的公告还有心情(日记,随笔,微博)页面的记录,都是以评论的方式记录下的,所以我们只需要调用单独页面的最新评论即可。因为博客的登录特效,所以我们的公告,心情页面需要设置成仅登录时显示留言文本框,具体的页面设置方法和现成模板可以参考我的这一篇文章—— 《添加了一个随记页面》 假如我们做一个公告,以此替换joe自带的公告,在我们设置好独立模板后,需要记住页面缩略名,也就是页面的slug,比如我们的是gonggao,然后在网站的根目录下新建 commlist.php 文件,内容如下: - 隐藏内容 - 然后,在joe主题目录下\themes\Joe\index.php,在147行处(如图)使用以下代码替换红框中代码 <?php include "commlist.php";?>这样就完成了,快去发布一条公告试一下吧!参考 https://mrasong.com/a/typecho-comment-list
萌ICP备20210005号 辽ICP备2021005644号-1 辽公网安备 21021102000984号 本站已运行 2 年 202 天 13 小时 5 分 51统计 百度统计 自豪地使用 Typecho 建站,并搭配 MyDiary 主题 Copyright © 2020 ~ 2022. 火喵博客・日记本 All rights reserved.
历史足迹
分类目录
  • 日常
  • 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活