
今天在微信读书上啃《JavaScript语言精髓与编程实践》，这是一本极其深入详细讲解JavaScript基础理论的神书。它不同于我们平时在互联网上看到的那些教程，不愧是资深程序员大佬爱民老师的巨作。

凡事都有其运作的原理，在科技发达的今天，人们享受着科技带来的便利，若不是专业人员或学着，很少有人愿意去花时间研究事物运作的规律和本质。就好比我们每天都在浏览他人的博客，但是很少有人去研究在地址栏输入域名就会打开你的博客这一过程是如何实现的？markdown文档是如何接到网页中的？博客中的评论数据库的结构是怎样的？博客程序的原理是什么？主题是如何制作的？当然，我会开车就行，为什么要学习怎么造车？

JavaScript是一门入门简单但是又充满深度的语言，我们在互联网看到的一切可以说都是离不开JavaScript的，甚至我们使用的软件APP都我有可能是使用JavaScript框架编写出来的。不光是学习编程、编写代码和设计程序，任何一个行业如果想在领域里做出一些成绩，不深挖行业的细节是不行的。

哎呀，啃理论类的书籍啃的头大，我决定看完这本换换口味，专业书籍和其他类书籍串换着，不然会掉头发的。这本书暂定《硅谷钢铁侠》，看看马斯克是如何从一个普通人做到参与世界主线任务的。


今天在微信读书上啃《JavaScript语言精髓与编程实践》，这是一本极其深入详细讲解JavaScript基础理论的神书。它不同于我们平时在互联网上看到的那些教程，不愧是资深程序员大佬爱民老师的巨作。

阅读随感


昨天晚上在X上看到很多程序员大佬都在推荐一个全新的AI IDE：`trae.ai`。根据X上大佬们的评价对这款新的智能IDE还是充满推荐的。


## trae.ai

