Typecho 博客文章/页面内添加时间轴记录

看到很多Wordress的博主都有时间轴模块来记录自己的建站大事记,很漂亮。其实typecho也可以添加代码来实现。 像这个效果,这里的我是把css代码写在了style.css,比如像handsome主题,可以在后台添加自定义css。 ...

2019 年 12 月 08 日 · 2 分钟 · 849 字 · JunYan

typecho搬家,图片链接批量替换字符

最近更换了新的主机和新的域名。以前的数据也有少少备份不能恢复到全部,这里写一下搬家后进行的一些操作把图片都改过来! 原理 MySQL数据库批量替换字符。 ...

2019 年 11 月 02 日 · 1 分钟 · 182 字 · JunYan

typecho/wordress 实现点击加载更多文章

首先找到 index.php, 然后把主题默认的分页导航的容器换成下面的容器。 1<!-- typecho用这个 --> 2<?php $this->pageLink('点击查看更多','next'); ?> 3 4<!-- wordpress用这个 --> 5<?php next_posts_link(__('点击查看更多')); ?> 然后找到你主题的 footer.php,把下面的 js 代码丢 前面或者添加到JS文件或者新建一个Js文件 ...

2019 年 11 月 02 日 · 2 分钟 · 661 字 · JunYan

typecho主题模板制作常用代码汇总

typecho是一款不错的轻量化博客系统,圈子里也拥有众多爱好者。博客除了后台的发布功能之外,最重要的算得上是博客的外观了,别人的制作的主题可能有时候不怎么符合自身需求或者使用习惯。这时候就有必要了解一下主题小修改或者进行一下个性化的改造。以满足自身需求。 ...

2019 年 09 月 18 日 · 5 分钟 · 2197 字 · JunYan

Typecho利用HTML5代码实现本地视频播放

HTML5 Video标签的使用 钧言自用Video标签含有src、poster、preload、controls、width、height等几个属性, 以及一个内部使用的标签。 ...

2019 年 09 月 11 日 · 3 分钟 · 1184 字 · JunYan

Typecho添加页面加载耗时时间显示

第一步 编辑functions.php 添加函数 1function runTime(){ 2 3$timer = explode(' ', microtime()); 4 5return $timer[0] + $timer[1]; 6 7} 第二步 编辑header.php在<!DOCTYPE html>上面添加函数<?php define('START_TIME',runTime()); ?><!--开始计算--> ...

2019 年 08 月 29 日 · 1 分钟 · 380 字 · JunYan

利用JS给图片添加fancybox灯箱效果

之前我都是用 Typecho文章图片添加灯箱效果 这个教程。发现渐渐不能满足我DIY的需要。 FancyBox是一款优秀的弹出框Jquery插件 允许我们用鼠标和键盘上的四个方向键切换图片 可以根据当前窗口大小自动调整弹出框的大小,当我们改变浏览器窗口大小时,将会看到弹出框自动缩放 支持缩略图列表、放大、全屏等功能 弹出框支持显示多种类型的内容:图片、html、视频… 支持触控、缩放手势操作图片 实现FancyBox效果 先引入相关的文件 建议放在 fooder.php 底部 </baby> 之前添加 ...

2019 年 08 月 27 日 · 1 分钟 · 495 字 · JunYan

实现网站页面秒开-预加载JS脚本instant.page

instant.page 原理的话我们不必深层了解,只需知道: 在用户点击网站链接之前,他们将鼠标悬停在该链接上。当用户徘徊65毫秒时,他们将点击该链接有两个机会,因此 instant.page 此时开始预加载,平均超过 300 毫秒,以便页面预加载。 ...

2019 年 08 月 23 日 · 2 分钟 · 531 字 · JunYan