博客细节个性化调整

随着年龄的增长,视力也在逐渐退化,想当年博客正文 12px,后来14px,还是觉得小,再后来调整到16px,稍微好一些,但是在移动端还是有些看不清,最终调整到1.1rem大小,看着才舒服一点点。

修改网页字体

默认字体在不同的终端显示效果不一样,有些网站使用了鸿蒙等使用阅读的字体,但是需要加载字体文件,放在博客内部加载有些慢,违反了建立博客的初衷。

好在有强大的网络,发现小米网站的字体,思源宋体和MiSans引用文件没有防盗链,直接可以引用。

MiSans的引用:

<link rel="stylesheet" href="https://font.sec.miui.com/font/css?family=MiSans:400,700:MiSans" /> 

思源宋体的引用:

<link rel="stylesheet" href="https://font.sec.miui.com/font/css?family=Source_Han_Serif:400,600:Source_Han_Serif" />

其中的400,700是字重,大家可以根据自己的需要调整,可以修改成500,600等,如我只引用了400,加载速度快一点,效果见本博客,标题用思源宋体,正文用MiSans,比自带的看着好一些,尤其是移动端,感谢小米公司的大气!

typecho 评论@功能优化

很多主题都自带了这个功能,网上也很多方法,就不再赘述,typecho有一个不爽的地方,就是在评论内容加<p></p>标签,如果加上@功能,会出现换行的现象,强迫症肯定受不了,怎样才能去掉这个标签,用replace方法,来自typecho开源掘金主题,将如下代码加入到function.php文件:感谢原作者木灵鱼儿。

//去除评论内容P标签
function remove_comment_p($content)
{
    $content = preg_replace("/^<p>(.*)<\/p>$/", '$1', $content);
    return $content;
}

然后在comments.php文件里面显示评论内容的部分修改如成<?php echo remove_comment_p($comments->content); ?>

大功告成,效果见本博客评论区。

评论区:

abc
abc 广东省
2024-10-09 22:45

字体我选大的

Windows 10 · Google Chrome 134 回复
小F
小F 东京都
2024-10-01 13:57

我当年还用过10px的字体大小,想想对浏览者真的太不友好了!

Windows 10 · Google Chrome 134 回复
Mr.He
Mr.He
2024-10-01 16:34

你的博客我经常看,最近流行follow顺便订阅了你feed

Windows 10 · Google Chrome 134 回复
小F
小F 日本
2024-10-06 06:24

以前也流行过一阵子订阅,后来发现经常刷不出来就不用了……

Windows 10 · Google Chrome 134 回复
丨旦
丨旦 贵州省
2024-09-26 01:00

提个建议,可以设置第一评论要审核,后续不用审核,这样就可以避免每条评论都审核,节约时间。

Windows 10 · Google Chrome 134 回复
Mr.He
Mr.He
2024-09-26 01:05

是的,我目前就是这样设置的。

Windows 10 · Google Chrome 134 回复
寻鹤
寻鹤 广西
2024-09-23 23:03

我的字体也是外部引用,很快。

Windows 10 · Google Chrome 134 回复
Mr.He
Mr.He
2024-09-23 23:20

大站的cdn外链还是很可靠的。

Windows 10 · Google Chrome 134 回复
粽叶加米
粽叶加米 广东省
2024-09-20 06:16

主要还是屏幕分辨率的提高12px的字体变得较难阅读。

Windows 10 · Google Chrome 134 回复
演员
演员 贵州省
2024-09-16 20:21

小米一直都好用

Windows 10 · Google Chrome 134 回复
Mr.He
Mr.He
2024-09-16 23:15

是的,小米良心,这么多网站引用他的文件,要很多的带宽。

Windows 10 · Google Chrome 134 回复
Dabenshi
Dabenshi 北京
2024-09-16 04:45

原来是鱼儿的邻居,试试霞鹜文楷

Windows 10 · Google Chrome 134 回复
Mr.He
Mr.He
2024-09-16 23:16

也试过,感觉字体太纤细了。

Windows 10 · Google Chrome 134 回复
w4j1e
w4j1e 重庆
2024-09-15 13:28

我以前很喜欢汉仪唐美人那个字体,但是太大了,影响加载速度(有些博主好像用了异步),但是流量也遭不住,后来就换默认字体了。

Windows 10 · Google Chrome 134 回复
Mr.He
Mr.He
2024-09-16 00:18

是的,个人博客一般都是小水管,遭不住大文件的加载。

Windows 10 · Google Chrome 134 回复
yuanj
yuanj 四川省
2024-09-15 01:41

一直以来都用默认字体,改改大小就行了,尊重访客浏览器的选择…

Windows 10 · Google Chrome 134 回复
Mr.He
Mr.He
2024-09-15 03:03

博客个性化,各有爱好吧,我不喜欢主页加载很多图片 :)

Windows 10 · Google Chrome 134 回复
S̆̈
S̆̈ 江苏省
2024-09-14 22:55

折腾得不错哈哈。
MiSans确实不错,虽然我觉得还有改进空间。

Windows 10 · Google Chrome 134 回复
Mr.He
Mr.He
2024-09-14 22:59

这也许就是个人博客存在的意义吧,千人千面,不似微信公众号。

Windows 10 · Google Chrome 134 回复