背景

一开始在做个人博客的框架选型时，我考虑过 WordPress、Typecho 等 PHP 框架，它们都自带一个内容管理系统，非常便于管理。但因为不想在服务器上花太多成本，我仍然选择了 Hexo 这种静态博客生成器，因为有很多优秀的静态博客托管平台可以选择。从此开始了一段博客折腾之旅。

曾经我也向朋友推荐 Hexo，列举它的种种优点，现在我也开始觉得 Hexo 写作太繁琐了。

静态博客最主要的缺点，一是不支持评论，二是缺少一个后台。不支持评论，写好的内容，无法与读者交流，是一件挺痛苦的事情。为此我搜遍互联网，最终选择了自己开发 Twikoo 无服务器评论系统，评论这件难题算是解决了。

目录结构

1
2
3
4
5
6
7
8

- package.json
- packages
  - core
    - package.json
  - bridge
    - package.json
  - shared
    - package.json

需求

利用现有的查询和新增接口，如何在不改后端的情况下给页面增加导入和导出功能？

前端查询到数据，可以生成 xlsx 文件吗？

前端可以读取用户选择的 xlsx 文件，然后调用新增接口向后端写入数据吗？

可以！

本文作者: ych6666
原文链接: https://blog.csdn.net/ych6666/article/details/122958097

正则表达式作用:
描述了一个规则，通过这个规则可以匹配一类字符串。
完成字符串的查找、验证和替换

因为数据库导出还算方便，所以 Twikoo 没有提供内置的数据导出功能。想要导出数据的话，首先确认自己部署 Twikoo 所用的方式，然后参考下面的教程。

引言

上周，jsDelivr 备案许可被注销，导致本站大量静态资源加载失败，遂寻找更稳定的 CDN 替换，但是，替换 CDN 治标不治本。几天后，我在 GitHub 看到了 freecdn 这个项目，很好地解决了这个问题。

项目描述

freecdn 是一个纯前端的 CDN 解决方案，用于降低网站流量成本，同时提高网站稳定性、安全性，并且无需修改现有的业务逻辑。

互联网上有很多免费的公共库 CDN，例如 cdnjs、jsdelivr、unpkg，但哪个最稳定，始终没有明确的答案。

现在你无需纠结这个问题，随意选择即可。freecdn 可根据用户的网络状况，实时切换到合适的 CDN。

本文将会利用 freecdn 自动选择公共库的特性，加速 hexo icarus 站点。

老项目从 Webpack 4 升级到 Webpack 5，把静态资源 file-loader 换成了 Webpack 5 新增的 Asset Modules 特性：

1
2
3
4
5
6
7
8
9
10
11
12
13

  webpackChain
    .rule('font-rule')
      .test(/\.(ttf|eot|woff|woff2)$/)
-     .use('file-loader')
-       .loader('file-loader')
-       .options({
-         name: 'fonts/[contenthash].[ext]'
-       })
+     .type('asset/resource')
+        .generator({
+          filename: 'fonts/[contenthash][ext]'
+        })
        .end()

然而替换的过程没有那么顺利，编译打包虽然没有任何报错，但运行时字体文件报了 404。

贴 PPT，正文待补充。

Twikoo 文档页和本站的评论区，支持评论图片点击放大，你现在就可以就下拉到本文评论区试一试！

为什么 Twikoo 没有官方支持图片点击放大？

1. 会增加包体大小
2. 涉及 body DOM 节点操作，为了不影响在不同主题下的显示效果，需要杜绝这类操作
3. lightGallery 库是 GPLv3 协议的

我就想要实现图片点击放大功能！

首先需要你拥有修改博客主题的能力。

有时候博主希望多个页面共用一个评论区，我们可以自定义 path 做到这一点。

首先要确定自己所用的博客主题支持 Twikoo path 配置，否则需要自己修改主题源码添加 path 配置。

设置主题的 Twikoo path 配置为 window.TWIKOO_MAGIC_PATH||window.location.pathname

然后在所有需要共用评论区的页面正文中增加以下代码 <script>window.TWIKOO_MAGIC_PATH="评论区名称"</script>

把中间的“评论区名称”替换为你指定的名称，共用的页面请起 相同的 评论区名称，其他页面不做改动即可。

试试看！