/ 生活记录 / 38浏览

博客细节个性化调整

文章目录

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

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

更新于
guest
24 评论
Inline Feedbacks
View all comments
风清
6 月 之前

是的,同 16 px

三十海河
6 月 之前

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

yuanj
6 月 之前
Reply to  三十海河

很想订阅你的博客,但是我用actions一直爬取不了你的RSS…不知道为什么

S̆̈
6 月 之前

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

yuanj
6 月 之前

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

w4j1e
6 月 之前

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

Dabenshi
6 月 之前

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

演员
6 月 之前

小米一直都好用

粽叶加米
6 月 之前

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

寻鹤
6 月 之前

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

丨旦
6 月 之前

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

小F
小F
6 月 之前

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

小F
小F
5 月 之前
Reply to  Mr.He

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

abc
abc
5 月 之前

字体我选大的