Letting GPT-6 Improve My Blog: A Hands-On Test, and a Little About See the Forest
Letting GPT-6 Improve My Blog: A Hands-On Test, and a Little About See the Forest
让 GPT-6 改进我的博客:一次实战测试,以及关于“见林”的二三事
I recently got access to GPT-6 and put it to work on two rounds of improvements to my already-live See the Forest blog. The blog had been through several rounds of design, development, and iteration. It had its own product direction and visual style. I wanted to see: What could it still find worth improving in a fairly mature project, and could it do so while preserving what made that project distinctive?
最近我获得了 GPT-6 的使用权限,并让它对已经上线的“见林”(See the Forest)博客进行了两轮改进。这个博客此前已经历过多轮设计、开发和迭代,拥有明确的产品方向和视觉风格。我想看看:在一个相当成熟的项目中,它还能发现哪些值得改进的地方?它能否在保留项目独特性的同时完成这些优化?
(The homepage before the improvements, with 558 public nodes and 846 relationships at the time. The star map itself was already an existing feature.) After two rounds, more search results fit on the first screen, mobile articles had an expandable table of contents, and the stars and connections looked sharper. But not every experiment was worth keeping, and not every check passed. Here’s what changed, and what happened along the way.
(改进前的首页,当时包含 558 个公开节点和 846 条关系。星图本身已经是既有功能。)经过两轮优化,首屏能显示更多的搜索结果,移动端文章增加了可折叠的目录,星图和连接看起来也更清晰了。但并非所有的实验都值得保留,也不是所有的检查都能通过。以下是具体的变化以及过程中的点滴。
Of course, I also have a slightly self-interested reason for writing this: to ride a little of the interest in GPT-6 and introduce See the Forest, or 见林, the project I’ve been building. Someone has to get the word out about my own project. It might as well be me.
当然,我写这篇文章也有点私心:借着 GPT-6 的热度,顺便介绍一下我一直在构建的项目——“见林”(See the Forest)。总得有人为我的项目做宣传,那个人为什么不能是我呢?
Why I Built See the Forest
为什么我构建了“见林”
I covered the origins of See the Forest in my previous launch article. The short version is this: Knowledge is fundamentally a network, with its parts connected to one another, much like neurons in the brain. Ideas can corroborate one another, but they can also qualify or contradict one another. Knowledge from different fields may share patterns at some level. But surface similarities don’t necessarily mean they are fundamentally the same.
我在之前的发布文章中已经介绍过“见林”的起源。简单来说:知识本质上是一个网络,各个部分相互连接,就像大脑中的神经元一样。观点之间可以相互印证,也可以相互限定或矛盾。不同领域的知识在某种程度上可能共享模式,但表面的相似并不一定意味着本质相同。
The network formed by these connections is itself part of our knowledge. Connecting what we know into a coherent understanding helps us put that knowledge to better use. That’s why I want to connect the notes I’ve accumulated and keep maintaining them with the help of an agent, letting knowledge “ferment” through these exchanges and produce new “sparks.” Which insights are worth keeping is still for me to decide.
由这些连接构成的网络本身就是我们知识的一部分。将已知的内容连接成连贯的理解,有助于我们更好地利用这些知识。这就是为什么我想连接我积累的笔记,并在智能体的帮助下持续维护它们,让知识通过这些交流“发酵”,产生新的“火花”。至于哪些见解值得保留,决定权依然在我。
As this knowledge network began to take shape, another thought occurred to me: This network should be something we can see. Being able to see the overall structure and relationships first, then step into a particular piece of content, would be really cool. That’s how this blog came about.
随着这个知识网络初具雏形,我产生了一个想法:这个网络应该是可视化的。先看到整体结构和关系,然后再深入到具体的内容中,这会非常酷。这就是这个博客诞生的原因。
This network is a field of stars made of knowledge. Each node is a topic or an article. The stars connect to one another, and those connections appear stronger or weaker according to the strength of the relationships. You can drag them with your mouse, or click a node to open its topic or article. The knowledge network isn’t decoration. It’s the main way into the blog. And humans are no longer the internet’s only readers: the blog also allows agents to read the same content and the same knowledge network. The name See the Forest comes from the idea of seeing both the trees and the forest.
这个网络是一片由知识构成的星海。每个节点都是一个主题或一篇文章。星星之间相互连接,连接的强弱根据关系紧密程度呈现。你可以用鼠标拖动它们,或者点击节点打开对应的主题或文章。这个知识网络不是装饰,它是进入博客的主要方式。而且,人类不再是互联网唯一的读者:该博客也允许智能体读取相同的内容和知识网络。“见林”这个名字源于“既见树木,又见森林”的理念。
Round One: Start with Reading and Search
第一轮:从阅读和搜索开始
In the first round, it kept the star map’s visual style and focused its changes on reading and search. Take the search page first. The original “Search” heading was large, with plenty of empty space around it, and higher-ranked results used larger text too. Some snippets simply repeated their titles. The page looked imposing, but when you actually wanted to find something, that meant fewer results on the first screen and less room to compare them. (Before: searching for “软件,” meaning “software.”)
在第一轮中,它保留了星图的视觉风格,将改进重点放在了阅读和搜索上。先看搜索页面。原来的“搜索”标题很大,周围留有大量空白,排名较高的结果字体也更大。有些摘要只是简单地重复了标题。页面看起来很有气势,但当你真正想找东西时,这意味着首屏显示的结果更少,对比的空间也更小。(改进前:搜索“软件”。)
It gave the result titles a consistent font size, reduced the space occupied by the heading area, and omitted snippets that exactly repeated their titles. The search ranking stayed the same, and the original content wasn’t rewritten. (The same search for “软件,” in the same 1440 × 900 window. A second row of results is now visible on the first screen.)
它将结果标题统一为一致的字号,减少了标题区域占用的空间,并删除了与标题完全重复的摘要。搜索排名保持不变,原始内容也没有被重写。(同样的搜索“软件”,在同样的 1440 × 900 窗口中。现在首屏可以看到第二行结果了。)
Next, articles on a phone. If you were halfway through a note and wanted to find a particular section, you had to scroll back and forth: the table of contents was visible on desktop but completely hidden on mobile. It also found that when a note began directly with a level-two heading, its first section was omitted from the table of contents. (The same article in the same 390 × 900 window. Before on the left, after on the right. The right image shows the new table of contents expanded; it is collapsed by default.)
接下来是手机端的文章。如果你读到笔记的一半想找某个特定章节,你必须来回滚动:目录在桌面端可见,但在移动端完全隐藏。它还发现,当笔记直接以二级标题开头时,第一部分会被排除在目录之外。(同样的文章在同样的 390 × 900 窗口中。左侧为改进前,右侧为改进后。右图显示了展开后的新目录;默认情况下它是折叠的。)
There is now an expandable table of contents on mobile, with links that jump to each section. The missing first section was fixed at the same time. The table of contents works even with JavaScript disabled. It also added a retry button when search fails, links to topics when there are no results, and fixed a fade-in delay that was still present with reduced motion enabled. These aren’t particularly conspicuous changes, but they’re useful. The star map may draw people in, but once they open an article, reading it should be comfortable too.
现在移动端有了可折叠的目录,并带有跳转到各章节的链接。缺失的第一部分问题也同时得到了修复。即使在禁用 JavaScript 的情况下,目录也能正常工作。它还增加了搜索失败时的重试按钮、无结果时的相关主题链接,并修复了在开启“减少动态效果”模式下依然存在的淡入延迟问题。这些变化并不显眼,但非常实用。星图或许能吸引人们进来,但一旦他们打开文章,阅读体验也必须舒适。
Round Two: Further Visual Refinements to the Star Map
第二轮:星图的进一步视觉优化
After the first round, I asked it to make some further refinements to the star map’s visuals. One experiment made the image cleaner but also made the topic nodes harder to recognize, so it wasn’t kept. The changes we kept focused on sharper stars and fine lines, and a clearer visual hierarchy of relationships when a node was selected. First, the default view. (The same network, window, and display conditions. Before above, after below. Open the full-size images to compare the edges of the stars and the fine lines.)
第一轮结束后,我让它对星图的视觉效果进行了进一步优化。其中一个实验虽然让画面更简洁,但也导致主题节点更难辨认,因此没有保留。我们保留的改动集中在更锐利的星星和细线,以及选中节点时更清晰的关系视觉层级。首先是默认视图。(同样的网络、窗口和显示条件。上图为改进前,下图为改进后。打开全尺寸图片对比星星的边缘和细线。)
The smaller stars and some of the fine lines used to look a little blurry. After the changes, the edges are sharper and the fine lines are easier to make out. The colors are still the same, and the nodes haven’t been rearranged, but the image does look more refined. Now look at what happens when a node is selected. (The same node, “游戏图形与运行时”—“Game Graphics and Runtime”—selected from the same viewpoint. Before above, after below.) The gold connections used to look fairly similar in thickness. Now the main paths stand out more, while the others are lighter, making the hierarchy clearer.
较小的星星和一些细线过去看起来有点模糊。改进后,边缘更锐利,细线也更容易辨认。颜色保持不变,节点位置也没有重新排列,但画面确实看起来更精致了。现在看看选中节点时的情况。(同样的节点“游戏图形与运行时”,从同样的视角选中。上图为改进前,下图为改进后。)过去金色的连接线粗细看起来差不多。现在,主要路径更加突出,而其他路径则变淡了,使得层级关系更加清晰。