新特性

2025-03-04

前端

大约 588 个字

在这里记录我手搓本博客主题的一些感受，哈哈。

排序时间从近到远。

feat: 文章页侧边新增目录

2025-03-06

feat: 提前加载评论数据

2025-03-04

之前我的想法是在滚动到评论区域时才去加载评论模块的 js/css 和数据，最近发现这样的感觉有点慢，总是要等一会才能看见评论，于是转念以前还是决定提前加载它们。

trigger-element 放到了第二个副标题后面，也就是说当读者滑动到第二个 h2 时，我就认为他有可能会一直阅读到最底部去看评论。

更新完感觉确实体验提升了一些。

feat: 文章字数统计

2025-03-03

<%
  const content = post.content || "";
  const text = content
    .replace(/<figure[^>]*>.*?<\/figure>/gs, "")
    .replace(/<noscript[^>]*>.*?<\/noscript>/gs, "")
    .replace(/<style[^>]*>.*?<\/style>/gs, "")
    .replace(/<script[^>]*>.*?<\/script>/gs, "")
    .replace(/<\/?[^>]+(>|$)/g, "")
  
  const currentLanguage = page?.language || config?.language;
  const words = (currentLanguage === 'en'? text?.split(' ')?.length : text?.trim()?.length) || 0;
  const photos = content.match(/class="gallery-item/gi, '')?.length || 0;
%>

feat: 复制代码

代码块不能复制着实是非常地不方便，整一个。

一开始想着用伪元素，但是写完样式发现点击事件不会作用于伪元素，除了定位没有其他办法判断点击了复制。

只好用 hexo 的钩子在构建的时候给代码块追加一个 <div class="copy-btn"></div>

feat: 手搓主题 1.0

2025-01-18

换上了手搓主题 1.0。为什么想自己写一个主题呢，主要是我想要我的博客《小而美》。之前的主题 Icarus 也很符合我的审美，但是它对我来说有点重。过多的插件，有些无从下手去精简，干脆自己搓一个。

手搓主题	Icarus

#JavaScript #CSS