我是一只历经沧桑的老狮

直接放在头部文件里

<video autoplay="" loop="" muted="">
        <source src="https://imgs-qn.51miz.com/preview/video/00/00/14/47/V-144780-2457F042.mp4">
    </video>
<style>
video {
    position: fixed;
    right: 0px;
    bottom: 0px;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    z-index: -11;
}
</style>

联想搜索,也称为“预测性搜索”,它会根据用户的输入,提供一系列与输入相关的搜索建议。这些搜索建议通常是基于过去的搜索行为、热门搜索和相关关键词等信息生成的。

联想搜索可以帮助用户更快地找到所需的信息,同时也可以帮助用户发现新的信息资源。想要非常简单,一共三个步骤就可以轻松实现。

在搜索框的 CLASS 的里加入 `mac_wd'。
如:

<input class="search-input mac_wd"  type="text" name="wd" autocomplete="off" placeholder=" 请输入内容 ">

引用 / 插入 JS 文件

此处内容已隐藏,回复后 (需要填写邮箱) 可见

美化下拉框

.mac_results {}
.mac_results ul {}
.mac_results li {}
.mac_results .mac_loading {}
.mac_results .ac_odd {}
.mac_results .ac_over {}

搞定

I’M BACK!

关闭博客 2 年,我又回来了。
当初在阿里云花了 500 大洋买了一个服务器搭建了博客,还顺带弄了个备案,加入了 十年之约 博客群,期待了与各位博客大佬相约十年。没成想才坚持了不到 2 年就因为无能力续那昂贵的服务器费用导致被迫关闭博客。

今年过年的时候突然收到一封来自十年之约的邮件,说我的博客链接失效,让我更换目前的博客地址,这才让我想起早已尘封的博客。于是乎我便又燃起了重新建博客的火种。

好在我之前在关闭博客的时候有提前备份数据,所以重新搭建相对比较轻松。但当我恢复数据打开一篇篇博文的时候发现当初只备份了数据库,却没有备份博客的文件。以至于原本保存在服务器上的图片、文件、视频、音乐等所有的数据全部失效。看着后台一共 320 多篇文章我顿时头皮发麻,瞬间又打起了退堂鼓不了了之。可是当我翻看一篇篇曾经写下的故事,和一个个博友的评论又让我斗志盎然,于是我花了整整 4 个小时把所有文章里失效的数据全部清除和修改。最终成了现在这样!

继续加油

我要继续坚持下去,朝着十年之约勉励前行!加油吧!

他是农村的孩子,在城里重点中学读高三。每到周六都要到姐姐家吃晚饭,是为了节省一点饭费。
姐姐家是砖平房,单位公房一排十几家,门前一颗柳树。夏季里每天吃完晚饭姐姐的朋友就会陆续来到这颗柳树下说话聊天。他也会坐在一边听她们说笑。不知从哪一天起,每个人都开始织起了永远织不完的毛衣。他给起了一个她们都喜欢的名字 --“针织厂”。
一个周六,他突然看见了她,一个和自己身高年龄都相仿的姑娘。那是姐姐家东面的一个馒头店,离“针织厂”不足十五米,她倚在开着的门旁,看着这里。一条长长的马尾辫,一身很普通的衣裤,看上去给他的感觉是一个朴素、文静又叫人喜欢的女孩。以后的每次来,他都会看见她。只要那个“针织厂”上班,只要他在,她一定会在那扇门旁,偶尔看着他笑一下。不知怎地,他喜欢上了她,那种喜欢是强烈的,是割舍不掉的。虽然他们没有说过一句话。
一天,他又来到姐姐家,姐姐说饭不足了,叫他去买几个馒头。他高兴的不得了,心想,总算有机会接近她了。
进了店,这是一个外间,没有人。他问“有人吗?” “有。” 随着声音她从里间走了出来,看见了他先是一愣,而后是害羞的笑。
“你来买馒头?”她问。
他点了一下头:“嗯。”
这时他才真的看清了她,白皙的脸带着甜甜的笑,黑亮的眼睛像清澈而又深不见底的湖水。匀称的体形散发出少女特有的清香。
她没有马上给他捡馒头,“读高中吗?”她问:
“高三了。”他有些不自然,她到像个老熟人。
“你可真幸福,我可是只读完初中。”
“为什么不念下去?”他问。
“家里困难。”停一下她说:“我家是农村的,干两年活了,今年姨姨家开了这个馒头店我来帮一下。其实,我的学习是很好的,如果念书的话,说不定和你一个班呢。”说完咯咯的笑了,那是得体的大方的笑,一脸的灿烂。在他看来那笑真的很甜,是给他的。
她又问:“准备考什么学校?”
“师类吧,能少花一点钱。”
“看来家也不宽裕。”她想起了什么说:“看我,忘记给你捡馒头了。”说完自己笑了。
“没关系,不急的。”他想,这样说下去我会一直等的。
她笑着问:“要几个?”
“四个吧。”
“五个吧,正好四角钱,行吗?”
“好吧”他给了她钱。
她捡好了馒头递给他,去接馒头时她们的手碰到了一起,她没有马上抽回手,就那么停了好一会。他知道,她是有意的,真希望时间再长些。那一刻,他的脸红了,感到了从未有过的幸福。不是幻觉,不是虚无,是实在的一个人,和一个他非常喜欢的人的手碰在一起。此时,在这间屋子里,他尽情享受梦一样的美,心已荡起了阵阵涟漪,是关于自己的,也许是关于两个人的。
她看着他的眼睛笑着说:“欢迎你常来。”
他移开了她的目光笑着向她点了一下头:“会的。”
这顿饭没人知道他在想什么,不喜欢馒头的他破天荒的吃了四个。姐姐的一家都很吃惊,他却觉得那是她给他的,不应该别人吃。
考试的时间越来越近了,他没有时间来姐姐家了。那段时间他真的很想她,晚上休息的大部分时间她的身影都在眼前出现。在他看来,班里那么多女同学竟没有一个比得上她的。也许这就是一见钟情吧。
终于考完了试,他急忙跑到姐姐家,那是因为她。这一次,他可以告诉她,他考得很理想,这段时间可以天天看到她。他想着自己认为大胆的事--买一束鲜花送给她,在路灯下聊天,在马路上散步,在小河边嬉戏。他盼着吃晚饭,盼着那个“针织厂”上班,盼着她的出现。更猜测他们久不见的惊喜。
不知姐姐有意还是无意,吃晚饭时他听到了有关她的事。他再也见不到她了,因为几天前她回老家了,母亲有病离不开她。说不清那顿晚饭他是怎么吃完的,脑子里总是她。夜,静极了,而他怎么也睡不着。生活就是这样无情,一个人不能去实现他有生以来最想往的事。躺在姐姐家的床上,突然感到从来没有过的孤独。那一夜是怎么过来的至今说不清。第二天,他也回家了。
多少年过去了,他不知道她心里是否有过他,是否现在还会想起他,可他偶尔还会想起她。

以前写博客,不太注意排版细节,而且那个时候也还没有 Markdown。 最近无意中点开几篇老文章看起来比较混乱。 所以决定统一调整一下格式,其中有一项就是把中英文之间自动加上空格。 本文主要讲怎么把中英文之间怎么自动加上空格。

直接在 footer.php 中放入以下代码:

<script src="https://cdnjs.cloudflare.com/ajax/libs/pangu/4.0.7/pangu.min.js"></script>
<script>pangu.spacingElementById('main');</script>

其中 main 可以替换为:

pangu.spacingElementById('main');
pangu.spacingElementByClassName('comment');
pangu.spacingElementByTagName('p');

或者其他相对应的 CLASS 名或者 ID 名。

首先本主题是在原主题 joe4.7.6 的基础上进行了魔改,增加了一些新的功能。原 Joe4.7.6 作者已经不再进行维护更新,最新版本为 Joe6.0.1(据我所知,具体请移步原主题:https://ae.js.cn/)。

最新修复

  • 关于远程共享文件失效的解决办法:将所有的 cdn.jsdelivr.net 改成 fastly.jsdelivr.net
  • 去掉了搜索结果页面的后缀,具体在 component/search.title.php 文件中删除
  • 修复手机浏览页面右侧多出空白,具体在 assets/css/joe.min.css 文件中找到 body {} 在里加入 overflow-x: hidden; 代码即可

新增与改动

  • 新增了互动读者侧栏功能
  • 新增了作者单独页面
  • 新增了简繁互换功能,按钮出现在页面右下角
  • 新增了阅读模式,在文章内容页右下角出现阅读模式按钮
  • 新增了在线人数统计和博主最后在线时间,功能出现在页脚部分
  • 新增了网站运行时间
  • 新增了大红灯笼,输入内容出现,不输入内容则隐藏
  • 新增了移动底部菜单栏,可控制是否开启关闭
  • 新增了复制内容弹窗提示,可控制是否开启关闭
  • 新增了可控制是否开启画板评论功能
  • 修改了语音朗读功能,该功能尚有 BUG,只支持 900 字以下阅读,且英文代码都朗读,后期继续完善
  • 修改了背景透明度,使背景图片不那么刺眼
  • 新增了黑夜模式
  • 修改了头像为旋转跳跃呼吸变色特效
  • 新增了统计文章字数
  • 新增了评论等级
  • 新增了文章最后修改时间提醒功能
  • 新增了文章内容页首行缩进效果
  • 新增了注册时输入密码功能
主题文件有 2 款字体文件,如果想更改字体的话可以在 joe.min.css 文件中找到
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    font-family: nexzhu
}

body {padding-bottom: env(safe-area-inset-bottom);    
    font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
    font-family: nexzhu!important;        
}

修改其中两处 nexzhu, 改为light 即可更换字体

下载与安装

点此查看 提取码:bxsm

  • 下载文件并解压到 usr/themes 文件下面,主题文件名为 Typecho-Joe-Theme
  • 在博客后台更换外观启动 Joe 魔改版
  • 在设置外观中自行设置
  • 友链、动态、归档、壁纸、视频、留言均在 创建新的独立页面 ,然后点击自定义模板中选择对应的模板
  • 电台、足迹、首页需要自行修改其中的内容
  • 设置里的最新公告提示 请求失败 是个不痛不痒的提示,后续会完善

后续修改更新

  • 修改了原来的文章微缩图
    打开 core/core.php 文件,找到 /* 随机图片 */。将$random = 后面部分替换成

    $widget->widget('Widget_Options')->themeUrl .'/assets/img/random/'. rand(1, 25) .'.webp';

    原本缩微图是指向公共的图片为叮当猫,改后直接指向主题文件 /assets/img/random/ 内的图片,主题内的缩微图可自行修改。

  • 修复没有设置背景图片的情况下黑暗模式背景不暗黑
    打开 config/background.php 文件,找到两处 background: #f5f5f5; 改成 background: var(--background); 即可!
  • sitemap 插件
    点此查看 密码 xgxk

本来是想留着自己用不准备分享出来的,但是群里有几个人很想要,于是便分享出来。效果还不错,自适应效果。其实这个引导页完全可以拿来制作成博客主题,等哪天有空再弄下吧。

源码下载

此处内容已隐藏,回复后 (需要填写邮箱) 可见

温馨提示

  • 背景图片请自行修改
  • 网站链接请自行修改
  • 栏目内容、链接、图片请自行修改
  • 底部的备案信息请自行修改

该功能适合那些壁纸博客站,非常实用的一个小功能,显示文章内图片的数量,实现起来也非常的简单,有 2 种方法。

方法一

在主题 function.php 里添加代码如下(joe 主题放在 core/core.php 里):

function imgNum($content){$output = preg_match_all('#<img(.*?) src="([^"]*/)?(([^"/]*)\.[^"]*)"(.*?)>#', $content,$s);
$cnt = count($s[1] );
return $cnt;
}

调用方法:

<?php echo ''.imgNum($this->content).'' ; ?>
  • 适用于图片型主题. 仅计算文章内使用的 img 标签数量.
  • 应用环境为:文章列表

方法二

在主题 function.php 里添加代码如下(joe 主题放在 core/core.php 里):

function imgNum($content){$output = preg_match_all("/<img.<em>?src="(.</em>?)"<sup id="fnref-1"><a href="#fn-1" class="footnote-ref">1</a></sup>*>/i", $content,$matches);
$cnt = count($matches[1] );
return $cnt;
}

调用方法:

<?php echo ''.imgNum($this->content).'' ; ?>

ypecho 默认的超链接是在当前窗口打开的,可能是由于个人习惯问题吧,每次打开一个网页看完内容后就随手点击关闭,一不小心就把整个网站都关闭了,非常的别扭。能不能让 typecho 所有的超链接都是在新窗口打开呢?答案肯定是可以的。下面说下两种实现方法:

方法一:修改系统模板文件

\var\CommonMark\HtmlRenderer.php 的 104 行,是处理超级链接部分的代码,我们只要添加一行 $attrs['target'] = '_blank'; 即可, 如下:

case CommonMark_Element_InlineElement::TYPE_LINK:
            $attrs['href'] = $this->escape($inline->getAttribute('destination'), true);
            if ($title = $inline->getAttribute('title')) {$attrs['title'] = $this->escape($title, true);
            }
    $attrs['target'] = '_blank'; #添加这一行代码
            return $this->inTags('a', $attrs, $this->renderInlines($inline->getAttribute('label')));

这种方法不推荐。

方法二:修改主题模板文件

直接在主题文件下的 <head> 标签内添加 <base target="_blank"/>
joe 主题在/public/head.php 文件最上面添加 <base target="_blank"/>
推荐这种方法,简单粗暴!