不通过插件给 Typecho 博客添加图片灯箱功能(fancybox js 实现)

我有这个需求之后便搜了一下,看到已经有插件实现了 Swipebox 图片灯箱插件 其开源在 https://github.com/wuxiaocong/Swipebox/ 但是看了一下评论和 issues,担心会有一些奇奇怪怪的 bug,或者和其他已有插件冲突,便放弃了这个插件。 然后有了新的思路,FancyBox。我们可以直接使用 FancyBox 来完成我们的需求,FancyBox 是一款优秀的弹出框 Jquery 插件 允许我们用鼠标和键盘上的四个方向键切换图片 可以根据当前窗口大小自... 阅读全文

给 Typecho 文章设置 meta data 让链接预览时具有标题、简介以及缩略图

前言 在用 Slack、Mattermost、钉钉、飞书、Telegram 的时候,聊天中发出 Typecho 博客文章的链接之后,我看到并没有漂亮的链接预览信息。事实上我发现国内很多网站都没有做这个优化,这点上显然国外的网站支持得更好。 还有一点,微信的编辑区是完全不支持 link preview 的,想要这个功能?张xiǎo🐲:想得美 正文 meta 标签的信息是描述 HTML 文档的元数据。这些元数据不会显示在客户端,但是会被浏览器解析,meta 标签内的元素通常用于指定网页的描述,关键... 阅读全文

url 中 # (井号, hash)的作用

url 中 # 的作用 # (hash) 代表网页文档中的一个位置,#右边的字符就是该位置的标识符。 # 是用来指导浏览器的动作的,对服务端是无感的。浏览器先请求 url 得到 response 之后再定位到 # 的位置。 为网页位置指定标识符,一般有两种方法 使用锚点 <a name="xxx">position that xxx points</a> 使用 id 属性 <div id="xxx">position that xxx points&l... 阅读全文

Typecho 根据文章阅读数降序排序输出“热门文章”列表

要想实现标题中的功能,sql 语句可以这样写 select views, cid, from_unixtime(created, '%Y-%m-%d %H:%m:%s') as created_time, title, commentsNum from typecho_contents where type='post' and status='publish' order by views desc; 现在通过在 typecho 博客上实现,并在 归档页面 展示。下面展示我的方法。 funct... 阅读全文