博客的“关于”页面都要有个“时间轴”式的博客发展历程，非常的好看，其实 Typecho 下也可以轻松实现的，今天就给大家分享一下。将下面的 CSS 代码添加到主题设置CSS里/* 站点动态时间轴 */ #teamnewslist ol{list-style:none;margin-left: 36px;padding-left: 14px;bord[...]
我们有些时候再做Typecho主题的时候，分页一般随手会使用默认系统自带的，自带的分页类样式，有时不能满足项目的要求，所以特地花时间美化了一下，使其更简洁、美观。现在就整理出来这里主要分享一下，按下面方法设置，然后清空浏览器缓存重新打开页面，你就可以看到效果了。用法下面的代码放到你的主题CSS里。/* Pagination */ .pa[...]
在做网站时，时常会用到运行时间的统计，这样可以增加网站的可信度，其实现方法也简单比较，加入代码即可运行实现。大家只需要把var s1 = '2020-01-15';//开站时间，改成建站日期即可！直接上代码网站运行时间代码<a>在世界的角落里存活了<a id="days">0</a>天<[...]
再日常项目中可能会用到一些特殊的样式，比如大写字母转小写、小写字母转大写、首字母大写等。可以通过 CSS 的 text-transform 属性来实现：text-transform 转换不同的文本属性值：none 带有小写字母和大写字母的标准的文本（默认属性）。capitalize 首字母大写。uppercase 字母大写。lowercase 字母[...]
Typecho 默认都有搜索框的，由于喜欢的某些主题没有搜索框，可以安装下面步骤添加 打开header.php 文件 修改如下<script type="text/javascript"> function button_search(){ var G=document.ge[...]
默认情况Typecho文章中如果有添加链接，那么是从当前窗口跳转的，并且外链没有添加nofollow标签，不利于SEO，Typecho文章内链接新窗口并添加nofollow标签如下。直接在主题里集成文章链接新窗口跳转，在function.php的添加 function parseContent($obj){ $options [...]
Typecho不管是首页文章列表或者分类文章列表的显示数目都是统一在后台——设置——阅读中设置，但是往往会由于各种原因需要针对不同的分类文章列表显示不同的文章数量，比如不同分类模板的排版原因，这时候就需要自定义各分类列表页面的文章数量了，通过下面的函数代码即可实现。方法打开 控制台 - 外观 - 编辑当前外观 - functions.php在fun[...]
给Typecho博客添加JavaScript代码实现复制带版权信息的功能，当访客有意复制文章内容，会在剪切板上增加知乎体一般的版权信息代码如下 <script> document.body.addEventListener('copy', function (e) { if (window.getSelection().[...]
前言由于各种原因，我们可能会更改网址空间和域名，网上找了几个免费的主机经过我的多次实验终于成功了。备份源站数据先说数据库：很多主机商都有线上备份功能，如果没有，那就进数据库管理中心如“PHPMy管理”，选中我们要备份的数据库，然后导出。再说网站文件：在线文件管理或者用FTP工具，将整站文件下载下来。重要的一点：由于TYpecho新版已经支持后台备份[...]
很多时候，我们在网站中需要加入联系QQ的功能，我下面就来说下在web页面中调用QQ聊天是如何实现的。其中腾讯将代码分为：移动端 mqqwpa://im/chat?chat_type=wpa&uin=输入QQ号&version=1&src_type=web&web_src=oicqzone.com PC端 ten[...]
