Typecho归档页样式
归档主体1234567891011121314151617181920212223242526<div class="fancy-archive"> <?php $this->widget('Widget_Contents_Post_Recent', 'pageSize=10000')->to($archiv
highlight.js美化代码块与添加复制代码按钮
1.在html页面中引入js和css文件12<link href="https://cdn.bootcdn.net/ajax/libs/highlight.js/11.6.0/styles/a11y-dark.min.css" rel="stylesheet"><script src="https://cdn.bootcdn.ne
浏览器书签美化
将浏览器书签美化，便于上传网络分享给他人。 该样式支持谷歌浏览器75.0.3770.100、chrome内核的edge和IE浏览器11导出的书签。 第一步 导出书签第二步 在<TITLE>Bookmarks</TITLE>后面插入 123456789101112131415161718192021222324<base target="_blank&quo
鼠标悬停旋转
1234567891011121314/* 鼠标悬停旋转 */.img-hover { -webkit-transition: -webkit-transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; -m
prism.js美化代码块
程序员的博客里绝对不会缺少的东西一定是代码块，那么怎么把代码块打扮的美美的呢？ 介于前两天有同学问我，我的代码块是怎么美化的，那么今天我就出个我美化代码块的教程，主要分为三个步骤，分割关键字、添加额外标签和自定义美化css 加载 js 分割代码关键字使用任意代码块分割插件自动将代码关键字加上相应标签，我这是使用的是一款名叫 prism 的插件 1<script src="//cdn
仿b站返回顶部小火箭
bilibili右下角返回顶部按钮样式源代码 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051<!DOCTYPE html><html> <head> <meta charset="utf-8"&g
编辑器添加字数统计
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210
Typecho调用文章字数统计
1234567891011function art_count ($cid){$db=Typecho_Db::get ();$rs=$db->fetchRow ($db->select ('table.contents.text')->from ('table.contents')->where ('table.c