无插件实现 typecho 独立友链页面 解决思路typecho 的 markdown 支持以!!!<-- html tag -->!!! 的方式嵌入 html 内容,所以可以把原来的脚本嵌入到这里面,这样就不用修改主题了。 为了使显示效果不过分依赖 css,我特意重写、精简了 css,同样把 css 也嵌入到 html tag 里面,使得与主题分离而独立。 如何使用123456789101112131415161718192 2022-08-17 Typecho #Typecho #友链
给单栏博客加个多栏的选择,可以自由切换 引子最近看着自己博客单栏显得既单调又枯燥,于是想着能不能弄个多栏的,之前一直用的是pinghsu主题,心想着能不能按照它的样式弄一个三栏的首页。有了这个想法之后就开始了折腾…… 如何实现多栏?下载了pinghsu的主题开始研究,发现它实现三栏的方式是用box-sizing:border-box;width:33%来实现的三栏,然后又请教了大佬,他说建议用columns: 3。于是我查了下两个都可以 2022-08-17 Typecho #Typecho
获取模板自定义字段值 前言在 Typecho 很多模板都要通过设置自定义字段来实现文章缩略图或者其他功能,但是我们在二次开发或者开发插件时,并没有一个接口来实现获取自定义字段,所以便有了我今天的想法。 代码123456789101112131415public function getCustom($cid, $key){ $db = Typecho_Db::get(); $rows = $db- 2022-08-17 Typecho #Typecho
鼠标特效:点击显示多彩小爱心 以下代码直接放入主题模板footer文件里面的前面 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758<script> !function(e, t, a) { function r() { for (v 2022-08-17 特效 #特效
让博客飘起鹅毛般的大雪吧 前言很适合冬天的时候加上这个特效,简直了,大雪纷飞,雪花满屏飞舞,甚是好看,好似四季如冬。 使用方法代码适用所有网站。前提是必须加载jQuery文件。没有加载jq的在head标签里加上这段js 1<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> 把js文件上传到自己 2022-08-17 特效 #特效
为博客添加一个上一篇,下一篇的代码 最近换了一个主题后发现正文没有了上一篇,下一篇的SEO感觉很别捏,于是在网上找了下该如何实现的代码如下 1<?php $this->thePrev(); ?><?php $this->theNext(); ?> 添加到post.php相应的位置后发现不是没美观,于是又找了个左右对称的代码,然后两者一结合最终形成了以下比较满意的代码 1234567<sty 2022-08-17 Typecho #Typecho #文章页
给博客加一个可以自定义的公告 折腾前段时间逛朋友的博客发现他的博客多了一个类似公告的提示框,非常的漂亮。就想着也在自己的博客加一个,方便以后有什么重要通知可以用的到,但是我的想法有点多。我想实现的是可以根据自己的喜好在后台自由的设置公告的开和关内容,同时可以自由的设置公告的内容,于是便开始折腾起来。 公告弹窗代码首先我在网上找到一个还不错的弹窗代码 123456789101112<script type="te 2022-08-17 Typecho #Typecho
typecho一些实用的美化代码 每当看到别人的博客或者网站有非常好玩的、很酷的、绚丽的效果总想着让自己的博客也要和他们一样的效果,于是便千方百计的找教程如何实现,从此就走上了乐此不疲的瞎折腾之路,而且是越走越远!好了,废话不多话,我们继续折腾…… 开启关闭按钮有时候我们发现一个好玩的效果将它放在自己的博客里,但是过一段时间看腻了又把它删掉了,然后再过一段时间又脑残的又想要那种效果,于是再添加进来,这样不用就删,用了再添加非常的麻 2022-08-17 Typecho #Typecho
给网站添加pjax无刷新,换页音乐不中断 自从博客加了悬浮音乐播放器后就一直在折腾换页音乐不中断的功能,在网上查找后发现想要实现换页音乐不中断的功能必须要为博客加pjax,于是又苦苦寻找并尝试了一番,最后发现网上实现pjax功能基本上是两种方法。 方法一第一种方法是来自大佬友人C的博客。 123456789<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js&q 2022-08-17 Typecho #Typecho
css字体样式属性 序号 说明 标记语法 1 字体样式 {font:font-style font-variant font-weight font-size font-family} 2 字体类型 {font-family:”字体1”,”字体2”,”字体3”,…} 3 字体大小 {font-size:数值:inherit、medium、large、larger、 x-large、 xx-larg 2022-08-17 css&js #字体