博客细节个性化调整

随着年龄的增长,视力也在逐渐退化,想当年博客正文 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); ?>

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

评论栏

已有 24 条评论
abc匿名用户
abc

字体我选大的

小F匿名用户
小F

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

丨旦匿名用户
丨旦

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

寻鹤匿名用户
寻鹤

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

粽叶加米匿名用户
粽叶加米

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

演员匿名用户
演员

小米一直都好用

Dabenshi匿名用户
Dabenshi

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

w4j1e匿名用户
w4j1e

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

yuanj匿名用户
yuanj

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

S̆̈匿名用户
S̆̈

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

三十海河匿名用户
三十海河

还是typecho速度快啊,WordPress怎么优化 也感觉比typecho慢半拍

风清匿名用户
风清

是的,同 16 px