官方网址 ： [trae.ai](https://www.trae.ai/).

> Trae is an adaptive AI IDE that transforms how you work, collaborating with you to run faster.

看来AI IDE领域又加入了一个新的竞争对手，我去官网看了一下，本来冲着字节的APP想下载测试一下，结果发现，Windows下的版本还没有开放，需要排队预约，小小的失望了一下。但是还是默默的留下了邮箱等待后补成功。

trae应该和市面上的一些AI IDE的功能相似，能感知上下文和智能代码提示，不过由于是字节出品，应该在国内的使用比较方便，这个应该还是可以期待的。

有没有大佬已经在Mac上使用了？说下感受如何？

昨天晚上在X上看到很多程序员大佬都在推荐一个全新的AI IDE：trae.ai 根据X上大佬们的评价对这款新的智能IDE还是充满推荐的。

trae.ai 字节出品的AI IDE


之前一直在使用`giscus`作为blog的评论系统，个人评价`giscus`接入方便、使用简便，依托全世界最大的代码平台Github，其在评论系统商的功能可以说是非常的丰富和完善的，而且稳定可靠，不用操心。之前的blog只有一个主题，所以`giscus`也选择了对应的主题，后来blog增加明暗主题的切换，但是`giscus`主题却没有跟随系统的样式进行切换，当用户切换了blog的主题是，`giscus`的主题却没有切换，如果是明暗主题切换就会有很明显的对比，所以就有了下边的内容就是如何解决`giscus`的样式跟随主题切换。

## 分析

如果你事直接复制的代码

    data-theme="preferred_color_scheme"

这里就是giscus主题的设置属性，只需要data-theme的值跟随blog主题属性值一起变化就好。

## 编写代码

    // 定义一个状态变量 giscusTheme，用于存储 Giscus 的主题
    const [giscusTheme, setGiscusTheme] = useState('');

    // 在组件挂载后执行副作用函数
    useEffect(() => {
        // 在客户端获取主题并设置 Giscus 的 theme 属性
        const savedTheme = localStorage.getItem('theme');
        // 如果主题为 dark，则设置 Giscus 的 theme 属性为 dark_dimmed
        // 如果主题为 light，则设置 Giscus 的 theme 属性为 light_high_contrast
        // 否则，设置 Giscus 的 theme 属性为 savedTheme
        setGiscusTheme(savedTheme === 'dark' ? 'dark_dimmed' : savedTheme === 'light' ? 'light_high_contrast' : savedTheme);
    }, []);

这样，以后用户切换blog样式的同时，也会改变giscus主题，已达到自动切换giscus主题样式的目的。
我使用的next.js框架，所以使用useEffect副作用函数，你可以根据上边的思路，修改代码到自己的blog系统中。




之前一直在使用`giscus`作为blog的评论系统，个人评价`giscus`接入方便、使用简便，依托全世界最大的代码平台Github，其在评论系统商的功能可以说是非常的丰富和完善的，而且稳定可靠，不用操心。之前的blog只有一个主题，所以`giscus`也选择了对应的主题，后来blog增加明暗主题...

让giscus的主题跟随blog的主题一起变化



差不多每年，我都会忍不住重新折腾一次博客主题。不是因为功能不够用，而是看久了，总觉得哪里不对劲——颜色太刺眼？排版太拥挤？字体不够舒服？于是又冒出一股冲动：要不，做个新主题吧？

但每次动手前，我都会问自己一个问题：**这个主题，到底是做给谁看的？**

一开始写博客时，访问量几乎为零。那时候的主题，纯粹是做给自己看的。只要打开页面，心里觉得“舒服”“好看”“有感觉”，就有动力继续写下去。可以说，**最初的满足感，是支撑博客活下去的关键燃料。**

后来慢慢有了读者，有人留言、有人订阅，甚至有人专门来讨论某篇文章。这时候，设计就不能只顾自己喜好了。得开始考虑：别人点进来会不会觉得乱？文章好不好读？导航清不清楚？加载快不快？
于是，**主题设计就变成了“自我表达”和“用户体验”之间的平衡。**

再往后，如果博客真的积累了一定影响力，用户的体验权重会越来越重。这时候，个人风格只能藏在细节里——比如按钮的圆角、暗色模式的配色、页脚的一句小字。大方向必须优先保证清晰、易读、流畅。
毕竟，再酷炫的设计，如果让人看两眼就想关掉，那也只是自嗨。

而且，**博客类型也决定了主题的基调。**
如果你写的是文学、哲学，却套了个赛博朋克风的程序员模板，读者可能会觉得割裂；反过来，一个技术博主用了小说阅读器式的衬线字体，贴代码时就会显得特别别扭——等宽字体才是程序员的刚需。
摄影博主则更关注图片展示：如何让图更大、更清晰、更好分类？
生活记录类可能更在意排版的呼吸感和情绪氛围。
主题，**应该服务于内容，而不是反过来。**

前几天，我又花时间重构了一次主题。这次的目标很明确：

* 优先保证阅读体验（字体、行距、留白）
* 支持暗色/浅色模式切换
* 优化加载速度（减少依赖、压缩资源）
* 兼顾 SEO（结构语义化、元信息完整）


最后，才在边边角角加入一点自己的“小个性”
借助 AI，我把代码结构梳理得更干净，删掉了很多冗余依赖。页面轻了，加载快了，搜索引擎也更容易抓取。说到底，**细节见真章**——好的博客不是一蹴而就的，而是在一次次微调中慢慢接近理想状态。

当然，像我这样从零手写博客的人，其实很少。大多数人用 WordPress、Hexo、Hugo，甚至直接发公众号。我自己也曾用过 WordPress，结果被黑了好几次，修漏洞修到心力交瘁，最后彻底放弃，转而自己搭静态博客。先是用简单的生成器，后来换成 Next.js——既能享受 React 的便利，又能完美部署到 Vercel，对技术博客来说足够了。

亲手打造博客的好处是：**每一处都能按自己的想法来。**
坏处是：你得花大量时间维护、调试、优化。
不过话说回来，一旦核心功能稳定了，后续基本就是“主题微调”+“内容更新”。每年改一点，反而成了一种仪式感。

有人说：“到底什么样的博客主题才算完美？”
我觉得，没有标准答案。审美因人而异，有人喜欢极简，有人偏爱复古。与其纠结“最好”，不如多看看别人的实践。我个人建议多参考国外独立博客——不是崇洋媚外，而是他们的排版、留白、字体搭配，常常有种“克制的美感”，让人一眼就觉得舒服。

最后想说：
如果你也在坚持写独立博客，哪怕只有几个读者，也请继续写下去。
在这个算法推送、流量至上的时代，**能为自己保留一块安静写字的地方，本身就是一种抵抗。**

加油，共勉！
愿我们的博客，越写越清晰，越改越自在。


差不多每年，我都会忍不住重新折腾一次博客主题。不是因为功能不够用，而是看久了，总觉得哪里不对劲——颜色太刺眼？排版太拥挤？字体不够舒服？于是又冒出一股冲动：要不，做个新主题吧？

trae.ai 字节出品的AI IDE

trae.ai

相关文章

那年今日