博主头像
Q的小站

思想无界,文字有声

关于

本站


  • 博客框架:Typecho
  • 博客主题:PuerSuck
  • 分享经验,记录经历 毕竟博客是给自己看的
  • 一只网安大学牲
  • 我的主页
  • 网站优化

    使用字体分片+cdn提高加载速度

    用霞鹜文楷搭配puresuck主题,原字体体积接近20mb,在线加载速度很慢,这里使用字体切片方法,在页面引入result.css统一管理切片后的字体,大大提升加载速度

    具体步骤转载自文章这一次遇见你

    1. https://github.com/lxgw/LxgwWenKai下载字体
    2. 上传到https://chinese-font.netlify.app/zh-cn/online-split/进行分包
    3. 将分包完的文件夹上传到对象存储平台(我这里使用七牛云kodo)
    4. 打开PureSuck_Style.css,约1500行的位置改成如下内容,"LXGW WenKai"部分请按下载的字体版本更改,也可以在result.css查看:

      body,
      .post--cover .post-body .post-wrapper>p:first-child,
      .comment-title,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
       font-family: "LXGW WenKai", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
       font-weight: 400;
       color: var(--text-color);
      }
    5. header.php中找到:

       <!-- Style CSS -->
       <link rel="stylesheet" href="<?= $this->options->themeUrl('css/PureSuck_Style.css'); ?>">
    6. 在上述代码前加入:

       <!-- 导入字体 -->
       <link rel="stylesheet preconnect" href="https://你的cdn域名/目录/result.css" type="text/css" media="all" onload="this.media='all'">
    7. 将字体缓存在本地

    在nginx配置文件中加上如下代码:

        location ~ .*\.(eot|otf|ttf|woff|woff2|svg)$
        {
            add_header Access-Control-Allow-Origin *;
            add_header Cache-Control  max-age=315360000;
        }

    使用CDN+对象存储

    如果使用vercel部署typecho,网页目录只读,需要用到外部,注意要在管理平台上添加被许可的源站域名,否则回源请求会被拦截

    推荐一个Typecho S3存储兼容插件S3Upload

    修改后台登陆地址

    typecho支持修改后台登陆地址,减少被扫描的几率

    1. 重命名原admin文件夹
    2. 打开config.inc.php文件,找到行:

      define('__TYPECHO_ADMIN_DIR__', '/admin/');
    3. /admin/改成/你的后台地址/

    访问后台增加基础身份认证

    防止被爆破后台的同时可以减少被扫描的概率,宝塔面板可以一键增加该功能

    配置robots.txt文件

    小工具

    CyberChef
    Markdown教程
    正则表达式
    画板
    Tiny
    Uninstall

    已有 4 条评论
    1. 评论头像

      你这个网站是怎么搭的

      zzl April 13th, 2025 at 03:44 pm 回复
      1. 评论头像

        用typecho博客框架

        Q 博主 April 14th, 2025 at 11:56 am 回复
    2. 评论头像

      -你知道为什么蹲久了会变成瓦学弟吗
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -因为脚麻麻

      瓦学弟 June 18th, 2025 at 08:37 am 回复
      1. 评论头像

        这又是杨戈夏还是路管戈o( ̄▽ ̄)ブ

        Q 博主 June 18th, 2025 at 08:42 am 回复
    发表新评论