前言从写博客主题至今，对于代码高亮的行号，一直是比较头疼的，以前初学前端的时候，有过一些尝试，比如利用代码里面的行高是固定的，然后创建一个伪元素，伪元素的内容就是一行一个数字，然后通过脚本生成一个9999行的内容，然后伪元素父容器再做个内容溢出剪切，实现了一个代码行号的处理。最近博客主题评论下有人想要增加代码行号，我记得之前掘金是没有代码行号的，最近打开发现有了，于是就想办法给研究出来了。于是就有了这篇教程，方法也很简单。其实这个行号甚至与highlight.js关系不大，只是作为一个关联关系，可以用其他的同类竞品替代。教程[hide]在处理行号之前，我们需要保证代码已经被highlig...
前言最近发现主题的目录树很多地方不是很满意，一方面是自己对于php的知识不是很好，大部分都是从网上分析的代码中拿取cv一下就用了，加上重构主题是一个比较大的工程，所以有些地方都是奔着先跑起来再说的思路。像极了项目开发时的场景，先上线再说，用户量大了我们再优化！昨晚我看了下typecho的目录树，都使用了一个全局变量：global $catalog;$catalog是一个扁平化的数组，里面存放着按顺序提取的页面h1-h6标题数据，由于php的数组可视化巨难看，我们先通过ts的方式去了解和实现这个处理。教程[hide]$catalog的数据结构大致如下：const catalog = [ ...
前言目前个人认为最合适的一个判定了，但是我的做法只支持二级分类，如果你有多级分类，就需要自行调整了。先上个实际html渲染图：可以看到，我进入的是HTML子分类，那么对应的子分类class上已经有active类名了，而它的父级分类前端，在类名上也存在了active。教程不多说，直接上源码[hide]<div class="nav-list"> <?php $this->widget('Widget_Metas_Category_List')->to($category);?> <?php while...
前言一直想把基于webpack5的多页面打包整理一下，做成一个通用的typecho主题开发架子，之前在JJ主题上虽然以及由部分实现了，但是不是很理想，因为是第一次弄，所以还是有些粗糙。现在离职后得了空闲，于是把这个架子给搭起来了，基于这个架子做前端开发还是很方便的，起码各种框架都能通过按照包的方式使用，能用上先进的打包机还是很棒的！仓库地址github地址：webpack-multiple-entry觉得有用的话麻烦点个Star吧。如果有什么问题可以提交Issues或者在该文章下面留言
起因由于最近在了解前端js中length不准的问题，其中文章带有一些特殊字符，而typecho和mysql都只是支持UTF-8字符，但是这个utf-8并不是真正意义上的utf-8，它最多支持3个字节的内容，也就是24bit，而我文章中的特殊字符是需要4个字节来存储的，这就导致文章无法正常的展示和保存。这个特殊字符和现在移动端常用的emoji表情差不多，emoji也是一种特殊字符，所以该教程同样适用于如何让typecho支持emoji表情。教程打开宝塔的phpmyadmin -> 找到typecho的数据库 -> 操作 -> 滑动到最底部找到排序规则 -> 选择ut...
以前写过一个关于自定义评论的文章，时至如今来看，还是有很多不足的，昨晚再新写主题的时候，也重新写了一次自定义评论，嗯，有了新的理解，因为其实真的很简单，仔细阅读本篇文章，相信你会有收获的。[hide]自定义评论模板到底要怎么做很简单，可以理解为两步：编写自定义评论的模板通过php渲染出自定义模板评论而为什么大多数人不会，其实就是因为官方的文档真的是，如果懂php的人，可能看了一两遍后明白了怎么回事，但是如果是小白入门，纯前端的童鞋，可能看的一脸蒙蔽。就算是原封不动的copy官方的示例代码也还是会报错，心累...因为，你不知道他要做什么，我编写了自定义模板函数threadedComment...
之前写过一篇typecho上一篇下一篇的文章，但是当时是对官方的代码进行小改，虽然文章标题，链接都能获取到，但是没法获取到更多，包括文章缩略图。为此我是绞尽脑汁啊，还参考了一些有这种效果的作品，发现，不行，没有我想要的效果。他们的效果都是获取文章的自定义字段，也就是和自定义文章缩略图的那种路子，你只有设置了，他这里才能显示，他不能自动去获取，有的好像连个随机不够做吧。终于，有一天晚上，我一时兴起，想解决下这个问题，于是有了这篇文章，首先我们需要两段代码，这两段代码我是通过网上的代码进行修改的，去掉了一些部分。[hide]获取文章上一篇，下一篇cid/** * 显示上一篇 * * 如果没有...
typecho的缩略图，其实自己用了好久，最近才发现了一种最简单的组合，不用太多代码，有需要改改方法就行了。目前我总结了一个对文章缩略图的获取顺序：用户自定义缩略图文章第一张缩略图文章附件第一张图文章随机图是否开启cdn加速，使用加速地址前段本地地址基本上按照这个思路，所有的情况都能照顾到，当然我看了一些付费的主题，他会对用户自定义的缩略图进行定制，比如，大图，小图这些，其实我感觉挺麻烦的，哈哈这里我们一步一步完善这三步教程[hide]自定缩略图自定义缩略图我们需要一个自定义字段，这个自定义字段也是在网上找的别人的分享技术，这里贴出来用法直接在主题function.php文件里面，插入如...
既然开放了注册，那么用户组就是一个问题，我们需要进行鉴权。获取用户处在什么用户组typecho有5个角色，一个是访客，我们通过是否登录来判断。剩下四个为：administrator 管理员editor 编辑contributor 贡献者subscriber 关注者具体权限可以查看官方的这个说明： 用户组<?php echo get_object_vars($this->user)['row']['group'];?>通过这个可以判断当前用户的用户组是什么，管理员就输出administrator鉴权<?php $user...
最近应群友要求写一个前台注册，从泽泽那拿到了form，但是有一个问题，就是我要怎么才能知道，这个前台注册是可以用的。所以要判断博客是否开启了允许注册，于是从官方的login页拿到了一个东西，自己改了下，效果一样。不多说，上代码：<?php if($this->options->allowRegister): ?> <a href="<?php $this->options->registerUrl(); ?>"><?php _e('用户注册'); ?></a>...
最近想给博客主题增加一个一键复制代码的功能，结果发现highlight.js并不支持一键复制，这就非常的可惜啊。于是百度了下，找到一个不错的例子，根据其例子我自己写了一个通用的方式。效果图安装[hide]需要使用clipboard.js，所以需要js引入这个复制用的库<script type="text/javascript" src="https://cdn.staticfile.org/clipboard.js/2.0.6/clipboard.min.js"></script>引入完毕后我们需要给每个代码块增加一个复制按...
百度了好多篇文章，用起来都会报错，花了一天时间研究，终于搞明白自定义评论是怎么做的。typecho的评论模板是comments.php文件，在这个文件，可能会有人在开头加上这句话：<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>事实上这句话是不需要的，记得删除它。自定义评论的基本结构很多人在看官方的文档时就会迷糊，说了那么多，到底自定义评论的完整结构是啥，这里我就简单列出来，就三个部分。comments.php|---- 自定义评论列表函数|---- 评论表单|---- 评论列表输出其中评论表单和评论...
由于使用了cdn，所以ip的获取会出现问题，获取不到你的真实ip，这就导致评论过滤插件依据的ip来判断是否机器人啊，这些就会出现问题，所以要调整一下。解决办法就是：在博客的配置文件config.inc.php里面加上这句话：//cdn获取真实ip地址 define('__TYPECHO_IP_SOURCE__','HTTP_CLIENT_IP');如果上面无效的话可以使用这句：//cdn获取真实ip地址 define('__TYPECHO_IP_SOURCE__','HTTP_X_FORWARDED_FOR'...
由于前天被人d我的服务器，被d到无限黑洞，无奈只能搞点防护了，免费的cloudflare我之前就使用过，虽然说有用，但是会有一个问题，就是后台无限刷新，就是进不去。有人说是参数问题，因为后台的登录链接是带参数的，有人说是缓存问题，不要缓存后台就行了，但是事实上这些都没用，毫无效果。[hide]其主要问题就是https的问题。首先我们都会去使用cf带的ssl证书，但是为了https，只能开启强制https了，但是可能是源站并没有强制，所以导致cdn那边卡住了，只能无限刷新就是进不去。解决办法就是在博客的配置文件config.inc.php的开头加上一句强制https//https后台 de...
终于把站点迁移过来了，期间遇到一些问题，很蛋疼，比如，把站点文件夹整个打包备份后，数据库也一并备份，然后还原的时候会遇到一个神奇的bug。你的邮件回复提醒功能再也无法生效了，哪怕你重新设置账户信息。[hide]数据库备份为此我试了好久，发现只有一个办法可以完美解决这问题，就是会比较麻烦一些，但是文章数据，评论，分类信息，标签都可以完美保留。我们的效果就是，博客的设置信息全部丢弃，只保留文章数据，评论，分类信息，标签。所以我们首先要进入数据库管理，找到对应的几个表：accesscommentscontentsfieldsmetasrelationships如果你用的是默认前缀，那么其完整表...
之前有一段时间我发现网站功能都加载完了，但是浏览器还是显示转圈，找了半天发现是个人的头像加载太慢了，于是今天特意去找了下有什么快速的源，于是看到了七牛的一个源...真香....233话不多说，上教程首先我们要打开typecho根目录配置文件config.inc.php,在里面加上这句话！/** 更换gravatar头像源*/ define('__TYPECHO_GRAVATAR_PREFIX__', 'https://dn-qiniu-avatar.qbox.me/avatar/'); 完事！如果你自己反代了源，也可以把https这个链接改为你自己的。
没有更多了
最近评论