当前位置: 首页 > 生活记录 > 正文

博客细节个性化调整

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

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

您可能还会对这些文章感兴趣!

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

Gravatar

? razz sad evil ! smile oops grin eek shock ??? cool lol mad twisted roll wink idea arrow neutral cry mrgreen

《博客细节个性化调整》有 24 条评论

  1. abc
    12楼
    abc:

    字体我选大的

    2024-10-09 14:45 来自广东省 回复
  2. 小F
    11楼
    小F1

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

    2024-10-01 05:57 来自日本东京都 回复
    • Mr.He
      Mr.He

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

      2024-10-01 08:34 来自中国 回复
      • 小F
        小F1

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

        2024-10-05 22:24 来自日本 回复