技术 on 映屿

我如何使用我的电子设备

i@glowisle.me (五葉地錦) — Sat, 28 Mar 2026 13:30:05 +0800

机不在贵，能用就行。屏不在大，能亮则赢。斯是老垃圾，唯吾自由馨。键盘上磨损，A 面俩划痕。谈笑有邮件，往来无 QQ。可以调程序，阅文档。无社交媒体之乱耳，无微信之劳形。南阳诸葛庐，西洋 Stallman ThinkPad X200，孔子云：「何陋之有？」

设备

在 Uses 页面查看我的硬件和软件。

我在上个月购买了一台 ThinkPad X220（￥260），经过简单的配置后，已经投入日常使用。

我非常在意我的电脑上到底运行了什么程序，它们都在做什么，因此我不会选择在这台笔记本上安装 Windows 这种商业操作系统。我安装了 Arch Linux，以便于从最小化系统开始，按需配置，防止冗余占用性能。窗口管理器选择了我最熟悉的 i3-wm ，搭配 st 终端模拟器和 Emacs 终端模式，轻松胜任代码编辑、网页浏览（eww）、邮件管理（rmail）、撰写博客等工作。我在这台设备上使用最多的浏览器就是 Emacs 自带的 eww。它轻量、快速、纯文本、无 JavaScript。纯文本意味着它只能显示页面中的最核心内容，而不是花里胡哨的 CSS 修饰后的难以阅读、难以辨认的页面（当然，真正有干货的页面不会这样）。除非想看漫画和视频，否则 eww 无疑是最佳选择。而无 JavaScript 就意味着，网站提供者无法使用万恶的 JS 脚本追踪你的行为、收集你的数据和隐私，也不会有到处漂浮、插入、弹出、闪现的第三方广告，更不会有过多脚本带来的性能瓶颈，对十年前的老机器非常友好。在平时，我会用 eww 浏览一些文档。如果一定需要看图片的话，那还是打开 Firefox 吧。

在这台设备上，如果不算那些依赖程序的话，我用的最多的软件就是 i3-wm, st, fcitx5 , Emacs, Firefox。没有任何多余的程序干扰。如果你不是苦逼的 Java 程序员，离开 IDEA 就一行代码都写不出来，我建议你也购买一台破烂老旧的设备，因为老旧的设备无法运行大型游戏，甚至拿来看视频都不尽流畅。但它能拿来写代码、编辑文本，浏览网页，这就足够了。如果不需要读写中文内容，预览图片或 PDF，我甚至不会启动图形界面。

ThinkPad X220 是我最喜欢的型号，最后一代经典七行键盘，充满工业感的外观，低廉的价格，极高的性价比和可玩性。通过自己动手修改配置、改装硬件，把钱花在刀刃上，不跟随邪恶的厂商花大价钱购买最新硬件，经济且实用。ThinkPad 的模块化设计非常天然适配「垃圾佬」精神。

除了这台 ThinkPad X220 外，我还有一台台式机。在台式机中，我安装了 Debian GNU/Linux 和 Windows 11。

我大部分时间都在使用 Debian ，在需要处理学校的任务时会切换到 Windows 11。稳定对我来说是最重要的，我不希望把大部分时间都花在维护系统配置、修复错误上，因此在这台设备上，我选择 Debian。

这台电脑原本是我爸的，在我长期占借用后，已经完全属于我，我爸也因此有理由购买一台新的笔记本电脑，因为他想打游戏所以没有考虑 ThinkPad，好可惜！然而他花上千买了一台天选姬，只是拿来打魔兽世界……

软件

美化的尽头是默认。我完全不再考虑外观了。在这台设备上，我的优先级是：是否是自由软件？ > 性能 > 可自定义性的高低 > 外观。电脑固然有玩具属性，但工具属性更多，它是达成目的的途径，而不是目的本身。

我已经没有精力再去折腾各种软件的和桌面的美化，而且引入过多复杂的配置只会让系统越来越脆弱、维护成本越来越高。因此我安装了配置简单、稳定性高的 i3-wm，我有考虑过使用 dwm，但它毕竟是 wm，配置项比较多，等什么时候又有兴趣了，可能会尝试一下。

我按照台式机上的习惯，重写了一份配置文件。状态栏、系统托盘等，全部使用默认设置。而 Emacs 的配置也尽可能保持精简，为了好维护和在低性能设备上流畅使用，我裁剪了大部分很少使用的配置和包，让 Emacs 回归为一个纯净的文本编辑器~~兼邮件客户端兼网页浏览器兼计算器兼 RSS 阅读器~~。

实际上，我的配置还是非常简单的，由于我大部分时间都在 Emacs 中，稳定性是最重要的，我不能接受在写着写着代码的时候，某个地方突然报错，然后我就要花上好几个小时去排查到底是什么原因，这大大影响了效率和心情。

出于性能考虑，我只在终端中使用 Emacs。我不经常用 Org-mode ，也不经常浏览图片，所以终端模式是一个不错的选择。在终端中开启 emacsclient，可以把 Emacs 当成 vi 用，随用随退，非常方便。目前我遇到的唯一让我不适应的地方就是，在终端中打字的手感可没有 GUI 好。

我将简单、默认的理念在 st 中也贯彻到底，只打了两个 patch : clipboard & scrollbar。我感觉它的配置比 Xterm 简单多了，我用了有一段时间 Xterm ，它的优点是配置文件即插即用，但一旦出现一些问题，它古老又死板的字体、属性查找逻辑又会浪费掉我不少时间。它的好兄弟 urxvt 也是如此，它们是用同一个配置文件的！

我直接 pass 掉了 kitty 和 WezTerm 等终端模拟器，感觉它们在老设备上的性能并不出色，并且我实在喜欢不起来 WezTerm 的配置脚本语言 Lua。综合考量之下，我选择了 st。它极其精简，精简到你需要自己打 patch 来实现一些其他终端模拟器本来就有的，或者写一两行配置文件的代码就有的功能。不过，我可以接受，至少到目前为止的配置过程都还算愉快，我也非常欣赏 Suckless 的哲学：保持简单、最小化、可用。并且它们的软件都是纯 C 编写，这让我对他们的印象更好了。

如你所见，我没有在这台设备上安装微信和 QQ，因为它的 Linux 客户端做得实在是太烂了！尤其是 QQ，在我的台式机上都会经常卡住，我不得不手动在 htop 中关掉那个进程。除了这个原因外，我也很享受这种别人想找我找不到，只有我主动打开软件才能找到我的感觉。我非常讨厌在我专注做某件事的时候，一通电话，一条微信消息发过来，电脑上有该死的咚咚两声，手机也会振动、响铃，因此我一般都把手机设置成免打扰。事实也证明我并不是非常重要，消失几个小时，多达上百次，几乎没有酿成任何大祸，也能说明找我的人大部分并没有什么急事，所以我的这种做法还算恰当。

不过，如果真的有人有什么急事要找我，发邮件或许真的是最快能联系到我的方式。因为我的手机上没有安装 QQ ，平板和电脑也不能接打电话和短信。按照我的习惯，如果我没有需求主动用它，很有可能三四个小时都不会拿起来看一眼。但是邮件就不同了，我的每一台电子设备上都有邮件客户端。

一些好玩的事：有时候我会躺在床上，ssh 连接到台式机写博客文章，或者笔记本的小屏幕看得眼睛干脖子酸了，就用台式机 ssh 连接到笔记本继续写。再一次赞美 Emacs 终端模式！

2026年，一个普通Emacs用户如何把Gnus跑起来

i@glowisle.me (五葉地錦) — Tue, 10 Feb 2026 18:34:00 +0800

Emacs中有众多的邮件管理工具，目前比较流行的是mu4e，但如果你和我一样，不喜欢它的操作逻辑和界面，或者同样有怀旧情怀，一定会想玩玩Gnus。然而这个在Emacs中自带的包，居然在中文互联网上几乎没有任何讨论度，甚至能用中文搜索到的配置教程是写于2012年的博客园文章。几乎找不到近些年的帖子或文章。所以我写下这篇文章，为同样想折腾Gnus的，使用中文的Emacser指路。

本篇文章不是《Emacs完全上手指南/圣经/官方文档》，不能做到全面、无误，但可以保证是中文互联网上较新的资料，如有错误，欢迎邮件或在评论区指出。

Gnus是一个多功能的信息聚合器，邮件只是它的功能之一，本篇文章主要配置邮件功能。

Getting started

Gnus的配置文件默认在~/.gnus，Emacs会将它当作elisp文件读取，网上也有一些说法是~/.gnus.el其实只是加载顺序的不同，如果你此前有尝试，请备份并删除以前的文件。

touch ~/.gnus

gnus-select-method

Gnus的后端选择，对于imap协议，一般选择nnimap：

(setq gnus-select-method
      '(nnimap "NAME" ;这里是自己起的名字，用来区分不同的帐号
               (nnimap-address "") ; imap服务器
               (nnimap-inbox "INBOX") ; 大多数服务器都使用INBOX，除非你明确知道不同，否则不建议修改
               (nnimap-expunge t) ; 立即在服务器上同步删除的邮件（按需开启，开启后删除邮件无法恢复）
               (nnimap-server-port 993)
               (nnimap-stream ssl)  ; 使用 SSL
               (nnimap-authenticator login)  ;指定认证方式，如果服务器支持多种认证方式但自动协商失败，建议开启
               ))

在配好后，重启Emacs，输入M-x RET gnus RET，下方会闪过一些输出，根据提示填写用户名和密码后，询问是否要把用户名和密码填入~/.authinfo，建议选y。

C-x b切换到*Messages*buffer查看，会看到类似这样的输出，那就表明你的配置无误！

Opening connection to imap.qiye.aliyun.com via tls...
Opening connection to imap.qiye.aliyun.com...done
Saving file /home/yingyu5658/.newsrc-dribble...
Wrote /home/yingyu5658/.newsrc-dribble
Gnus auto-save file exists.  Do you want to read it? (y or n) n
Reading /home/yingyu5658/.newsrc...done
Subscribe newsgroup: 已删除邮件
Subscribe newsgroup: 草稿
Subscribe newsgroup: INBOX
Subscribe newsgroup: 已发送
Subscribe newsgroup: 垃圾邮件
Opening nnfolder server on archive...done
5 new newsgroups have arrived
Checking new news...
nnimap read 0k from imap.qiye.aliyun.com (initial sync of 5 groups; please wait)
Checking new news...done
No news is good news

这个news是历史遗留词汇，最后一行输出仅仅代表当前没有未读邮件。

你可以用另一个账号向这个邮箱发送一封测试邮件，重新打开Gnus，会有这样的输出：

1:*INBOX

我们回车点进去，就会打开那封邮件显示内容啦。

测试邮件效果

在Group Buffer中按下L，可以看到所有文件夹。

多帐号配置

多账号配置需要设置gnus-secondary-select-methods这个变量，这里和gnus-select-method一起说一下。后者是主服务器，前者是额外服务器列表，但几乎和主服务器同级，使用中可以当作平级。

多账号配置示例：

(setq gnus-select-method
      '(nnimap "glowsisle"
               (nnimap-address "imap.qiye.aliyun.com")
               (nnimap-inbox "INBOX")
               (nnimap-expunge t)
               (nnimap-server-port 993)
               (nnimap-stream ssl)  ; 使用 SSL
               (nnimap-authenticator login)  ; 必须指定认证方式
               ))

(setq gnus-secondary-select-methods
      '((nnimap "outlook"
		(nnimap-address "outlook.office365.com")
		(nnimap-server-port 993)
		(nnimap-stream ssl)))
		
	; 如果你有更多账户，另一个账户的配置同上。
	)

注意到了吗，secondary的配置和我们一开始配置的gnus-select-method一模一样，而且它可以容纳多个账户。

注意：Microsoft Outlook / Microsoft 365 默认禁用普通 IMAP 密码登录。Gnus 无法使用 OAuth2，因此必须在 Microsoft 帐号中启用双重验证并生成应用专用密码，否则会出现 NO LOGIN failed 错误。

发邮件

虽然对于一个Gnus教程来说有点跑题，但你应该会需要发件配置的。

在Emacs中发送邮件有三条路，分别是msmtp、smtpmail（Emacs内置）、sendmail。

最推荐的是msmtp，与Gnus、Emacs解耦，并且配置简单优雅。

安装

以Debian为例：

sudo apt update
sudo apt install msmtp

在配置文件中

(setq send-mail-function 'sendmail-send-it)
(setq message-send-mail-function 'sendmail-send-it)
(setq sendmail-program "/usr/bin/msmtp")

在~/.msmtprc：

account 账户名
host smtp.server.address
from your@account.com
auth login
port yourport
user your@account.com
password 不建议明文写密码，配置方式见下文
auth on
tls on
tls_starttls off
tls_certcheck  off 
tls_trust_file /etc/ssl/certs/ca-certificates.crt
account default : 默认账户，填写account的值

密码存储

需要创建一个包含密码的文本文件。

touch password && echo "yourpassword" > ./password

然后使用GPG加密，这样会生成一个password.gpg文件

gpg --symmetric --cipher-algo AES256 password

然后在~/.msmtprc中，把密码那行改成

passwordeval "gpg --quiet --batch --decrypt /path/to/password.gpg"

这样每次使用都要输入GPG密码，为了避免这种情况，可以在~/.gnupg/gpg.conf写入以下内容来缓存密码。

use-agent

这样就不用每次都输入密码了。记得删除明文存储密码的password文件:)

参考

剖析千行C语言文本编辑器Kilo的技术细节

i@glowisle.me (五葉地錦) — Sat, 06 Dec 2025 13:26:47 +0800

今天上午学习了一下Kilo的源代码。我很早以前就对文本编辑器的实现方法感兴趣了。

Kilo是一个很简易却不简陋的项目，清晰地展示了如何构建一个终端下的文本编辑器，它的目的不是真正让你学会去开发一个高标准高质量，能投入使用的文本编辑器，而是理解文本编辑器的核心骨架、理解一个看似庞大一团糟的问题的拆解思路。这是一个很好的起点。也过了一把爽玩C语言的瘾（虽然我并没有写几行代码）。

程序分析

整个项目只有一个文件，一千三百行代码。我用了大概一个半小时梳理了程序的执行流程，手画了一个流程图。为了美观，我又用Graphviz绘制了一个电子版：

程序流程图（大意）

这张图我省略了一些深的函数调用，但也能帮助我大体上掌握这个程序的执行流程。结合这张图与源码，我发现文本编辑器的核心功能——打开、编辑、保存，实现难度并不大，在C语言中容易踩坑的是缓冲区处理、文件读写这种老生常谈的内容。在这个程序中，调用最多、最重磅的部分是initEditor这个函数，以及后续的高亮处理，尤其是前者在窗口尺寸计算、修改后的做法上花费了大功夫。其实和终端环境的交互才是最麻烦的点，它提供的封装和抽象并不多，有很多需要自己手动调试的地方，繁琐是显著特征。

终端信号处理

我发现在终端程序里，需要快捷键的部分都是使用Raw mode和signal相关的函数组合实现的，在理解signal这个函数和它的有关宏的概念时，耗费了比较长的时间。

简单来说，signal用于处理用户在终端发出的信号，比如SIGINT代表由C-c产生的中断信号，SIGIGN代表忽略信号，即接受到这个信号以后什么都不做，关于如何接受信号，就要说起signal()这个函数。定义如下：

void (*signal(int sig, void (*func)(int)))(int);

看起来非常复杂，说人话就是接受两个参数，第一个参数是int类型的sig，是信号编号，比如SIGINT，这是要接收的信号。第二个参数是一个函数指针，接受一个返回void，参数是int类型的信号处理函数，使用第二个函数中的函数对接受到的信号做处理。函数返回原来的信号处理函数（函数指针）。

可以用typedef简化理解：

// 定义信号处理函数的类型
typedef void (*sighandler_t)(int);

// 用 typedef 重写 signal 声明
sighandler_t signal(int sig, sighandler_t func);

在Kilo中，C-c是被忽略的，因为它非常容易导致丢失修改，可以这样实现：

signal(SIGINT, SIGIGN);

不过，在Kilo的实现，是通过调用editorReadKey()，从Raw Mode 中读取一个按键存入数组，用switch匹配按键对应的值再返回给调用方，调用方也通过switch，匹配对应的操作函数。而在C-c的部分，则是直接break掉了。

...

case CTRL_C: /* Ctrl-c */
        /* We ignore ctrl-c, it can't be so simple to lose the changes
         * to the edited file. */
        break;

...

这种实现方法也有一定局限性，不同的终端模拟器可能发送不同的转义字符，硬编码转义字符会出现不适配的情况。并且使用read()阻塞读取输入有性能瓶颈。

精妙的数据结构与算法

这个程序最有趣的地方在于清晰、通用的数据结构的设计，以editorConfig为例：

struct editorConfig {
    int cx, cy;     /* Cursor x and y position in characters */
    int rowoff;     /* Offset of row displayed. */
    int coloff;     /* Offset of column displayed. */
    int screenrows; /* Number of rows that we can show */
    int screencols; /* Number of cols that we can show */
    int numrows;    /* Number of rows */
    int rawmode;    /* Is terminal raw mode enabled? */
    erow *row;      /* Rows */
    int dirty;      /* File modified but not saved. */
    char *filename; /* Currently open filename */
    char statusmsg[80];
    time_t statusmsg_time;
    struct editorSyntax *syntax; /* Current syntax highlight, or NULL. */
};

我们定义了一个editorConfig类型的变量，它全局唯一，维护了程序的基本状态，包括行、列、滚动偏移、终端尺寸。让程序状态的流转非常清楚。这些内容都是一个文本编辑器需要关心的最核心内容：光标位置、视图偏移、数据和文件的状态等信息。

通过这个结构体，能简单地获取程序当前的状态，或者为某项功能对状态作出修改，对一个新手来说还是挺拓宽思路的，至少我想不到怎么设计这些数据结构。

数据与显示的分离

在editorConfig中嵌套了一个erow类型的变量，里面的东西也可以展开说说，定义如下：

typedef struct erow {
    int idx;           /* Row index in the file, zero-based. */
    int size;          /* Size of the row, excluding the null term. */
    int rsize;         /* Size of the rendered row. */
    char *chars;       /* Row content. */
    char *render;      /* Row content "rendered" for screen (for TABs). */
    unsigned char *hl; /* Syntax highlight type for each character in render.*/
    int hl_oc;         /* Row had open comment at end in last syntax highlight
                          check. */
} erow;

这里面有一个render字段，在editorUpdateRow()中，有这样的代码：

unsigned int tabs = 0, nonprint = 0;
    int j, idx;

    /* Create a version of the row we can directly print on the screen,
     * respecting tabs, substituting non printable characters with '?'. */
    free(row->render);
    for (j = 0; j < row->size; j++)
        if (row->chars[j] == TAB)
            tabs++;

    unsigned long long allocsize =
        (unsigned long long)row->size + tabs * 8 + nonprint * 9 + 1;
    if (allocsize > UINT32_MAX) {
        printf("Some line of the edited file is too long for kilo\n");
        exit(1);
    }

循环的if中使用的 TAB 定义在KEY_ACTION枚举，值为9，在ASCII码中是\t也就是水平制表符。代码在统计tab的数量。

问题在于，一个\t在内存中占1字节，但在屏幕显示的时候会占据八个字符的宽度，这里就体现出render的作用了，如果一行有两个\t，每个最多展开为八个空格，那么所需要计算的大小就是2 * 8 + chars的大小：

(unsigned long long)row->size + tabs * 8 + nonprint * 9 + 1;

那个恒为0的变量nonprint可能是为将来打印不可见字符设计的。结尾的+1为'\0'预留。

按照这个公式，给render分配内存：

row->render = malloc(row->size + tabs * 8 + nonprint * 9 + 1);

随后，这些代码在非制表位填充空格：

idx = 0;
    for (j = 0; j < row->size; j++) {
        if (row->chars[j] == TAB) {
            row->render[idx++] = ' ';
            while ((idx + 1) % 8 != 0) // 在非制表位填充空格
                row->render[idx++] = ' ';
        } else { // 正常字符直接赋值
            row->render[idx++] = row->chars[j];
        }
    }

row->rsize = idx; // 在循环结束的时候，idx等于写入字符总数
row-render[idx] = '\0'; //在字符末尾添加结束符

虽然有点绕，但设计还是非常巧妙的！

代码高亮

源码中使用大量篇幅实现了代码高亮，定义了一些关键字：

char *C_HL_extensions[] = {".c", ".h", ".cpp", ".hpp", ".cc", NULL};
char *C_HL_keywords[] = {
    /* C Keywords */
    "auto", "break", "case", "continue", "default", "do", "else", "enum",
    "extern", "for", "goto", "if", "register", "return", "sizeof", "static",
    "struct", "switch", "typedef", "union", "volatile", "while", "NULL",

    /* C++ Keywords */
    "alignas", "alignof", "and", "and_eq", "asm", "bitand", "bitor", "class",
    "compl", "constexpr", "const_cast", "deltype", "delete", "dynamic_cast",
    "explicit", "export", "false", "friend", "inline", "mutable", "namespace",
    "new", "noexcept", "not", "not_eq", "nullptr", "operator", "or", "or_eq",
    "private", "protected", "public", "reinterpret_cast", "static_assert",
    "static_cast", "template", "this", "thread_local", "throw", "true", "try",
    "typeid", "typename", "virtual", "xor", "xor_eq",

    /* C types */
    "int|", "long|", "double|", "float|", "char|", "unsigned|", "signed|",
    "void|", "short|", "auto|", "const|", "bool|", NULL};

然后在具体实现editorUpdateSyntax()中，简单粗暴地遍历字符匹配这些关键字。在一般的教学例子中这样实现是可以的，我认为在具体的工程中应当用词法分析、语法分析和字典树去匹配。更易于维护和拓展，也能适配复杂的嵌套。

上述分析提到的缺点都可以作为优化方向，比如提供更简单操作接口，用词法分析技术或接入LSP服务器，为程序提供Lua接口来扩展插件……不过我相信在古老的纯C应用中，添加这些功能的繁琐程度和开发周期简直是灾难级别的。但是在处理快捷键上，使用termcap库的难度应该小于修改代码高亮部分的难度。

这个项目最值得学习的点是如何将抽象的功能和终端联系起来、如何设计合理的数据结构以及标准库的使用。是阐释「程序 = 数据结构 + 算法」的很好例子。不过我自己是想不到那些函数该什么时候用，没准还会手动实现标准库造好的轮子呢。

学习的过程很好玩，从主函数开始探索整个程序，一段一段地跳转调用，A调用B，B调用C，C调用D，理解了逻辑后再把它们画成图，对感兴趣的部分深入研究，有一种前人用他的智慧抚平我大脑褶皱的感觉……读懂它，几乎就等于一只脚趾踩上了理解Vim / Nano等项目的大门吧。

想自己重新实现一次，然后加入自己的优化，比如联动Lua / Zig甚至是Go来实现上层的功能，好玩好玩真好玩。

头皮好痒，要长脑子了！

在查资料的过程中又发现了 vis 和 micro（它甚至是用Go写的），又有新玩具了！

一次对Webmention的探索

i@glowisle.me (五葉地錦) — Fri, 05 Dec 2025 17:22:22 +0800

Webmention is a simple way to notify any URL when you link to it from your site.

It is an open web standard (W3C Recommendation) for conversations and interactions across the web, a powerful building block used for a growing distributed network of peer-to-peer comments, likes, reposts, and other responses across the web.

Webmention 是一种开放网络标准（W3C推荐标准），用于在链接到某个网址时，自动向该网址发送通知。它是构成分布式网络的基础组件，支持跨网站的点对点评论、点赞、转发等多种互动。

在上一篇文章写完后，我开始寻找更合适的评论方案。Webmention这个看起来古老，但又超前的形式很快引起了我的兴趣。「去中心化」这个词貌似对我有什么魔力，就比如Mastodon，比Twitter更吸引我。

我很想试试用Go手搓一套收发系统，但时间并不充裕，正巧webmention.io提供现成的服务和详细的文档，那就跟着文档配置吧。

验证与接收

教程提供了多种验证方案，这里使用最简便的Github. 只要在网站的首页挂上一个链接，指向用户档案页：

<a href="https://github.com/example" rel="me">github.com/example</a>

如果不想让它可见，也可以设置为一个`：

<link href="https://github.com/example" rel="me">

作为验证，你需要在Github主页中包含你的网站

这里我部署后回退了一下网页就弹出来Github APP 认证请求了，大概需要刷新网页或打开Github？

这样，访问之后页面中提供的链接，就可以看到别人发送的Webmention了。

渲染

在网页中添加link

<link rel="webmention" href="https://webmention.io/你的用户名/webmention" />

我使用webmention.js，根据说明文档，可以复制仓库中的/static/webmention.min.js到博客的/static/js/webmention.min.js.

在评论框下方提供一个容器<div id="webmentions"></div>，并引用脚本

<div id="webmentions"></div>
<script src="/js/webmention.min.js"
    data-id="webmentions" // 与容器id匹配
    data-page-url="https://yourdomain.com/当前文章永久链接" // 建议使用
    data-max-webmentions="50" // 最多显示数量
    data-wordcount="30" // 回复预览最大字数
    data-sort-by="published" // 按照发布时间排序
    data-sort-dir="up" // 时间升序
    async>
</script>

Hugo用户在永久链接上可以使用：

data-page-url="https://yourdomain.com{{ .RelPermalink  }}"

为了本地测试，使用相对链接的变量拼接。脚本会对API发送请求，如果拿到的数据是空的，则会把最终的HTML输出为一个空字符串，所以刚开始看不到输出是正常的。大概写点CSS就可以正常投入使用了。

对Webmention的看法

我认为Webmention是一种很像友情链接的互惠模式，优于在评论区下方留下链接的形式。续上上一篇文章的话题，这样不仅促成高质量的互动，也能丰富自己的写作素材，分量应该重于评论区链接的手段。就像上一篇文章的结尾所说，利人利己，何乐而不为呢？

虽然这种模式的普及程度不高，但我相信去中心化会称为互联网的新趋势。开放、互联才能称为「互联网」。

我通过一些Webmention，一条一条顺藤摸瓜也找到了很多有趣的博客。我准备有时间优化渲染格式，可能也会研究一点桥接的功能，不过还是要保持博客一贯的简洁风格。当然，要先有人回应才有数据拿来渲染，欢迎大家使用Webmention参与互动！

简单使用Graphviz绘制程序流程图

i@glowisle.me (五葉地錦) — Wed, 12 Nov 2025 11:13:24 +0800

Graphviz

Graphviz 是一个开源的图形可视化软件，主要用于绘制有向图和无向图。

用途：

数据结构可视化：Graphviz 常用于显示数据结构，如抽象语法树或其他编程语言、工具或服务中的数据结构。
软件设计和架构：通过Graphviz，开发者可以可视化系统组件、依赖关系和交互。
网络拓扑图：用于显示网络设备和其连接的物理或逻辑视图。
业务流程和工作流程图：描述组织或系统中的工作流程。
其他任何需要图形表示的场景，例如状态机、决策树、组织结构图等。

优势：

声明性语言：Graphviz 使用一种称为 DOT 的声明性图形描述语言。用户只需描述图形的元素（如节点和边）及其关系，而无需指定其在屏幕上的确切位置。这使得创建和修改图形变得非常简单。
自动布局：Graphviz 的一个显著特点是其强大的自动布局工具，这意味着你不需要手动指定节点的位置；Graphviz 将自动为你找到一个有意义和易于阅读的布局。
可扩展性：Graphviz 支持多种输出格式，如 PNG、SVG、PDF 等，这意味着你可以轻松地将其图形集成到其他文档、网页或应用程序中。
灵活性：虽然 DOT 语言相对简单，但它提供了丰富的特性和属性，允许用户定制图形的外观，如颜色、形状、大小、标签、箭头样式等。
跨平台：Graphviz 可在多种操作系统上运行，如 Windows、Linux 和 macOS。
活跃的社区和广泛的应用：由于其开源性质，Graphviz 拥有一个活跃的社区，不断有新的工具和库被开发，以支持更多的用例和集成。

使用

Graphviz 使用 DOT 语言来描述图形。在 DOT 中，图分为有向图和无向图，使用digraph和graph关键字。

安装：

sudo apt install dot

Digraph 有一个明确的起点和终点。
Graph 没有明确的起点和终点。

节点(Node)

节点表示图中的一个实体，每一个节点都有唯一标识符。

边

边连接两个节点。在有向图中显示为一个箭头，在无向图中显示为一条线段。

有向图：nodeA -> nodeB;
无向图：nodeA -- bodeB;

属性

color 元素颜色
label 附加到元素上的文本标签
shape 节点形状
style 元素样式

digraph G {
	A -> B;
	B -> C;
	C -> D;
	D -> A;
}

渲染为图片：

dot -Tpng ./test.dot -o ./test.png

示例

一个容易的用户登录验证逻辑

digraph UserLogin {
	登录 -> 验证用户名和密码;

	验证用户名和密码 -> 放行 [label="正确"];
	验证用户名和密码 -> 重试 [label="错误"];
	重试 -> 登录
}

参考

Emacs，我又回来了！

i@glowisle.me (五葉地錦) — Sat, 01 Nov 2025 12:01:12 +0800

前言

这大概已经是我第四次尝试入门 Emacs 了。

前几次尝试过自己重新配置 Emacs、Spacemacs。自己配置简直是在堆屎山， Spacemacs 的机制搞不明白而且很卡，听说Doom Emacs 对 Vi/Vim 用户很友好，那就尝试一下吧！

虽然我不能算是个老 Vimer，但是也深受 Vim 操作模式的荼毒，只想用 HJKL 走天下。之前也想玩 Obsidian 。但是它的 Vim mode 实在是太简陋了！！！ C-d不是向下翻页，而是把整行都删掉！

不过手机上的 Ob 还是可以一用，比如 Banyan 插件，用来随时随地写一些碎碎念很方便。至于其他的功能，还是配 Emacs 更好玩吧。

安装

根据官方仓库的文档，使用以下命令安装：

git clone --depth 1 https://github.com/doomemacs/doomemacs ~/.config/emacs
~/.config/emacs/bin/doom install

速度比我想象中的要快得多，而且是交互式操作，感觉比 Spacemacs 友好一点？~~这个脚本的输出有一股 Cargo 味……~~

安装结束后给了一点提示：

But before you doom yourself, here are some things you should know:

1. Don't forget to run 'doom sync' and restart Emacs after modifying init.el or
   packages.el in ~/.config/doom. This is never necessary for config.el.

2. If something goes wrong, run `doom doctor` to diagnose common issues with
   your environment, setup, and config.

3. Use 'doom upgrade' to update Doom. Doing it any other way will require
   additional steps (see 'doom help upgrade').

4. Access Doom's documentation from within Emacs via 'SPC h d h' or 'C-h d h'
   (or 'M-x doom/help').

Have fun!

其中提到了一个叫doom的命令，这是一个在~/.emacs.d/bin/下的二进制文件，可以做个链接到/usr/bin以便在任何地方使用。

sudo ln -s ~/.emacs.d/bin/doom /usr/bin/doom

配置

启动时全屏：

(add-hook 'window-setup-hook #'toggle-frame-maximized)

安装 Eaf 插件：

git clone --depth=1 -b master https://github.com/emacs-eaf/emacs-application-framework.git ~/.emacs.d/site-lisp/emacs-application-framework/

cd emacs-application-framework
chmod +x ./install-eaf.py
./install-eaf.py

用用看吧，后续有什么需求再折腾。

如何订阅新闻组

i@glowisle.me (五葉地錦) — Thu, 07 Aug 2025 11:52:23 +0800

新闻组简介

新闻组（Usenet）是互联网早期最重要、最具影响力的分布式讨论系统之一，可以把它理解为现代网络论坛（BBS）、社交媒体群组或Reddit版块的前身。它的核心特点是去中心化，提供一个平台，让用户可以在不同的主题分类（新闻组）中发表文章（类似于帖子）。

从编译原理到物理原理剖析程序的编译与执行

i@glowisle.me (五葉地錦) — Tue, 29 Jul 2025 15:55:14 +0800

编译过程

以C语言为例，编译成可执行文件一共要经历：预处理=>狭义编译=>汇编=>链接，最终成为可执行文件。

预处理

输入源代码文件以及其包含的头文件，由预处理器执行展开宏定义、处理，条件编译指令、将包含的头文件直接插入到指令位置，删除注释。

输出纯净的、宏已展开、注释已删除、头文件已包含的中间代码文件，通常为.i。

编写一个简单的程序：

#include <stdio.h>
#define STRING "Program"

int
main() {
  // 打印一些内容
  printf("Hello world!\n");
  printf("%s\n", STRING);
  return 0;
}

使用gcc的-E选项生成中间代码：

gcc exam.c -E -o ./exam.i

他生成了非常长的代码

可以验证预处理器是直接把头文件替换进来的。而代码中类似# 5 "exam.c"的标记用于记录源代码的位置信息，便于调试器和错误诊断程序追踪代码位置。

编译（狭义编译）

词法分析

输入预处理后的源代码文件，有编译器执行词法分析，将字符流分解成有意义的词素（Token），例如：

int sum = a + b;

分解成int, sum, =, a, +, b等Token。

语法分析

根据语言的语法规则，将Token序列组合成抽象语法树（Abstract Syntax Tree），简称AST，表达了代码的结构和层次关系。

语义分析

检查程序的语义是否正确，例如变量是否声明、类型是否匹配等。

中间代码生成

将AST转换成一种独立于CPU架构的中间表示形式（intermediate Representation），即IR。常见的IR有三地址码、LLVM IR、Java字节码等，为了优化和转移成多种目标机器码。

优化

对IR进行处理，目的是在不改变程序行为的前提下，提高代码效率。包括：

常量折叠：如计算3 + 5为8。
死代码消除：移除永远不会执行到的代码。
循环优化：如循环展开。
函数内联。
寄存器分配：决定哪些变量存储在高速的CPU寄存器中。

输出优化后的中间代码。

汇编

输入IR，或直接由编译器生成的汇编代码。由汇编器as执行。将汇编指令一对一地转换成特定CPU架构的机器操作指令。处理伪汇编指令，如定义数据段.data，定义代码段.text，分配存储空间space等。最后解析符号、如函数名、变量名等，生成符号表。

输出目标文件，如.o，.obj，包含机器指令、全局变量、静态变量的初始值等、符号表、重定位信息。

链接

输入一个或多个.o文件夹+库文件（静态.a/.lib，动态.so/.dll）。由链接器进行符号解析、重定位、库处理，最输出可执行文件或库文件。

CPU如何识别指令

CPU执行程序的循环称为Fetch-Decode-Execute Cycle（取指-译码-执行周期）。

取指

CPU内部有一个寄存器叫程序计数器（Program Counter, PC），它保存着下一条要执行的指令的内存地址，CPU将PC中的地址发送到地址总线，内存控制器根据地址总线上的地址，找到对应的内存单元，将其存储的指令通过数据总线送回CPU。取回来的指令被放入指令寄存器IR。PC的值自动增加，指向下一条指令的地址。

译码指令

CPU的控制单元读取IR中的指令，控制单元包含一指令译码器，译码器分析指令操作码部分，操作码唯一表示CPU应该执行什么操作，如ADD MOV JMP等。

根据操作码，译码器决定：

操作的性质（算术、逻辑、数据传输、跳转等）。
操作需要多少个操作数。
操作数存放位置（寄存器、内部地址指令本身中的立即数）

译码器激活执行该操作所需要的CPU内部电路通路和控制信号，结果决定了下一个阶段（执行）需要做什么。

执行指令

CPU的算术逻辑单元（Arithmetic Logic Unit, ALU）或去他功能单元（FPU MMU）根据译码器产生的控制信号执行实际操作。

操作数可能从寄存器文件中读取，或者从内存中加载，ALU执行加减与或移位等操作，如果指令是JMP/CALL/RET/分支指令等跳转指令，可能会修改PC的值，从而改变下一条指令的位置。计算结果可能写回寄存器，或者通过数据总线写会内存。

上述的操作循环以极高的速度（GHz级别）不断重复，构成了CPU运行程序基础。

编译后的指令在物理层面上是什么

答：内存中的电荷状态。

程序被操作系统加载到计算机的RAM中，RAM由无数的存储单元（通常是电容）组成，每一个单元可以存储一个bit的信息。

高电平电荷（通常代表1）或低电平电荷（通常代表0）的状态，就表示一个二进制位。

每条指令由多个bit组成。指令序列在RAM中是一系列连续存储单元的电荷状态。当CPU取指令时，PC寄存器的值，也就是一组触发器的电平状态被送到地址总线，也就是一组物理导线。

地址总线上的电平信号激活内存控制器和特定的存储单元。

被选中的内存单元的电荷状态被读出，转换为相应的电平信号，通过数据总线传回CPU。

这些电平信号进入CPU的指令寄存器IR，也是一组触发器的电平状态。

一组一组电平状态激活着CPU中的组件，从而执行指令。

在2025年，搭建新闻组

i@glowisle.me (五葉地錦) — Sat, 26 Jul 2025 12:05:39 +0800

介绍

新闻组(英文名Usenet或NewsGroup)，简单地说就是一个基于网络的计算机组合，这些计算机被称为新闻服务器，不同的用户通过一些软件可连接到新闻服务器上，阅读其他人的消息并可以参与讨论。新闻组是一个完全交互式的超级电子论坛，是任何一个网络用户都能进行相互交流的工具。现在已经没落，1990年前后是新闻组的鼎盛时期。很可惜，我晚了20年。

新闻组基于古老的NNTP协议，又名Usenet，类似一个巨大的论坛，用户可以在不同的组中发表内容，其他用户也可以回复内容，一切基于Email。

搭建

这可能是当今互联网上，你能找到的为数不多的最新的有关新闻组的文章。

我使用newsd这个服务端来搭建，至于为什么没有使用inn，有两个原因：教程过时、软件库中没有。

编译与初始化

git clone https://github.com/erco77/newsd.git
make

如果没有错误的话，输出是这样的：

yingyu5658@bongo ~/e/newsd (master)> make
g++ -Wall -DSPOOL_DIR=\"/var/spool/newsd\" -DCONFIG_FILE=\"/etc/newsd.conf\" -DSENDMAIL=\"/usr/sbin/sendmail\" -g -c newsd.C
g++ -Wall -DSPOOL_DIR=\"/var/spool/newsd\" -DCONFIG_FILE=\"/etc/newsd.conf\" -DSENDMAIL=\"/usr/sbin/sendmail\" -g -c Subs.C
g++ -Wall -DSPOOL_DIR=\"/var/spool/newsd\" -DCONFIG_FILE=\"/etc/newsd.conf\" -DSENDMAIL=\"/usr/sbin/sendmail\" -g -c Article.C
g++ -Wall -DSPOOL_DIR=\"/var/spool/newsd\" -DCONFIG_FILE=\"/etc/newsd.conf\" -DSENDMAIL=\"/usr/sbin/sendmail\" -g -c Configuration.C
g++ -Wall -DSPOOL_DIR=\"/var/spool/newsd\" -DCONFIG_FILE=\"/etc/newsd.conf\" -DSENDMAIL=\"/usr/sbin/sendmail\" -g -c Group.C
g++ -Wall -DSPOOL_DIR=\"/var/spool/newsd\" -DCONFIG_FILE=\"/etc/newsd.conf\" -DSENDMAIL=\"/usr/sbin/sendmail\" -g -c Server.C
g++ -Wall  newsd.o Subs.o Article.o Configuration.o Group.o Server.o -o newsd
pod2man --center "newsd Documentation" --section=8 newsd.pod      > newsd.8
pod2man --center "newsd Documentation" --section=8 newsd.conf.pod > newsd.conf.8
pod2html newsd.pod      > newsd.html
pod2html newsd.conf.pod > newsd.conf.html

前台调试模式：sudo ./newsd -d -f 后台守护进程：sudo ./newsd（日志输出至 ${LOG_DIR}/newsd.log）

创建`sendmail`文件

sudo touch /usr/sbin/sendmail
chmod a+x /usr/sbin/sendmail

创建新闻组

sudo ./newsd -newgroup

运行这条命令后，程序会依次要求输入：

组名
是否允许用户发件
字数限制（？）
描述
管理员的邮箱
将所有帖子的副本密送到的邮箱

创建好后，运行sudo ./newsd -d -f。

Sat Jul 26 12:28:48 2025 newsd[38895]: -- newsd started - V1.54--
Sat Jul 26 12:28:48 2025 newsd[38895]: -- start config summary --
Sat Jul 26 12:28:48 2025 newsd[38895]: ErrorLog stderr
Sat Jul 26 12:28:48 2025 newsd[38895]: HostnameLookups off
Sat Jul 26 12:28:48 2025 newsd[38895]: Listen 0.0.0.0:119
Sat Jul 26 12:28:48 2025 newsd[38895]: LogLevel debug
Sat Jul 26 12:28:48 2025 newsd[38895]: MaxClients 0
Sat Jul 26 12:28:48 2025 newsd[38895]: MaxLogSize 1048576
Sat Jul 26 12:28:48 2025 newsd[38895]: SendMail /usr/sbin/sendmail -t
Sat Jul 26 12:28:48 2025 newsd[38895]: ServerName bongo
Sat Jul 26 12:28:48 2025 newsd[38895]: SpamFilter 
Sat Jul 26 12:28:48 2025 newsd[38895]: SpoolDir /var/spool/newsd
Sat Jul 26 12:28:48 2025 newsd[38895]: Timeout 43200
Sat Jul 26 12:28:48 2025 newsd[38895]: User news
Sat Jul 26 12:28:48 2025 newsd[38895]: -- end config summary --

其中，我们需要注意的信息是监听地址，由于我这里是本地环境，是0.0.0.0。这时用客户端连接这个地址，订阅刚刚创建的组就可以使用了。

这个服务端自己搭着玩玩还是足够的，大规模还是要用其他的，不过现在大规模的新闻组肯定不多了。

附：关于新闻组的文档资料（hypermemo整理）

nntp 协议的参考资料： https://www.eyrie.org/~eagle/nntp/
inn 文档（英文）：https://www.eyrie.org/~eagle/software/inn/

对博客主题的一点想法

i@glowisle.me (五葉地錦) — Thu, 10 Jul 2025 21:12:51 +0800

简单回顾以下建站历程，博客的内容从“我是谁”转移到了"我想说什么"。从最早开始正式写博客的Gmeek，到后来使用Typecho，再到Hexo,Hugo，这几个不同的时期是我对主题看法的不同阶段。

Gmeek时期，没有概念，没看过几个人的博客，后来接触得多了，看了很多主题才意识到自己博客的主题有多简陋，换到Typecho，开始折腾主题，经历了一段不堪回首的时期。经典的一些元素：左下角挡字小人、底部音乐播放器、背景樱花飘落特效、点击特效，总之就是各种花里胡哨。文章，没有几篇，但是你可以在网页上找到任何你想找到的东西，除了文章。当时很喜欢Butterfly主题

后来换到了Hexo，也有Butterfly，继续用。发现点二十个网站，三十个都是Butterfly，很尴尬，后来经过几经波折，换到了Maupassant，输出了几篇自认为有点内容的文章，主要还是有感而发，我写东西不在乎谁看了，谁怎么看。我只是享受编辑和发送的过程。有人说心情不好，就把让你不开心的事写在纸上然后团成球扔进垃圾桶。这样还是太浪费了，毕竟是自己亲笔写下的文字，另说浪费纸张也不好。

在Hexo时期，我一直在寻找让读者弱化“我是谁”，专心聚焦与内容的主题。Maupassant就很好。后来转来Hugo，是看中了云风博客的那种千禧年的风格，不花哨，也不简陋。基于JiaoYuan的移植后简单修改了以下配色之类，就正式投入使用。

我认为，博客重在内容，想表达什么观点、想记录什么事件。毕竟Blog，Web Log，Log，日志，记录。除了记录，也可以是扩大自己声音的一个渠道，独立于平台，起码不会有跳墙的删掉你辛辛苦苦打出来的一大段字。

而把重心放到了“我是谁”的站点，应该算作“个人主页”，并非博客，用作于一些项目展示、网络名片也是很好的。

而ta说“我是谁”，和自己观察“ta是谁“，是两种截然不同的感受。前者能迅速建立起一个停留于表层但具体的印象，而后者多出一种视奸的快感。从字里行间里感受ta是什么人，虽然建立印象的周期长，但深入。值得。

所以很多人博客的关于页面，我就当看个乐呵就过去了，仔细看每一篇文章，从ta的文字、观点、立场、价值观和认知来建立起ta的形象。有些人宏伟庄严，有些人冷漠麻木，有些人用平实朴素的语言记录，有些人用各种恶心到家的语气词和括号里补充的动作描写，绞尽脑汁想怎么把自己表现得多可爱。想可爱，先从扮演人类开始吧。这么在意别人怎么看自己，我替你感到疲惫。

好吧，我承认我有点冒犯了，一些朋友看到标题是关于主题的点进来还躺枪，那对不起，我冒犯的就是你。

使用Javascript TSS和Highlights构建一个文本阅读器

i@glowisle.me (五葉地錦) — Fri, 04 Jul 2025 10:46:53 +0000

原文：https://jsdev.space/tts-sentence-reader/

翻译：Verdanti@glowisle.me

在这篇文章中，我们将构建一个简单的Web工具来探究Text-toSpeech(TTS)在JavaScript中是如何工作的。我们也将深入研究句子级高亮的工作逻辑。这两项功能经常结合在一起使用，以走到浏览器中打造无障碍的动态阅读体验。

步骤:

学习在浏览器中,TTS是如何工作的
探究动态高亮句子的实现方法
用HTML, CSS, JavaScript构建一个小工具(Demo & Code)

📢 浏览器中的TTS概述

JavaScript提供一个内置的API：SpeechSynthesis，它允许我们使用系统中的可用嗓音去大声朗读问文字。

核心对象:

speechSynthesis — 控制播放、暂停、恢复、停止
SpeechSynthesisUtterance — 作为TTS引擎的待播报文本

✨示例:

const msg = new SpeechSynthesisUtterance("Hello, world!");
window.speechSynthesis.speak(msg);

⚙️ 添加嗓音和配置

const utter = new SpeechSynthesisUtterance("This is a test");
const voices = window.speechSynthesis.getVoices();
utter.voice = voices.find(v => v.lang === 'en-US');
utter.rate = 1.2;
utter.pitch = 1;
window.speechSynthesis.speak(utter);

你也可以追踪朗读的开始和结束：

utter.onstart = () => console.log('Started speaking');
utter.onend = () => console.log('Finished speaking');

✍️ 句子高亮

展示给用户哪一个句子正在阅读，我们需要用CSS和JavaScript来高亮文本。

示例 HTML:

<p>
  <span class="sentence">First sentence.</span>
  <span class="sentence">Second sentence.</span>
</p>

处理高亮的CSS:

.sentence.active {
  background-color: yellow;
  font-weight: bold;
}

JavaScript高亮逻辑：

function highlight(index) {
  document.querySelectorAll('.sentence').forEach((el, i) => {
    el.classList.toggle('active', i === index);
  });
}

🚀项目: 使用TSS和高亮的阅读器

我们的程序将要：

逐句朗读文本
高亮朗读中的文本
提供播放、暂停、恢复、停止
让用户能选择嗓音

📄 HTML结构

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="Build an interactive sentence-level text-to-speech reader with highlight, playback controls, and local progress tracking using HTML and JavaScript." />
  <title>Interactive TTS Article Reader</title>
</head>
<body>
  <h1>Read Along TTS Demo</h1>
  <div class="toolbar">
    <button id="start">Play</button>
    <button id="pause" disabled>Pause</button>
    <button id="resume" disabled>Resume</button>
    <button id="stop" disabled>Stop</button>
    <button id="reset">Reset</button>
    <select id="voices"></select>
  </div>
  <div class="text-block" id="reader">
    <span class="line">Learning to code is a never-ending journey.</span>
    <span class="line">Technologies evolve rapidly, requiring constant adaptation.</span>
    <span class="line">JavaScript, HTML, and CSS are essential tools for web development.</span>
    <span class="line">Frameworks like React and Vue enhance front-end capabilities.</span>
    <span class="line">Back-end skills with Node.js extend JavaScript to the server.</span>
  </div>
  <div class="progress">
    <span id="progressText">0/0</span>
    <div class="bar"><div class="bar-fill" id="bar"></div></div>
  </div>
</body>
</html>

🎨 CSS 样式

body {
  font-family: sans-serif;
  margin: 0;
  padding: 2rem;
  background: #f0f4f8;
  color: #333;
}
h1 {
  text-align: center;
  margin-bottom: 2rem;
}
.toolbar {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2rem;
}
.toolbar button,
.toolbar select {
  padding: 0.6rem 1.2rem;
  border-radius: 4px;
  border: none;
  font-size: 1rem;
}
.toolbar button {
  background: #0077cc;
  color: white;
  cursor: pointer;
}
.toolbar button:disabled {
  background: #ccc;
  cursor: not-allowed;
}
.text-block {
  background: white;
  padding: 1.5rem;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.line {
  display: block;
  margin-bottom: 1rem;
  cursor: pointer;
  transition: background 0.3s;
}
.line:hover {
  background: #f9f9f9;
}
.line.active {
  background: #fff3cd;
  font-weight: bold;
}
.progress {
  text-align: center;
  margin-top: 1rem;
}
.bar {
  height: 8px;
  width: 100%;
  background: #eee;
  border-radius: 4px;
  overflow: hidden;
}
.bar-fill {
  height: 100%;
  width: 0;
  background: linear-gradient(to right, #0077cc, #005fa3);
  transition: width 0.3s;
}

💡 JavaScript逻辑

const lines = document.querySelectorAll('.line');
const playBtn = document.getElementById('start');
const pauseBtn = document.getElementById('pause');
const resumeBtn = document.getElementById('resume');
const stopBtn = document.getElementById('stop');
const resetBtn = document.getElementById('reset');
const voiceSelect = document.getElementById('voices');
const progressText = document.getElementById('progressText');
const progressBar = document.getElementById('bar');

const synth = window.speechSynthesis;
let voices = [];
let currentIndex = 0;
let currentUtterance = null;
let isPaused = false;

function populateVoices() {
  voices = synth.getVoices();
  voiceSelect.innerHTML = '';
  voices.forEach((voice, index) => {
    const opt = document.createElement('option');
    opt.value = index;
    opt.textContent = `${voice.name} (${voice.lang})`;
    voiceSelect.appendChild(opt);
  });
}

synth.onvoiceschanged = populateVoices;
populateVoices();

function updateUI() {
  progressText.textContent = `${currentIndex + 1}/${lines.length}`;
  progressBar.style.width = `${((currentIndex + 1) / lines.length) * 100}%`;
}

function highlightLine(index) {
  lines.forEach((line, i) => {
    line.classList.toggle('active', i === index);
  });
  lines[index]?.scrollIntoView({ behavior: 'smooth', block: 'center' });
}

function speakLine(index) {
  if (index >= lines.length) return;
  const text = lines[index].textContent;
  const utter = new SpeechSynthesisUtterance(text);
  const selected = voiceSelect.value;
  if (voices[selected]) utter.voice = voices[selected];
  utter.rate = 1;

  utter.onstart = () => {
    highlightLine(index);
    playBtn.disabled = true;
    pauseBtn.disabled = false;
    resumeBtn.disabled = true;
    stopBtn.disabled = false;
  };

  utter.onend = () => {
    if (!isPaused) {
      currentIndex++;
      if (currentIndex < lines.length) {
        speakLine(currentIndex);
      } else {
        resetControls();
      }
    }
  };

  currentUtterance = utter;
  synth.speak(utter);
  updateUI();
}

function resetControls() {
  playBtn.disabled = false;
  pauseBtn.disabled = true;
  resumeBtn.disabled = true;
  stopBtn.disabled = true;
}

playBtn.onclick = () => {
  currentIndex = 0;
  speakLine(currentIndex);
};
pauseBtn.onclick = () => {
  synth.pause();
  isPaused = true;
  pauseBtn.disabled = true;
  resumeBtn.disabled = false;
};
resumeBtn.onclick = () => {
  synth.resume();
  isPaused = false;
  pauseBtn.disabled = false;
  resumeBtn.disabled = true;
};
stopBtn.onclick = () => {
  synth.cancel();
  resetControls();
};
resetBtn.onclick = () => {
  synth.cancel();
  currentIndex = 0;
  highlightLine(currentIndex);
  updateUI();
};

lines.forEach((line, index) => {
  line.addEventListener('click', () => {
    synth.cancel();
    currentIndex = index;
    speakLine(currentIndex);
  });
});

updateUI();

✅ 它们如何工作

每一个句子都是<span class="sentence">
我们迭代句子并使用SpeechSynthesisUtterance大声朗读
在朗读过程中，高亮正确的文本并滚动
一个句子结束后，自动朗读下一个句子

🔚 尾声

阅读了本文，你理解了：

浏览器TTS的运行原理
如何实现动态高亮文本
如何从零构建一个功能齐全的阅读界面

你可以扩展项目功能：

在localStorage保存阅读进度
添加进度条
加载外部文章或用户输入

这可能是最好的Hexo图片管理方案

i@glowisle.me (五葉地錦) — Sun, 29 Jun 2025 10:52:05 +0000

前言

通常在Hexo博客中，我们管理图片资源都有以下两种方案：

在_post目录下新建文章同名文件夹
在source目录下新建images文件夹，存放所有图片

两种方法各有优劣，前者方便查找但污染目录，后者集中管理但维护成本高。所以就诞生出本文要介绍的方法——images目录下新建文章同名目录

这是一个折中的办法，既保留方法1的查找方便，又保留方法2的集中性。

实现方法

创建脚本文件

在Hexo根目录的scripts文件夹（若不存在则新建）下创建一个javascript脚本，我这里就命名为auto-image-folder.js

const fs = require("fs")
const path = require("path")

hexo.on("new", function(data) {
        const postName = path.basename(data.path, ".md")
        const imageDir = path.join(hexo.source_dir, "images", postName)

        if(!fs.existsSync(imageDir)){
                fs.mkdirSync(imageDir, {recusive: true})
        }
})

效果测试

hexo new "新文章"

这时候就在images目录下新建了一个与文章同名的文件夹。

编辑器设置优化

Typora

打开Typora → 偏好设置 → 图像

设置：

插入图片时：复制到指定路径
自定义路径：../source/images/${filename}/
勾选：优先使用相对路径

PS E:\blog> ls .\source\images\测试\


    目录: E:\blog\source\images\测试


Mode                 LastWriteTime         Length Name
----                 -------------         ------ ----
-a----         2025/6/29     11:14            229 image-20250629111411456.png

完成！

八下历史复习笔记

i@glowisle.me (五葉地錦) — Thu, 26 Jun 2025 19:17:46 +0000

临时宪法作用：《中国人民政治协商会议共同纲领》
中国人民政治协商会议第一届全体会议确立的制度：中国共产党领导的多党合作和政治协商制度
中国人民站立起来的标志：新中国成立
中国半半社会结束的标志：新中国成立
中国现代史开端：新中国成立
祖国大陆统一，各族人民实现了大团结的标志：西藏和平解放
抗美援朝目的：抗美援朝，保家卫国
捍卫新中国安全，大大提高我国国际地位的事件：抗美援朝战争
土地改革的依据：《中华人民共和国土地改革法》
彻底摧毁我国存在2000多年的封建土地制度，消灭了地主阶级的标志：土地改革的完成
新中国土改特点：采取保存富农经济，政治上中立富农的政策
新中国成立后巩固政权的事件：西藏和平解放、抗美援朝、土地改革
一五计划主要集中力量发展重工业
使我国土地所有制从私有制变为公有制的事件是：三大改造的完成
我国开始改变工业落后面貌，向社会主义工业化迈进的标志是：第一个五年计划的完成
我国根本政治制度：人民代表大会制度
人民代表大会制度确立的标志：第一届全国人民代表大会的召开
我国第一部社会主义类型的、有史以来第一部真正反应人民利益的宪法：1954年《中华人民共和国宪法》
我国社会主义改造的三个方面：农业、手工业、资本主义工商业
我国社会主义改造的创举：赎买政策
进入社会主义初级阶段的标志：三大改造的基本完成
社会主义基本制度在我国建立起的标志：三大改造的完成
三大改造实质：生产资料转变为社会主义公有制
三年经济困难是指1956-1961年为克服经济困难提出的调整、巩固、充实、提高的八字方针
1958年，社会主义建设中出现的曲折和失误是：“大跃进”和人民公社化运动
新中国成立后经历的最严重的挫折是：文化大革命
文化大革命中最大冤案的受害者：刘少奇
1967年6月，我国成功爆炸了第一颗氢弹
1970年4月，我国成功发射了第一颗人造地球卫星
1973年，我国在世界上首次培育成功强优势的籼型杂交水稻
我国在社会主义建设火热年代涌现的英雄人物：王进喜、焦裕禄、雷锋
中国共产党开辟的符合中国国情的道路是：中国特色社会主义道路
新中国成立后一场深刻的思想解放运动是：真理标准问题大讨论
新中国成立以来党的历史上具有深远意义的伟大转折是：中共十一届三中全会
开启了改革开放和社会主义新时期的事件是：中共十一届三中全会的召开
作出把党和国家工作中心转移到经济建设上来、实行改革开放的历史性决策的会议：中共十一届三中全会
党和政府对农村实行的改革是：实行家庭联产承包责任制
家庭联产承包责任制最早在安徽凤阳小岗村实行
为农民致富和实现现代化开辟出的一条新道路是：发展农村乡镇企业
城市经济体质改革的中心环节：增强企业活力
提出要建立社会主义市场经济体质的会议：中共十四大
我国经济特区的代表和对外开放的窗口：深圳
1980开放的四个经济特区是：深圳、珠海、汕头、厦门
对外开放的意义：引进外资技术、扩大对外影响、为改革开放探路
我国对外开放的格局：经济特区–沿海开放城市–沿海经济开放区–内地
对外开放的特点：全方位、多层次、宽领域
为我国参与经济全球化开辟了新途径的事件：中国加入世界贸易组织
提出“建设有中国特色的社会主义”的会议是：中共十二大
阐述了社会主义初级阶段的理论，明确概括了党在社会主义初级阶段的基本路线的会议是：中共十三大
1992年进一步解放了人们的思想，推动改革开放和社会主义现代化建设进入新阶段的是：邓小平南方谈话
我国改革开放和社会主义现代化的总设计师：邓小平
马克思主义在中国发展的新阶段是：邓小平理论
把邓小平理论确立为党的指导思想的会议是：中共十五大
把江泽民三个代表重要思想确立为中国共产党指导思想的会议是：中共十六大
把科学发展观确立为中国共产党的指导思想的会议是中共十八大
习近平新时代中国特色社会主义思想被确立为中国共产党必须长期坚持的指导思想的会议是：中共十九大
马克思主义中国化、时代化的新的飞跃是：习近平新时代中国特色社会主义思想
为了实现中国梦，中国共产党实现的奋斗目标是：“两个一百年”奋斗目标
中共十八届五中全会提出的新发展理念是：创新、协调、绿色、开放、共享
宣布我国实现了第一个百年奋斗目标，全面建成小康社会的会议是：庆祝中国共产党成立100周年大会
重点总结新时代党和国家取得的历史性成就，发生的历史性变革和积累的新鲜经验的会议是：中共十九届六中全会
做出了统筹推进“五位一体”总体布局、协调推进“四个全面”战略布局全面部署的会议是：中共二十大
为解决我国民族问题确立的基本政策和基本政治制度是：民族区域自治制度
我国建立的第一个自治区：内蒙古自治区
20世纪末，我国实行的为民族地区加快发展，创造了巨大的历史机遇的政策是：西部大开发
邓小平从维护祖国和中华民族根本利益出发，提出的伟大构想是：“一国两制”伟大构想
香港回归：1997.7.1
澳门回归：1999.12.20
中国人民洗雪了百年国耻，在完成祖国统一大业的道路上迈出的重要一步的标志是：香港、澳门的回归
改革开放后对台基本方针：和平统一、一国两制
海峡两岸近四十年的隔绝状态终于被打破，两岸关系发生了历史性变化的事件：台湾当局开始被迫调整“三不”政策
标志海峡两岸关系的发展迈出历史性的重要一步的事件是：海基会与海协会达成九二共识
九二共识的内涵：海峡两岸均坚持一个中国原则
全面阐述了新时代解决台湾问题的总体方略的文件是：《台湾问题与新时代中国统一事业》白皮书
中共二十大进一步强调实现两岸统一的最佳方式是：“和平统一、一国两制”方针
中国人民解放军的第一支海军部队是：华东军区海军
2012.9我国的第一艘航空母舰：辽宁舰
中国战略威慑的核心力量：导弹部队
2015年，第二炮兵部队更名为火箭军
我国的五大军种：陆军、海军、空军、火箭军、战略支援部队
五大战区：东部、南部、西部、中部战区
形成的新格局：形成中央军委指导下的陆军、海军、空军、火箭军等军种，军事航天不对、网络空间部队、信息支援部队、通勤保障部队等兵种的新型兵种结构布局
新中国成立后奉行的外交政策：独立自主的和平外交政策
周恩来提出的处理国与国之间关系的基本准测：和平共处五项原则
和平共处五项原则的内容：互相尊重主权和领土完整、互不侵犯、互不干涉内政、平等互利、和平共处
1955年万隆会议召开的地点：印度尼西亚
万隆会议地位：第一次没有西方殖民主义国家参加的亚非会议
万隆会议上周恩来提出的外交方针：“求同存异”方针
20世纪70年代，中国外交取得重大胜利的事件：中华人民共和国回复在联合国的合法席位
中美关系开始走向正常化的标志是：中美双方签署并发表了《联合公报》
中国特色大国外交全面推进，形成的外交布局是：全方位、多层次、立体化
1989年成立的亚洲太平洋地区的经济合作机制，中国与1991年加入亚太经合组织
我国成功发射的第一课人造地球卫星：东方红一号
为两弹的研究做出突出贡献的科学家代表有：钱学森、邓稼先
我国首位乘坐神舟五号载人飞船升入太空的宇航员是：杨利伟
成功培育籼型杂交水稻，被称为杂交水稻之父的科学家是：袁隆平
领导科研团队发现青蒿素，获得2015年诺贝尔生理学或医学奖的中国药学家是：屠呦呦
2012年获得诺贝尔文学奖的中国作家：莫言
1956年，毛泽东提出在科学文化工作中实行“百花齐放、百家争鸣”的方针
新中国成立后，使我国人民衣食住行方面发生巨大变化的政策是：改革开放

会考地理复习笔记

i@glowisle.me (五葉地錦) — Sun, 22 Jun 2025 08:49:40 +0000

地球公转自转与季节气候

东西半球分界线：20W 160E
地球自转方向：自西向东
南北半球季节相反
夏至日太阳直射北回归线，北半球昼最长也最短，南半球昼最短夜最长，北极圈及其以北极昼，南极圈以其南极夜
冬至日太阳直射南回归线，北半球昼最短夜最长，南半球昼最长夜最短，北极圈及其以北极夜，南极圈及其以南极昼
春分秋分，太阳直射赤道，昼夜等长

地球公转示意图
根据各地获得太阳光照的多少，把地球表面分为五个带：热带、北温带、南温带、北寒带、南寒带

地图

比例尺=图上距离/实地距离，指示表大多指向正北方向
同一条等高线上的海拔相同；等高线越密集，坡度越陡；等高线越稀疏，坡度越缓。
等高线上不同的山体部位

山峰
1. 山峰：等高线闭合，数值从中间向四周递减
  
  山脊
2. 山脊：等高线的弯曲部分向低处突出
  
  山谷
3. 山谷：等高线的弯曲部分向高处突出，常形成河流
  
  陡崖
4. 陡崖：等高线重叠，适合开展攀岩运动
陆地表面的地形类型 1.高原：海拔在500米以上，面积较大，外围较陡，内部起伏较为缓和
大洲分界线
1. 亚欧分界线：乌拉尔山脉、乌拉尔和、厉害、大高加索山脉、黑海、土耳其海峡
2. 亚非分界线：苏伊士运河
3. 北美南美分界线：巴拿马运河
4. 欧非分界线：直布罗陀海峡

板块构造学说

板块内部地壳比较稳定；板块与板块交界的地带，地壳比较活跃，多火山地震
在板块交界处，两个板块发生张烈，。常常形成裂谷或海洋；两个板块发生碰撞，在陆地常常形成山脉

六大板块分布示意图
世界上许多高大绵长的山脉主要分布在板块挤压碰撞的地带，如阿尔卑斯——喜马拉雅山系，科迪勒拉山系等
世界上的火山和地震也集中分布在地壳比较活跃的板块交界地带，例如环太平洋地带和地中海——喜马拉雅地带

Tmux配置记录

i@glowisle.me (五葉地錦) — Sat, 21 Jun 2025 14:19:36 +0000

TMux 是终端复用神器，让你在一个终端窗口管理多个会话、窗口和窗格。

基础操作：启动Tmux

tmux

所以我选择在~/.bashrc里加上这句，每次打开终端都会自动进入tmux。

需要掌握的概念：

会话（Session）：长期运行的终端环境。
窗口（Window）：会话中的标签页。
窗格（Pane）：窗口中的分屏。

默认快捷键：

操作	快捷键	说明
会话管理
脱离会话	`Ctrl+b d`	后台运行会话
查看会话列表	`Ctrl+b s`	方向键选择并进入
重命名当前会话	`Ctrl+b $`
窗口管理
新建窗口	`Ctrl+b c`
关闭当前窗口	`Ctrl+b &`
切换窗口	`Ctrl+b 0~9`	切换到指定编号窗口
窗口列表	`Ctrl+b w`	可视化选择窗口
窗格管理
水平分割窗格	`Ctrl+b "`
垂直分割窗格	`Ctrl+b %`
切换窗格	`Ctrl+b 方向键`
关闭当前窗格	`Ctrl+b x`
最大化/恢复窗格	`Ctrl+b z`	临时全屏当前窗格

配置自定义（~/.tmux.conf）：

set-option -g default-shell /bin/bash   # 强制使用 Bash
set-option -g default-command /bin/bash # 确保新会话/Pane 也使用 Bash

unbind H   # 移除 H 的绑定
unbind L   # 移除 L 的绑定
# 启用鼠标支持
set -g mouse on

# 键
set -g prefix C-w
unbind C-b

bind -r Left previous-window     # 前缀键+←：左移窗口
bind -r Right next-window        # 前缀键+→：右移窗口
# 屏幕分割
bind v split-window -h # 前缀键+v垂直分割
bind -n C-Left resize-pane -L 5   # Ctrl+←：向左扩大窗格 5 单位
bind -n C-Right resize-pane -R 5  # Ctrl+→：向右扩大窗格 5 单位

 ________________
< fuck you tmux! >
 ----------------
        \   ^__^
         \  (oo)\_______
            (__)\       )\/\
                ||----w |
                ||     ||

给比我岁数还大的电脑装Fedora

i@glowisle.me (五葉地錦) — Fri, 13 Jun 2025 20:11:49 +0000

前言

印象中，这台电脑在我很小的时候就存在了，我爸的网盘里至今还有我当时用这台电脑播放江南Style，我在床上跳舞的视频。

这台机子开Powershell都卡，更不用说日常使用。

我甚至都不想在这台电脑上截图，当拍屏大师吧。

听说Linux用户有个刻板印象就是，用着十几年前的笔记本，从来不用最新设备，那这不刚好吻合上了吗。

诶……等等，我之前好像说过不折腾了？算了，反正Fedora没有Arch那么折腾（吧）。

正文

镜像下好后，用Rufus拷到U盘。

插到电脑上，额，先让我研究一下BIOS怎么进……

把#1改成刚刚做的启动盘。保存后重启。

哎，没想到第一难在这等着我呢。引导进不去。难道是我打开方式有问题？重新进BIOS，#1设置成UEFI巴拉巴拉试试。

诶！成了，等一阵黑屏过后就弹Fedora Logo了。

直接端上来吧！不管三七二十八直接Install！

整个安装过程还是很傻瓜式的，只要有小学英文基础点点点就好了。

虽然但是，这个简体中文怎么标的是新加坡。

一顿等待后，进入系统让选择一下语言，连接个WIFI就算大功告成了。

~~本来以为能有什么好玩的，还真这么傻瓜啊。。。~~

最后再来个经典的neofetch

系统也装完了，文章也写完了，电影也下完了，爽！

网络死亡计划

i@glowisle.me (五葉地錦) — Wed, 11 Jun 2025 23:24:42 +0000

最近要把生活重心和精力再往学业上分配更多，打算逐步减少社交软件的使用。因此产生了些许对自己在社交软件的某些群组上是否需要存在的焦虑。所以有了这个想法：在网络上死亡。

具体应该说是在社交软件上的死亡。为期两周，直到期末考试结束。

反正也不会有几个人关注我的博客，那就随便说说吧。如果你疑惑为什么我长时间装死，那看到这篇文章也就解答了。

一直感觉很多社交都是热脸贴冷屁股，浪费时间浪费精力。如果长达两周我没有在某个我曾经经常发言的群发言，而且也没有人主动找我，那也就意味着我在那个群不重要，对那群人不重要，不是一个圈子，无共同话题，也就没有留下去的意义。

主要包括：

停止发布朋友圈和QQ空间
停止在所有非必要微信QQ群发言
多学习，多写博客，多读书

如果这样过得很舒服，那可能会一直延续下去。我一直在寻找真正有意义的社交圈和社交方式，但至今为止，觉得最有效的能让自己没那么累的方式就是减少社交。

今后会把大部分生活琐事记录和观点表达转移到博客而非朋友圈和QQ空间。后者总是被动接受信息，不一定能找到共鸣，而前者是主动选择文章阅读，而且博客的性质能让人组织起完整的语言，客观地记录和表达；在QQ空间和微信发表出来总是有一种为了给某人看或为了给某些人看的味道，有些不舒服，也影响言语措辞。我这人变得越来越怪。

Emacs配置记录 2——C/C++环境配置

i@glowisle.me (五葉地錦) — Wed, 04 Jun 2025 18:58:37 +0000

前言

经过上一篇的简单调教，Emacs已经勉强变成了一个温顺的文本编辑器，但是离写代码这个宏大的目标还是有一段距离的，今天来解决主要问题：代码补全。由于我要写一点简单的C代码，那么重点就先放到C/CPP环境搭建中。

站在巨人的肩膀上，在Emacs中的代码补全使用巨硬的LSP协议。

Spacemacs

经过考虑，我还是决定使用Spacemacs，比起原版Emacs，它更适合新手，也更能快速投入开发。避免配置陷阱，过多把时间花在刀把上。唉，也就是说，昨天大部分都白干了。算了，生命的意义就在于折腾，怕折腾我也不会玩Emacs了。来吧！

先来安装一下Spacemacs。 git clone https://github.com/syl20bnr/spacemacs ~/.emacs.d

重启Emacs，让他下载一下自带的包。

上次没清理干净Spacemacs，不知道存在哪的备份还在，算是免去了一些折腾吧。来看看现在的Emacs都配置了什么。

   dotspacemacs-configuration-layers
   '(yaml
     markdown
     javascript
     (auto-completion :variables
                      auto-completion-idle-delay 0.01    ; 降低补全延迟
                      auto-completion-minimum-prefix-length 1)
     (prettier :variables
               prettier-always-enable t)  ; 保存时自动格式化
     (javascript :variables
                 javascript-backend 'lsp        ; 启用LSP后端
                 javascript-fmt-tool 'prettier) ; 格式化工具选Prettier
     (c-c++ :variables
            c-c++-backend 'lsp-clangd)         ; C/C++使用Clangd后端
     (vue :variables
          vue-backend 'lsp)                    ; Vue使用LSP后端
     (html)                                    ; HTML/CSS支持
     (lsp)                                     ; 必须的LSP核心支持层
     (auto-completion)                         ; 自动补全
     (syntax-checking)                         ; 语法检查
     ;; ----------------------------------------------------------------
     ;; Example of useful layers you may want to use right away.
     ;; Uncomment some layer names and press `SPC f e R' (Vim style) or
     ;; `M-m f e R' (Emacs style) to install them.
     ;; ----------------------------------------------------------------
     ;; auto-completion
     ;; better-defaults
     emacs-lisp
     treemacs
     ;; git
     helm
     lsp
     ;; markdown
     multiple-cursors
     ;; org
     ;; (shell :variables
     ;;        shell-default-height 30
     ;;        shell-default-position 'bottom)
     ;; spell-checking
     ;; syntax-checking
     ;; version-control
     treemacs)

emmm，还是有点有用的。比如C/C++这里，就启用了LSP。还有一些之前搞的前端配置。就是不知道为啥，JavaScript的补全不太好使。

语法检查

语法检查，选择当前比较成熟的flycheck，在Spacemacs中对应syntax-checking，在.spacemacs中的dotspacemacs-configuration-layers写入(configuration-layer/declare-layer 'syntax-checking) 该层会自动集成Flycheck及其常见语言的后端支持。

C/C++要安装clang-tidy或cppcheck。

进阶配置

  (with-eval-after-load 'flycheck
    (setq flycheck-check-syntax-automatically '(save mode-enabled) ;; 保存时检查
          flycheck-display-errors-delay 0.5                        ;; 错误显示延迟
          flycheck-indication-mode 'right-fringe))                 ;; 错误标记位置

.spacemacs 文件基本介绍

.spacemacs 文件一般会自动生成在主目录下，这个文件是配置 Spacemacs 的入口，有关于 Spacemacs 本身的配置基本都能在里面进行修改，用户设置同样在这个文件中修改。

.spacemacs 中，内容一般被分为以下几个部分，每个部分都封装在一个函数中：

dotspacemacs/layers

在这里可以声明一些 layer，以及删除、增添一些包，在这里还可以调整 Spacemacs 加载时的一些行为

dotspacemacs/init

Spacemacs 绝大部分的配置都位于此，你可以在此修改配置中可选的选项，但绝对不能将自己的用户配置代码添加在这里

dotspacemacs/user-init

这里的内容会在 Emacs 启动前开始加载，一般在这里设置你需要使用的 elpa 源，你应该尽量把用户配置放在 dotspacemacs/user-config 中

dotspacemacs/user-config

在这里可以添加你的用户配置代码，你自己的定义的大部分配置一般都在这里完成

dotspacemacs/emacs-custom-settings

Spacemacs 自己生成的配置，同样不建议自己去修改

摘自Spacemaccs 14 Days

我还是放不下Emacs！

i@glowisle.me (五葉地錦) — Tue, 03 Jun 2025 20:07:15 +0000

前言

难受，真难受呀。作为一个痴迷Vim的人，总是被Emacs的强大勾引，看见别人配的酷炫全能的Emacs就走不动路，脑子里想着“没事没事，我Vim轻量启动极快，Emacs这种重量级是比不上的”，自我安慰。实际上多想玩Emacs只有我自己知道……

我之前也试过配Emacs，但是Windows搞出来的不伦不类还很卡的东西太难受，用WSL尝试了一下Spacemacs，搞不明白那个层机制，也对ELisp这个语言不熟悉（说实话到现在Lua的一些东西我都不明白），而且之前的配置也一直想一口吃个大胖子，一天内就配到IDE的强大程度，经过几次失败和Vim配置经验后，我深知这是不可能的，除非在我使用Emacs后N周年的第N周目重新删干净再配，也许能做到。

定个小目标吧，每天配一点点，成果起码要达到以下程度：

能胜任前端、Nodejs的开发
能胜任CPP/C的开发
能使用EAF浏览网页
有一点花里胡哨的小功能

其实我也挺想把博客迁移到Emacs，完全用org-mode来写，Hexo越来越慢。其实Hugo也不是不行，就是不太熟悉也不喜欢Go。看了刘家财大佬的博客后感觉这个也太酷了，主题我也很喜欢，但是评论功能可能有点折腾，我对评论系统也有点不太在意。最难割舍的是现在用的这个主题……

刘家财老师是这样说的

只不过遗憾的是，即使写了近 10 年的博客，有价值的评论少之又少，可能中文互联网内没多少人认真写技术评论吧。

这点我确实认同，观察了一些博客的评论，真正讨论技术内容的没几个，大多都是在围观、附和。但是我的博客类型也不能算是纯技术博客，保持与读者的互动还是很有意思的。

言归正传，我现在的Emacs在WSL里，装的是Spacemacs，能正常用eaf，但是写代码很难受，也没有补全，可以说现在它只能当一个浏览器用，我准备推翻重新配。

那么，从现在开始，来配Emacs！！！

各个编辑器学习曲线图

与过去挥手

在rm -rf ~/.emacs.d后，那个不伦不类、上不去下不来的Emacs彻底成为了历史。重新输入Emacs，又看到熟悉又陌生的丑陋开屏页。

小插曲

WSLg间歇性抽风，打不开GUI

Display 10.255.255.254:0 unavailable, simulating -nw

打开管理员Powershell，运行wsl --update ![[public/images/我还是放不下Emacs！/Pasted image 20250603210050.png]] ~~我草，怎么这么慢？？~~

MELPA配置

(require 'package)
(add-to-list 'package-archives '("melpa" . "https://melpa.org/packages/") t)
(package-initialize)

切换中国镜像源

(require 'package)
(setq package-archives '(("gnu"  . "http://mirrors.cloud.tencent.com/elpa/gnu/")
             ("melpa" . "http://mirrors.cloud.tencent.com/elpa/melpa/")))
(package-initialize)

重启Emacs，输入package-list-packages就可以查看所有插件。package-install，回车输入插件名就可以安装对应插件。默认情况下，插件会被安装到 ~/.emacs.d/elpa/ 目录下。

use-package

输入package-install，输入use-package，回车安装，然后在init.el中写

(eval-when-compile
 (require 'use-package))

ivy

(use-package ivy
 :ensure t
 :init
 (ivy-mode 1)
 (counsel-mode 1)
 :config
 (setq ivy-use-virtual-buffers t)
 (setq search-default-mode #'char-fold-to-regexp)
 (setq ivy-count-format "(%d/%d) ")
 :bind
 (("C-s" . 'swiper)
  ("C-x b" . 'ivy-switch-buffer)
  ("C-c v" . 'ivy-push-view)
  ("C-c s" . 'ivy-switch-view)
  ("C-c V" . 'ivy-pop-view)
  ("C-x C-@" . 'counsel-mark-ring); 在某些终端上 C-x C-SPC 会被映射为 C-x C-@，比如在 macOS 上，所以要手动设置
  ("C-x C-SPC" . 'counsel-mark-ring)
  :map minibuffer-local-map
  ("C-r" . counsel-minibuffer-history)))

amx

(use-package amx
 :ensure t
 :init (amx-mode))

ace-window

(use-package ace-window
 :ensure t
 :bind (("C-x o" . 'ace-window)))

mwim

(use-package mwim
 :ensure t
 :bind
 ("C-a" . mwim-beginning-of-code-or-line)
 ("C-e" . mwim-end-of-code-or-line))

undo-tree

(use-package undo-tree
 :ensure t
 :init (global-undo-tree-mode)
 :custom
 (undo-tree-auto-save-history nil))

smart-mode-line

(use-package smart-mode-line
 :ensure t
 :init (sml/setup))

good-scroll

(use-package good-scroll
 :ensure t
 :if window-system     ; 在图形化界面时才使用这个插件
 :init (good-scroll-mode))

今天就先到这里吧。

Electron CommonJS require踩坑

i@glowisle.me (五葉地錦) — Sat, 31 May 2025 09:07:36 +0800

最近在开发一个Electron项目，在导入类的时候有以下报错:

node:internal/modules/cjs/loader:1411 Uncaught Error: Cannot find module './File'
Require stack:
- E:\Develop\markdown-editor\src\html\index.html
    at Module._resolveFilename (node:internal/modules/cjs/loader:1408:15)
    at a._resolveFilename (node:electron/js2c/renderer_init:2:2643)
    at defaultResolveImpl (node:internal/modules/cjs/loader:1064:19)
    at resolveForCJSWithHooks (node:internal/modules/cjs/loader:1069:22)
    at Module._load (node:internal/modules/cjs/loader:1218:37)
    at c._load (node:electron/js2c/node_init:2:17950)
    at s._load (node:electron/js2c/renderer_init:2:31718)
    at TracingChannel.traceSync (node:diagnostics_channel:322:14)
    at wrapModuleLoad (node:internal/modules/cjs/loader:242:24)
    at Module.require (node:internal/modules/cjs/loader:1494:12)

提示找不到模块。

Electron中，使用require语句导入，都是默认从项目跟目录开始查找，所以要拼接完整路径。使用绝对路径也是不行的，在IDE里可以跳转，但是一运行就是找不到模块 const File = require("src/js/File")

Uncaught Error: Cannot find module 'src/js/File'
Require stack:
- E:\Develop\markdown-editor\src\html\index.html
    at Module._resolveFilename (node:internal/modules/cjs/loader:1408:15)
    at a._resolveFilename (node:electron/js2c/renderer_init:2:2643)
    at defaultResolveImpl (node:internal/modules/cjs/loader:1064:19)
    at resolveForCJSWithHooks (node:internal/modules/cjs/loader:1069:22)
    at Module._load (node:internal/modules/cjs/loader:1218:37)
    at c._load (node:electron/js2c/node_init:2:17950)
    at s._load (node:electron/js2c/renderer_init:2:31718)
    at TracingChannel.traceSync (node:diagnostics_channel:322:14)
    at wrapModuleLoad (node:internal/modules/cjs/loader:242:24)
    at Module.require (node:internal/modules/cjs/loader:1494:12)

解决方法

使用path.join拼接完整路径

const File = require(path.join(__dirname, "../js/File.js"));

经过测试，只能用这种方法导入，太怪了

面向对象与面向过程的本质区别

i@glowisle.me (五葉地錦) — Thu, 29 May 2025 21:21:36 +0000

面向对象与面向过程这两种编程思想主要体现在一件事上：面向对象关心谁来做，而面向过程关心做什么。

举个例子，如果我现在要开发一个五子棋小游戏，在面向对象的思想中，实现步骤应该是这样的。

有一个窗口对象，可以让我的游戏内容展示在里面
创建棋盘对象
初始化棋盘
创建计分板对象
初始化计分板
玩家开始下棋，棋盘对象创建棋子对象，绘制出来

不难看出，面向对象就是在关心谁来做，先关心哪个对象去做，再去研究这个对象要去怎么做。抽象层级更高，但是符合人类的思维。从代码结构上来看，写面向对象更偏向在画一个树状图，一级一级划分谁要做什么事情，而面向过程更像一个线性的流程图，全程都在关心需要做什么事情。

更官方地说，面向对象以算法和流程为核心，强调步骤拆解。而面向对象以与对象交互为核心，强调责任分配

当然，写法在语言上就有所限定。C更适合面向过程，头文件的引用使用函数做事就意味着C很难实现面向对象的设计模式，当然有一些比较邪门的技巧，容易开枪把自己脚指头崩掉，比如void*模拟泛型这种不在本文讨论范围。

C缺乏类、继承等基础语法支持，但可以用结构体加函数指针简单模拟对象，但设计难度有所增加，调试难度更有所增加。面向过程更适合处理逻辑简单的任务或算法密集型任务，而面向对象更适合构建GUI应用等复杂系统。

面向对象并非在所有情况下都是最优选择。还是需要依据开发项目的实际需求考量。

【数据结构与算法】哈希表

i@glowisle.me (五葉地錦) — Wed, 28 May 2025 21:44:28 +0000

哈希表（Hash Table）是一种基于键（Key）直接访问数据的高效数据结构，其核心思想是通过哈希函数将键映射到数组的特定位置，从而实现平均时间复杂度为 O(1)O(1) 的插入、查找和删除操作。

结构定义

// 哈希表节点
typedef struct HashNode {
    int key;
    int value;
    struct Hashcode* next;
} HashNode;

// 哈希表
typedef struct {
    int size;
    HashNode** buckets;
} HashTable;

初始化

创建HashTable结构体变量，进行初始化赋值，分配桶的内存。

// 初始化哈希表
HashTable *creat_hash_table(int size)
{
    HashTable* table = (HashTable*)malloc(sizeof(HashTable));
    table->size = size;
    table->buckets = (HashNode**)malloc(size * sizeof(HashNode*));
    for(int i = 0; i < size; i++)
    {
        table->buckets[i] = NULL;
    }
    return table;
}

哈希函数

// 哈希函数
int hash(int key, int size)
{
    return key % size;
}

通过简单取模运算获得哈希值

插入

// 插入
void insert(HashTable *table, int key, int value)
{
    int index = hash(key, table->size);
    HashNode *newNode = (HashNode *)malloc(sizeof(HashNode));
    newNode->key = key;
    newNode->value = value;
    newNode->next = NULL;

    // 插入链表头部，避免遍历链表
    if (table->buckets[index] == NULL)
    {
        table->buckets[index] = newNode;
    }
    else
    {
        newNode->next = table->buckets[index];
        table->buckets[index] = newNode;
    }
}

头插法无需遍历到尾部。

查找

// 查找

int search(HashTable *table, int key)
{
    int index = hash(key, table->size);
    HashNode *current = table->buckets[index];
    while (current != NULL)
    {
        if (current->key == key)
        {
            return current->value;
        }
        current = current->next;
    }
    return -1;
}

删除

void deleate(HashTable* table, int key)
{
	int index = hash(key, table->size);
	HashNode* current = table->buckets[index];
	HashNode* prev = NULL;

	while(current != NULL)
	{
		if(current->key == key)
		{
			if(prev == NULL)
			{
				table->buckets[index] = current->next;
			}
			else
			{
				prev->next = current->next;
			}

			free(current);
			return;
		}
			prev = current;
			current = current->next;
	}
}

【数据结构与算法】众数、中位数

i@glowisle.me (五葉地錦) — Tue, 27 May 2025 19:41:53 +0000

今天学这个东西的时候，看到这种线性的数据结构加上排序步骤，很难不想写个程序来跑跑。

先来说说中位数，这个比较有思路。

中位数

具体的操作步骤应该是：排序 => 获得数据元素个数n => 是奇数 ? (n+1) / 2 : n / 2

那么排序就用之前学的冒泡排序，这种题目大概不会完全倒序给数据，编写sort函数：

void sort(int arr[], int n)
{
  for (int i = 0; i < n - 1; i++) {
    for (int j = 0; j < n - i - 1; j++) {
      if (arr[j] > arr[j + 1]) {
        int temp = arr[j];
        arr[j] = arr[j + 1];
        arr[j + 1] = temp;
      }
    }
  }
}

接下来是判断奇偶，奇偶的判断非常简单，对取模运算的值比对就可以，编写is_even函数，判断奇偶性。

int is_even(int data)
{
  if (data % 2 == 0) {
    return true;
  } else {
    return false;
  }
}

完成了奇偶判断，下一步就可以正式进行中位数的运算，编写get_median函数。

double get_median(int arr[], int length)
{
  // 获取索引
  double result = 0;
  sort(arr, length);
  if (is_even(length)) {
    int median_index_1 = arr[(length / 2) - 1];
    int median_index_2 = arr[length / 2];
    // 计算数据
    result = (median_index_1 + median_index_2) / 2.0;
  } else {
    result = arr[length / 2];
  }

  return result;
}

这个函数首先计算了中位数在数组的哪个索引，然后进行了计算。

众数

众数（Mode）是指在统计分布上具有明显集中趋势点的数值，代表数据的一般水平。也是一组数据中出现次数最多的数值，有时众数在一组数中有好几个。用M表示。

那么，在程序中，想要计算一个值出现的次数并比对，可拆分为两步。

计算出每一个数据出现的次数
结果排序比对
找出最大值

我没学过什么高级的数据结构，就用这个复制数组的笨办法吧。

int get_mode(int arr[], int length)
{
  int *copy_arr = malloc(length * sizeof(int));
  memcpy(copy_arr, arr, length * sizeof(int));
  sort(copy_arr, length);

  int max_count = 0;
  int current_count = 1;
  int mode = copy_arr[0];

  for (int i = 1; i < length; i++) {
    if (copy_arr[i] == copy_arr[i - 1]) {
      current_count++;
    } else {
      if (current_count > max_count) {
        max_count = current_count;
        mode = copy_arr[i - 1];
      }
      current_count = 1;
    }
  }

  if (current_count > max_count) {
    mode = copy_arr[length - 1];
  }

  free(copy_arr);
  return mode;
}

这个函数干了以下几件事：

复制数组
排序复制好的数组
对比数组元素，如果array[i] == array[i - 1]，出现次数+1
如果遇到新元素，检查是否需要更新最大值
动态更新众数值

测试跑一把，输出如下

int main()
{
  int arr[] = {1, 1, 1, 1, 2, 2, 4, 5, 7, 4, 4, 4, 4, 4, 4, 4, 4, 4, 2};
  int length = sizeof(arr) / sizeof(arr[0]);
  int result = get_mode(arr, length);
  printf("result = %d\n", result);
}

result = 4

~~这个办法实在是有点蠢，找时间仔细学学哈希表，应该能更快。~~

【数据结构与算法】二叉树

i@glowisle.me (五葉地錦) — Sun, 25 May 2025 18:46:37 +0000

定义

二叉树（binary tree）是指树中节点的度不大于2的有序树，它是一种最简单且最重要的树。二叉树的递归定义为：二叉树是一棵空树，或者是一棵由一个根节点和两棵互不相交的，分别称作根的左子树和右子树组成的非空树；左子树和右子树又同样都是二叉树。

实现

结构定义

~~尝试了一下C语言，各种指针乱指，各种bug，暂时放自己一马，跟自己和解一下用js写写吧。~~

class TreeNode {
  constructor(data) {
    this.data = data;
    this.left = null;  // 左节点
    this.right = null; // 右边节点
  }
}

创建对象并绑定节点

// 手动绑定节点
let root = new TreeNode(1)
root.left = new TreeNode(2)
root.right = new TreeNode(3)
root.left.left = new TreeNode(4)
root.right.right = new TreeNode(5)

此时树的结构：

遍历二叉树

前序遍历（DFS）

function preOrder(node) {
  if(node) {
    console.log(node.data)
    preOrder(node.left)
    preOrder(node.right)
  }
}

这里用递归调用，遍历到左右元素

层序遍历（BFS）

function levelOrder(root) {
  const queue = [];
  queue.push(root);
  while (queue.length) {
    const node = queue.shift();
    console.log(node.data);
    if (node.left) queue.push(node.left);
    if (node.right) queue.push(node.right);
  }
}

【数据结构与算法】栈

i@glowisle.me (五葉地錦) — Sun, 11 May 2025 10:09:21 +0000

基本概念

栈（Stack）是一种后进先出（LIFO）原则的线性数据结构。核心操作包括：

压栈（Push）：将元素添加到栈顶
出栈（Pop）：移除并返回栈顶元素
查看栈顶（Check）获取但移除栈顶元素
判空（is_empty）检查栈是否为空

结构定义

使用动态数组实现栈，包含三个核心属性：

typedef struct Stack {
    int* data; // 存储元素的数组
    int top;   // 栈顶指针（当前元素位置）
    int capacity; // 栈的最大容量
}

data：动态分配的数组指针
top：初始值为-1，表示空栈，压栈时递增，出栈时递减
capacity：栈的容量上限

功能实现

初始化

// 初始化栈
void init_stack(Stack *s, int capacity) {
  // 计算最大容量
  s -> data = (int*)malloc(sizeof(int) * capacity)
  if(!s -> data) {
    printf("内存分配失败！\n");
    exit(1);
  }
  // 初始化栈顶为-1，表空
  s -> top = -1;
  // 把当前计算的最大容量赋值给传进来的栈
  s -> capacity = capacity;
}

这个函数中进行了动态分配内存计算最大容量，初始化赋值和异常处理。

压栈（Push）

// 压栈（Push）
void push(Stack *s, int value) {
  if (s -> top = s -> capacity -1) {
    printf("栈已满！\n");
    return;
  }
  s -> data[++s->top] = value;
}

检查栈是否已满，先递增指针再存入数据

出栈（Pop）

// 出栈（Pop）
int pop(Stack *s) {
  if(is_empty(s)) {
    printf("栈为空！\n");
    return -1;
  }
  return s->data[s->top--];
}

检查栈是否为空，返回当前栈顶元素后移动指针

辅助功能

// 判空
int is_empty(Stack *s) {
  return s-> top == -1
}

// 查看栈顶元素
int peek(Stack *s) {
  return is_empty(s) ? -1 : s->data[s->top];
}

// 销毁
void destory_stack(Stack *S) {
  free(s->data);
  s -> top = -1;
  s -> capacity = 0;
}

【数据结构与算法】冒泡排序

i@glowisle.me (五葉地錦) — Sat, 10 May 2025 20:06:05 +0000

核心思想

通过相邻元素的两两比较，将较大的元素逐步“冒泡”到数组末尾，每轮排序确定一个最大元素的最终位置。

代码实现

void bubble_sort(int arr[], int n) {
  // 最外层控制循环轮数 n-1轮
  for (int i = 0; i < n - 1; i++) {
    // 内层循环处理相邻元素比较和交换
    for(int j = 0; j < n-i-1; j++) {
      if (arr[j] > arr[j+1]) {
        int temp = arr[j];
        arr[j] = arr[j+1];
        arr[j+1] = temp;
      }
    }
  }
}

// 调用
void print_array(int arr[], int size) {
  for (int i = 0; i < size; i++) {
    printf("%d,", arr[i]);
  }
  printf("\n");
}

int main() {
  int arr[] = {23, 232, 55, 2, 7, 0, 576, 342};
  int n = sizeof(arr) / sizeof(arr[0]);

  printf("排序前：");
  print_array(arr, n);
  bubble_sort(arr, n);

  printf("排序后");
  print_array(arr, n);
}

原理分析

外层循环的 i < n - 1

n个元素的数组最多需要n-1轮冒泡，如5元素数组需要4轮排序
数学依据：每轮将一个最大值“沉底”，当完成n-1轮时，最后一个元素必然有序

示例验证：

原始数组：[3, 1, 4, 2]
第一轮：[1, 3, 2, 4] （确定最大值4）
第二轮：[1, 2, 3, 4]

用文字解释上面的函数，原理就是在循环中对比数组第i个元素和i+1（即后一位）元素的大小，若i > i +1 则把两者交换位置，随着循环的进行，数组就会被排序。

内层循环的 j < n - i - 1

动态缩小范围：每轮结束后末尾i个元素已有序
比较次数：第i轮需要比较(n-1)-i次相邻元素

想象一下数组的线性结构，实际上就是在计算排序后的一位的前一位，这样就不会处理已经排序好的元素，进入下一轮循环时可正常排序。

数组长度n的计算机制

在main函数中，对于n的计算，采用了sizeof(arr) / sizeof(arr[0])的方式。可以这么理解。

int arr[] = {6,4,8,2};
假设int占用4字节，计算整个数组的内存占用
sizeof(arr) = 5 * 4 = 20
sizeof(arr[0]) = 4
n = 20 / 4 = 5

计算出数组的总占用，再除以单个占用，就可以得到元素个数了。

参数n的作用

循环控制：确定外层循环次数n-1次
边界保护，防止越界
效率优化：避免无效比较，如j<n-i-1

最坏情况

冒泡排序的最坏情况发生在输入数组完全逆序情况下，此时算法需要进行最大次数的比较和交换操作，时间复杂度达到最高。

当待排序数组的初始状态为完全逆序，如[5,4,3,2,1]，每一轮外层循环都要将当前为排序部分的最大元素冒泡到正确位置，而且每次比较都会发生交换，此时：

比较次数：共需要进行*(n - 1) + (n - 2) + …*（等差数列求和）。
交换次数：每次比较均需要交换，总交换次数也为上式结果。

x86-64汇编学习笔记

i@glowisle.me (五葉地錦) — Tue, 29 Apr 2025 13:44:13 +0000

机器指令和机器语言

机器指令，二进制数字，机器语言全局机器指令的集合，CPU通过执行一系列的机器指令完成计算工作。

汇编语言就是为了代替机器指令，使人类能够更加简单地编写程序而诞生的。汇编语言就是机器码的助记符。

编译器将汇编代码再编译为真正的机器码。

内存与硬盘

内存指内存条，即RAM，临时存储，读写快容量小。

硬盘长期存储，读写慢但容量大。

ROM并非硬盘，ROM只读存储器（Read Only Memory），其内容在写入后就不能更改。

存储单元

物理内存被划分为很多个存储单元，一个存储单元能存储8bit内容，也就是1字节。

内存的最小单元是字节，不是位。

1B = 8bit
1KB = 1024B
1MB = 1024KB

……

每一个存储单元都有相应的编号，也就是内存地址。运行程序时，操作系统会把程序载入内存中，随后CPU读取和写入程序中的某些数据并执行代码。

无论是读取还是写入、执行，这些都是需要通过CPU总线进行的。

总线分为数据线、地址总线、控制总线

简而言之，地址总线负责寻址，控制总线负责发出控制指令，如读写，数据总线负责各个组件之间的数据传输。

CPU的寻址能力

CPU的寻址能力是由地址总线的位数决定的。

通常认为32位系统有32位的寻址能力，64位同理，但不绝对。

虚拟内存

物理内存即真实存在的内存，虚拟内存是建立在页表的基础上，由操作系统实现的。

寄存器

基本的程序执行寄存器分为以下四类

通用目的寄存器
段寄存器
标志寄存器
指令指针寄存器

16位通用寄存器中的高位和低位

16位通用寄存器中，ax,bx,cx,dx可以只使用其高8位或低8位。

高8位用字符h表示，低8位用字母l表示。

32位通用目的寄存器

将16位通用寄存器扩展到32位，就得到了以下寄存器。

64位通用目的寄存器

将32扩展到64位，就得到了以下寄存器

R是通用前缀，取自单词Register。

此外还有R8-R15。

同名寄存器之间的关系

同名寄存器之间并不是许多个相互独立的寄存器，而是共同属于一个寄存器。

以RAX为例：

RAX是整个64位寄存器，EAX指的是RAX的低32位，AX指的是RAX的0-15位。AH指的是RAX的8-15位，AL指的是RAX的0-7位。

1 word = 2 byte

1 double word = 4 byte

段寄存器

段寄存器CS、DS、SS、ES、FS、GS都保存着16位段选择子。用于标识内存中特定的段。

CS指向代码段，SS指向栈段，DS、ES、FS、GS指向数据段。

内存可以被分为不同的段，访问内存时通过段基址+偏移的方式来访问。

注意：物理内存本身是连续的，并没有被分隔开，分段是CPU的寻址方式。

到了64位，段的概念被进一步弱化。

内存变成平坦模型，即无分段式内存。所有对内存的访问都在同一个地址空间内进行。

此外，对于段的保护也被弱化，64位更强调对页的保护。

看来段寄存器没什么用了啊

段寄存器最初的存在目的是辅助寻址，在32位下基本不再用于寻址，而是用于保护，而64位中其保护作用进一步被削弱。

标志寄存器

标准寄存器存储了机组标志，分别是状态标志、控制标志、系统标志。

标志寄存器结构示意图

简单地来说，系统中的某些状态与指令的执行结果会存在这个寄存器当中。

标志寄存器在32位和64位中分别叫EFLAGS和RFLAGS

RFLAGS的高32位是保留为，低32位与EFLAGS相同。

指令指针寄存器

简而言之，他存储的是CPU即将执行的下一条指令的地址，通常用ip/eip/rip替代（16，32，64位）

进制

简单来说，n进制就是逢n进一。计算机当中，除了10进制，还有2进制和6进制。

小端序和大端序

小端序是指低字节在低地址，高字节在高地址。

优点：字节高低位与地址高低位序列相同。

缺点：不符合人类阅读顺序。

如：64 00 00 00

大端序与之相反。

如 00 00 00 64

MOV指令

MOV取自英文单词move，移动。

例：

MOV RAX, RCX

意思是，把RCX寄存器的值赋值给RAX

WSL Arch Linux ZSH输入中文输入法乱码解决方法

i@glowisle.me (五葉地錦) — Tue, 29 Apr 2025 10:31:26 +0000

没有进行配置的情况下输入中文，一般会显示<0xffffffff>，这是由于没有安装字体造成的。

sudo pacman -S noto-fonts-cjk  # 安装中文字体
sudo vi /etc/locale.gen        # 取消注释 zh_CN.UTF-8
sudo locale-gen                # 生成语言环境
echo "export LANG=zh_CN.UTF-8" >> ~/.zshrc  # 设置默认中文环境
source ~/.zshrc

source后，再次尝试输入中文，无异常。

Emacs EAF插件打开浏览器只显示opening http://xxx.xxx的解决方法

i@glowisle.me (五葉地錦) — Tue, 29 Apr 2025 10:02:49 +0000

检查是否安装全部依赖，如yay、pip等。我这里是由于没有安装pip导致的。

sudo pacman -S python-pip

安装好后，进入eaf安装目录

cd ~/.emacs.d/site-lisp/emacs-application-framework && ./install-eaf.py

重新安装eaf。等待脚本运行完成，打开emacs，输入M-x eaf-install-and-update，等待执行完成。

重新输入M-x eaf-open-browser，输入网址，即可正常访问网页。

Valine评论系统踩坑记录

i@glowisle.me (五葉地錦) — Wed, 23 Apr 2025 21:54:03 +0000

我个人很早以前就惦记着换上这个评论系统，曾经使用Butterfly主题的时候就有折腾过Valine，当时是浏览器缓存策略和CORS跨域拦截的问题。网上能找到的教程都比较老，几年以前的情况不再适用于现在了，所以现在去折腾的话，大概率要踩非常多的坑。本文主要讲述我个人踩到的坑和解决方法。

本文内容是我自己试错出来的，不要问为什么要这么做，我也不清楚，但是这么做可以正常使用！

首先你要有一个自己的域名，不要用.github.io。LeanCloud中设置-域名绑定-API访问域名要绑定你自己的二级域。

这里一定一定要做DNS解析，非常重要。

然后就是安全中心里面的Web安全域名，LeanCloud默认放行localhost，但是127.0.0.1我这边测试是不行的，如果有需求要自己填写。Web安全域名要填写https、http两种协议保险。

主题配置文件中，以我这个主题为例，serverURLs要填写自己的二级域名

 serverURLs: https://comment.yingyu5658.me

一定要加协议头，否则将会在你的博客域名下构建请求，比如我的www.yingyu5658.me/comment.yingyu5658.me/，这将导致报错。即使你使用国际版也要填写这一项！Leancloud请求不到。

现在Valine的教程都有过时，遇到问题还需结合具体情况分析。我看LeanCloud的各种API结构变更还挺多的，太久远的教程就不建议看了。

从0开始搭建自己的终端开发环境

i@glowisle.me (五葉地錦) — Tue, 15 Apr 2025 21:15:24 +0000

系统：WSL Arch

主折腾点

代码编辑器：Vim(Neovim)

终端体验优化：tmux

文件管理器：yazi

代码编辑器——Neovim

前言

Neovim和Vim相比，在性能和易用性上有很大的提升，在异步任务表现突出；使用更加现代的lua脚本配置，可读性更高。

为什么不用Lazyvim？

答：我个人用了很长一段时间Lazyvim，虽然开箱即用，简单调试就可以使用，但是我并不能清除的理解他到底给我装了什么，我是否需要那些插件。感觉像在用别人的软件，而自己从头开始配置vim的掌控感是使用他人的配置文件无法比拟的，在配置的过程中也可以培养排错和程序调试能力，唯一的缺点就是略微耗费时间。

安装

先滚一把系统保证软件包都是最新的

sudo pacman -Syyu

安装Neovim

sudo pacman -S neovim

这时候在终端输入nvim就可以打开neovim了。![image-20250415212435171](E:/Blog/source/im

按:q退出。

这个初始的界面非常简陋，我们先进行核心功能配置，后续在更改主题。

nvim的用户级配置文件在~/.config/nvim中。

安装包管理器

我们选择Lazy作为包管理器，他和其他的包管理器相比起来，在懒加载、UI界面等方面有显著优势，可以减小配置复杂度。

访问lazy.nvim官网，官方文档永远都是最好的教程。这里有一段代码

-- Bootstrap lazy.nvim
local lazypath = vim.fn.stdpath("data") .. "/lazy/lazy.nvim"
if not (vim.uv or vim.loop).fs_stat(lazypath) then
  local lazyrepo = "https://github.com/folke/lazy.nvim.git"
  local out = vim.fn.system({ "git", "clone", "--filter=blob:none", "--branch=stable", lazyrepo, lazypath })
  if vim.v.shell_error ~= 0 then
    vim.api.nvim_echo({
      { "Failed to clone lazy.nvim:\n", "ErrorMsg" },
      { out, "WarningMsg" },
      { "\nPress any key to exit..." },
    }, true, {})
    vim.fn.getchar()
    os.exit(1)
  end
end
vim.opt.rtp:prepend(lazypath)

-- Make sure to setup `mapleader` and `maplocalleader` before
-- loading lazy.nvim so that mappings are correct.
-- This is also a good place to setup other settings (vim.opt)
vim.g.mapleader = " "
vim.g.maplocalleader = "\\"

-- Setup lazy.nvim
require("lazy").setup({
  spec = {
    -- import your plugins
    { import = "plugins" },
  },
  -- Configure any other settings here. See the documentation for more details.
  -- colorscheme that will be used when installing plugins.
  install = { colorscheme = { "habamax" } },
  -- automatically check for plugin updates
  checker = { enabled = true },
})

这段代码主要在为Lazy包管理器初始化，所以按照官网的目录结构，我们在~/.config/nvim/lua下新建一个config文件夹，把代码粘贴进去。

注意到，代码中有一段是导入plugins这个模块，所以我们需要在~/.config/nvim/lua下创建一个plugins文件夹

然后在~/.config/nvim/init.lua里粘贴这行代码

require("config.lazy")

init/lua是Neovim的初始化配置文件，程序会首先读取这个文件里的代码。

这行代码是引入config/lazy这个文件，初始化Lazy，所以要放在第一行。

那么经过这一番操作，Lazy安装好了，我们的目录结构应该如下：

`-- nvim
    `-- lua
        `-- config
            `-- lazy.lua

现在在终端输入nvim启动Neovim，会发现有个报错

No specs found for module "plugins"

查阅bug: No specs found for module “plugins” (Structured Setup) · folke/lazy.nvim · Discussion #1875可得，这个问题是由于我们还没有安装任何插件导致的，他不影响什么，但是很烦人。如果想要关掉，可以在plugins下新建一个lua文件，然后输入

return{
    
}

这样就可以正常启动nvim不报错了。由此可见，Lazy安装插件是返回一张表，所以以后每次新建插件文件的时候都要填写以上内容。

基础配置

在安装插件前，我们要先进行一些基础配置，让这个编辑器用的舒服一点。

设置别名：``

local opt = vim.opt

声明一个本地变量opt=vim.opt，简写提高效率。

为什么要显示声明local？原因是lua脚本的所有变量默认都是全局变量，很怪对吧，我也觉得。

opt.relativenumber = false	-- 禁用相对行号
opt.number = true		   -- 启用绝对行号
vim.api.nvim_set_hl(0, "LineNr", { fg = "#FFD700" }) -- 所有行号设为金色

相对行号可以更容易的数行数来达到hjkl/d/v等 + 行数来快速进行文本编辑操作，但是我个人不太适应，就没开，后期可以通过修改按键配置来做到随时开关。

安装插件

neo-tree

neo-tree 编辑器的文件系统资源管理器。使用此插件，用户可以直观地浏览复杂的目录层次结构，快速打开文件进行读取或编辑，并执行基本的文件系统作。

仓库：nvim-neo-tree/neo-tree.nvim: Neovim plugin to manage the file system and other tree like structures.

进入Plugins目录，新建一个文件名为nerdtree的lua脚本。先把上文提到的返回表写进去。

-- neo-tree.lua
-- 代码来自仓库README
{
  "nvim-neo-tree/neo-tree.nvim",
  branch = "v3.x",
  dependencies = {
    "nvim-lua/plenary.nvim",
    "nvim-tree/nvim-web-devicons", -- not strictly required, but recommended
    "MunifTanjim/nui.nvim",
    -- {"3rd/image.nvim", opts = {}}, -- Optional image support in preview window: See `# Preview Mode` for more information
  },
  lazy = false, -- neo-tree will lazily load itself
  ---@module "neo-tree"
  ---@type neotree.Config?
  opts = {
    -- fill any relevant options here
  },
}

插件装好了发现，不知道怎么打开啊。这时候就需要我们自己动手改一个舒服点的键位。在~/.config/nvim/lua/config中新建一个keymaps.lua，并在init.lua中引用

-- 习惯上，我喜欢把leader键映射到空格，敲起来顺手
-- 基础按键配置
vim.g.mapleader = " "
local opt = { noremap = true, slient = true }
-- 窗口切换更顺手，少按一个w
vim.keymap.set("n", "<C-h>", "<C-w>h")
vim.keymap.set("n", "<C-j>", "<C-w>j")
vim.keymap.set("n", "<C-k>", "<C-w>k")
vim.keymap.set("n", "<C-l>", "<C-w>l")

-- Neotree
vim.keymap.set("n", "<Leader>e", "<cmd>Neotree toggle<CR>", opts)

代码补全、格式化、检查

要让vim看起来像一个正经的处理代码的文本编辑器，这些是必不可少的。

-- 文件路径：lua/plugins/code-edit.lua
return {
  -- LSP 核心组件 (必须最先声明)
  {
    "neovim/nvim-lspconfig",
    dependencies = {
      "williamboman/mason.nvim",
      "williamboman/mason-lspconfig.nvim",
    },
    config = function()
      -- 延迟加载 LSP 配置
      vim.schedule(function()
        local lspconfig = require("lspconfig")
        local mason = require("mason")
        local mason_lspconfig = require("mason-lspconfig")

        -- 通用 LSP 配置
        local on_attach = function(client, bufnr)
          -- 快捷键配置...
        end

        mason.setup()
        mason_lspconfig.setup({
          ensure_installed = { "tsserver", "cssls", "html", "clangd", "eslint" }
        })

        mason_lspconfig.setup_handlers({
          function(server_name)
            lspconfig[server_name].setup({
              on_attach = on_attach,
              capabilities = require("cmp_nvim_lsp").default_capabilities(),
              -- 各语言特殊配置...
            })
          end
        })
      end)
    end
  },

  -- 自动补全引擎（需在 LSP 之后加载）
  {
    "hrsh7th/nvim-cmp",
    dependencies = {
      "hrsh7th/cmp-nvim-lsp",
      "L3MON4D3/LuaSnip",
    },
    config = function()
      -- cmp 配置...
    end
  },

  -- 格式化工具
  {
    "stevearc/conform.nvim",
    config = function()
      -- conform 配置...
    end
  },

  -- 语法高亮增强
  {
    "nvim-treesitter/nvim-treesitter",
    build = ":TSUpdate",
    config = function()
      -- treesitter 配置...
    end
  }
}

代码编辑器的配置就告一段落了，真写规范的代码还是建议vscode（虽然有点偏离终端的主题了）。如果你爱折腾vim那当然也可以，工具自己用的趁手就是最好的。

Oh-My-Zsh

Oh My Zsh 是基于 zsh 命令行的一个扩展工具集，提供了丰富的扩展功能。

安装ZSH

sudo pacman -S zsh

设置默认终端为zsh

chsh -s /bin/zsh

安装Oh-My-Zsh

国内镜像

sh -c "$(curl -fsSL https://gitee.com/pocmon/ohmyzsh/raw/master/tools/install.sh)"

我个人觉得这个主题就挺好的了，不多改动。

插件安装

zsh -autosuggestions

预测命令

git clone https://github.moeyy.xyz/https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

zsh-syntax-highlighting

语法检查，命令正确时为绿色，否则红色。

git clone https://github.moeyy.xyz/https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

启用插件

nvim ~/.zshrc

修改：

plugins=(
  git
  zsh-autosuggestions
  zsh-syntax-highlighting
  )

重启终端即可启用。

别名设置

别名可以更快地帮助我们启用命令

nvim ~/.zshrc

alias s="neofetch"
alias vim="nvim"
alias c="clear"
alias gcl = "git clone"

这里根据我的习惯改了几个别名。

初折腾Emacs记录

i@glowisle.me (五葉地錦) — Sun, 13 Apr 2025 12:15:33 +0000

基础配置

Windows下需要在软件顶部Toolbar的Options中随便更改一个选项，然后再点Save Options，这样就会再C:\Users\Username\appdata\Roaming\下生成.emacs和.emacs.d/

在emacs.d中新建一个文件init.el，填写如下配置

;;; init.el --- Load the full configuration -*- lexical-binding: t -*-
;;; Commentary:

;; This file bootstraps the configuration, which is divided into
;; a number of other files.

;;; Code:

(let ((minver "25.1"))
 (when (version< emacs-version minver)
  (error "Your Emacs is too old -- this config requires v%s or higher" minver)))
(when (version< emacs-version "26.1")
 (message "Your Emacs is old, and some functionality in this config will be disabled. Please upgrade if possible."))

(add-to-list 'load-path (expand-file-name "lisp" user-emacs-directory)) ; 设定源码加载路径
;; (require 'init-benchmarking) ;; Measure startup time

(defconst *spell-check-support-enabled* nil) ;; Enable with t if you prefer
(defconst *is-a-mac* (eq system-type 'darwin))

;; Adjust garbage collection thresholds during startup, and thereafter

(let ((normal-gc-cons-threshold (* 20 1024 1024))
   (init-gc-cons-threshold (* 128 1024 1024)))
 (setq gc-cons-threshold init-gc-cons-threshold)
 (add-hook 'emacs-startup-hook
      (lambda () (setq gc-cons-threshold normal-gc-cons-threshold))))




;; ==========================================================================================================
;; ===========================================日常使用配置===================================================
;; ==========================================================================================================
(setq confirm-kill-emacs #'yes-or-no-p)   ; 在关闭 Emacs 前询问是否确认关闭，防止误触
(electric-pair-mode t)            ; 自动补全括号
(add-hook 'prog-mode-hook #'show-paren-mode) ; 编程模式下，光标在括号上时高亮另一个括号
(column-number-mode t)            ; 在 Mode line 上显示列号
(global-auto-revert-mode t)         ; 当另一程序修改了文件时，让 Emacs 及时刷新 Buffer
(delete-selection-mode t)          ; 选中文本后输入文本会替换文本（更符合我们习惯了的其它编辑器的逻辑）
(setq inhibit-startup-message t)       ; 关闭启动 Emacs 时的欢迎界面
(setq make-backup-files nil)         ; 关闭文件自动备份
(add-hook 'prog-mode-hook #'hs-minor-mode)  ; 编程模式下，可以折叠代码块
(global-display-line-numbers-mode 1)     ; 在 Window 显示行号
(tool-bar-mode -1)              ; （熟练后可选）关闭 Tool bar
(when (display-graphic-p) (toggle-scroll-bar -1)) ; 图形界面时关闭滚动条

(savehist-mode 1)              ; （可选）打开 Buffer 历史记录保存
(setq display-line-numbers-type 'relative)  ; （可选）显示相对行号
(add-to-list 'default-frame-alist '(width . 90)) ; （可选）设定启动图形界面时的初始 Frame 宽度（字符数）
(add-to-list 'default-frame-alist '(height . 55)) ; （可选）设定启动图形界面时的初始 Frame 高度（字符数）


;; ==========================================================================================================
;; ===========================================插件镜像配置===================================================
;; ==========================================================================================================
; 腾讯镜像
(require 'package)
(setq package-archives '(("gnu"  . "http://mirrors.cloud.tencent.com/elpa/gnu/")
             ("melpa" . "http://mirrors.cloud.tencent.com/elpa/melpa/")))
(package-initialize)


;;; init.el ends here

基础的设置和插件镜像源就配置好了，此配置可完全复制照抄。

重启Emacs，按下M-x输入package-list-packages即可查看仓库中的所有插件

在此列表界面下还可按下h显示帮助，按U检查所有已安装插件是否需要更新，如有就标注更新，按i标记想要安装，最后按下x就可更新。

插件默认会被安装到~/.emacs.d/elpa下，Windows同理。

删除插件输入package-delete，然后输入想删除的插件名即可。

use-package

安装

输入命令package-install回车后输入use-package回车，然后在init.el的最上面写

(eval-when-compile
 (require 'use-package))

每次启动Emacs优先加载此插件

osu!APIv1请求示例

i@glowisle.me (五葉地錦) — Fri, 11 Apr 2025 22:29:23 +0000

前言

本文章使用Nodejs环境做演示。请求用户数据。代码中的APIKEY要在osu官网‬申请。

const API_URL = "osu.ppy.sh";
const init = {
    k: "YOUR_API_KEY",
    type: "string",
    u: "kyzzz5658",
};

const https = require("https");

// 将参数序列化为查询字符串
const query = new URLSearchParams(init);
const options = {
    hostname: API_URL,
    method: "GET",
    path: `/api/get_user?${query}` // 附加参数
};

const req = https.request(options, (res) => {
    let data = '';
    res.on('data', (chunk) => data += chunk);
    res.on('end', () => {
        try {
            console.log(JSON.parse(data[0].username));
        } catch (e) {
            console.error('JSON 解析失败:', e);
        }
    });
});

// 错误处理
req.on('error', (err) => {
    console.error('请求失败:', err.code);
});

输出：

[
  {
    user_id: '33932276',
    username: 'Kyzzz5658',
    join_date: '2023-06-24 08:48:13',
    count300: '2139',
    count100: '609',
    count50: '194',
    playcount: '44',
    ranked_score: '1917044',
    total_score: '3095639',
    pp_rank: '1968010',
    level: '8.0115',
    pp_raw: '43.5449',
    accuracy: '81.70417785644531',
    count_rank_ss: '0',
    count_rank_ssh: '0',
    count_rank_s: '0',
    count_rank_sh: '0',
    count_rank_a: '1',
    country: 'CN',
    total_seconds_played: '2259',
    pp_country_rank: '38721',
    events: []
  }
]

首页 ·ppy/osu-api 维基

把主力机系统换成Arch Linux是我这辈子做过的最蠢的决定

i@glowisle.me (五葉地錦) — Sun, 06 Apr 2025 17:58:48 +0000

前言

先说结论。

我是傻逼！

我是傻逼！！

我是傻逼！！！

本文将讲述

为什么我放弃了Arch
为什么我放弃了Linux。
什么人适合用Linux做主力系统

本文的所有观点仅仅代表个人观点，我纯菜。你问我为什么要选择Arch，而不是Ubuntu或者其他新手友好的发行版，我不知道，正如上文所说，我是傻逼！

为什么我放弃了Arch

说到这个问题，就要先来谈谈为什么我要把Windows换成Linux。

Linux这个系统对于我来说一直是神秘而美好的，至少在当时。我痴迷于命令行、终端、Vim这种工具。小时候也看过爸爸零几年买的《鸟哥的Linux私房菜》，给我当时幼小的心灵带来的极大的震撼。

我当时也对Linux的目录结构非常新鲜，不分盘的设定感觉很好玩。

我网站的服务器是Linux、身边的各种设备都有Linux的影子，这更加提高了我对Linux的向往程度。

还有一个原因是，我当时正在用C语言写一个小工具，Windows下的gcc无法使用通配符*，要想用只能去打开Git Bash或者MSYS2，这俩东西界面的丑陋程度相比就不用我多说了，我当时就是喜欢把精力浪费在不必要的地方上，Windows的那个终端被我“美化”得花里胡哨的，上面两者的界面当然入不了我的眼。

为了解决这个问题，我开始使用WSL2，但仅仅停留在开始阶段。

我这个系统不知道怎么回事，根本没办法用WSL2。

全网都没有遇到这个问题的，那既然如此，重装系统吧。

和系统相处就像谈恋爱，总有一段热恋期，过了这个时期后就冷淡了、矛盾也就浮出水面。刚装好的前几天，我的热情前所未有的高涨，学习各种命令、各种工具，当然少不了配置我最爱的Vim。那么说到Vim，归根结底是文本编辑器对吧，打字的软件，那么就要说说我用Linux的第一大困难——输入法配置难

输入法配置难

我是双拼用户，从小学六年级就开始用小鹤双拼打字了，这么长时间的习惯很难改，我也不想改。但是Linux上对双拼友好的输入法方案几乎没几个，我尝试过两个，Fcitx5 + 搜狗, Fcitx5 + Rime。

这两个方案都大差不差，只是搜狗的可能略微智能一点，下载源什么的换成国内镜像，分分钟搞定下载问题。难就难在，我使用的终端不兼容Fcitx。

没错，我用的就是Kitty。

那么，肯定有人就想说，KDE自带的Console不能用吗？非得额外下载一个干什么？？

我的答案就是：丑。

没错，就是因为Console丑。当然他也可以美化，但问题就在于，他的窗口圆角不彻底，而且把标签页显示关掉后，只能额外开一个窗口，占用屏幕空间。

而Kitty就不同，窗口边框干净利落，看起来很舒服，而且配色看起来也比Konsole那高饱和度的方案舒服太多了。标签页不是类似于系统组件的那种形式，所以不会额外占窗口空间。

虽然不兼容问题，在程序启动参数添加一条指定ibus接口的命令就解决了。

你问我为什么非得要追求好看，闲的么？我当时可能会扣一大串字来回怼你，但是我现在觉得我错了，我认同你的观点，就是闲的。

如开头所说，我是傻逼！

配置各种东西就免不了使用Github下载，那么就由此引出了第二个问题，代理配置难

代理配置难

我这边访问Github非常不稳定，有时候能丝滑裸连，有时候挂代理都难上。我先用了Steam++的Github加速服务，但是他会把Github的一些地址都重定向到localhost导致使用Git的某些功能如git push异常。我又换到FastGithub，这东西很好用，但也有不稳定的时候，当他作为系统服务启动的时候，发生异常，想杀死他就变得十分困难，然后导致几乎所有Git功能都瘫痪，非常麻烦，git clone都跑不下来。

显卡驱动安装难

Linux显卡驱动问题一直都是社区津津乐道的蛋疼问题，更蛋疼的是我的显卡还是英伟达的，你问我为什么用英伟达显卡还玩Linux，我不知道。正如开头所说，我是傻逼！

显卡驱动的问题，我研究了一周左右，虽然最后还是成功了，但是离正常使用还有一段距离。也是有很多小问题，比如使用系统自带的截图会黑屏，用不了i3等窗口管理器等等。

当初安装显卡驱动导致的问题包括但不限于：

鼠标灵敏度异常
显示比例异常
画面撕裂
系统炸了
桌面炸了
能进图形界面但是不能登录

嗯对就是这么离谱。当然经过我一番折腾还是达到了能用但体验不好的程度。

安装软件难

拿QQ举例，QQ官网的Linux安装包是.deb，如果我想安装，还是要经过一大通折腾，拼凑出来一个半成品QQ，而且最难受的是，每次他都会自动推送更新，我还更不了，还不能忽略版本，让我这个强迫症非常折磨。

为什么我放弃了Linux

其实原本我是不打算放弃Linux的，因为我突然想玩星露谷物语了，就想着要不要装双系统，但是我装Arch根本没有经验，磁盘分区做的很烂，上面的一番折腾已经让我筋疲力尽，我不想再玩Arch，只想找一个开箱即用的Linux发行版。

我的目光理所应当地投到了Ubuntu，这是我小时候体验的第一个Linux发行版，对我来说意义有点特殊，而且也属于开箱即用，所以Arch就光荣的升级为我的前任了。

Windows系统的安装非常简单，只要一直下一步下一步下一步，然后等就行了。Ubuntu也差不多，但需要注意的一点是，有一个步骤让用户选择以怎样的方式安装Ubuntu，给了三个选项，一个是用Windows Boot Manager管理，一个是擦除磁盘，好像还有一个，没注意。

我要装双系统，当然是选第一个选项，系统正常装上了，一切正常。下载软件，Neovim、VSCode、kitty。

kitty……

上文提到，Kitty不支持fcitx5，理论上这个问题还是可以像Arch时期那么解决，但是我当时没找到怎么给程序添加启动参数。跟着网上的教程折腾了半天系统配置文件后，我成功的又把系统玩炸了，进不去桌面。

当时已经是晚上十点多了，当天上午刚出去踏青，走了一万一千步，对于我来说已经把这一个月的活动量都用完了，筋疲力尽。非常困倦的状态下，我打算重装Ubuntu，正式因为特别困，智商下降得厉害，在安装程序选择了第二个：擦除磁盘。

我原本Windows系统的D盘擦干净装了个Ubuntu。

……….

那就这样吧，也行，我试着在Windows里把C盘装的那个坏掉的Ubuntu删掉，但是Windows访问不了那块神秘区域。。。

那行吧，重装系统。我格式化了C盘，删除了所有的分区，重装了Windows。在下载软件的时候猛地一惊。

我为什么现在不用WSL了呢？

这是个好问题，对吧，你问我为什么到这时候才想起来用WSL，我不知道，正如开头所说，我是傻逼！

于是，我不再安装Ubuntu，执行wsl的安装命令，没有像上次使用Windows那样报错，报各种偏门错，报全网都找不到解决方法的错。

此时我心中一万头曹尼玛奔腾，只有一句话想说：

我是傻逼！！！！！！

什么人适合用Linux做主力系统

我个人认为，对Linux有刚需，如嵌入式、AI、机器学习这种领域，离开Linux干不了活的，我会推荐你用WSL，而不是主力Linux。我不建议任何人主力系统用Linux。。。。更不建议主力Linux发行版是Arch。

WSL的好处太多了，最大的好处就是方便。

当然，你爱折腾，对Linux有热情，有好奇心，完全可以把我这话当放屁。

结语

我是傻逼！

我是傻逼！！

我是傻逼！！！

上帝类是什么？该如何避免上帝类？

i@glowisle.me (五葉地錦) — Sun, 30 Mar 2025 10:47:35 +0000

什么是上帝类

所谓的上帝类，就是指一个类承担了过多的职能，变得过于臃肿和复杂、难以维护。没有遵守单一职责原则。像上帝一样什么都能干，每个功能高度耦合，牵一发而动全身，不利于业务的拓展。

上帝类是如何产生的

上帝类的产生，通常是由于需要快速实现功能而做出的妥协，长期积累就变成繁重的技术债务。或是缺乏规划经验，功能不断地被加到类中。依旧长期积累，上帝类产生了。

上帝类的优缺点

上帝类虽然在上文被冠以臃肿、难维护的帽子，但并不代表他没有优点，要辨证地看待。

优点：上帝类适用于一些较小的、逻辑简单的任务或工具类，逻辑不复杂，也不需要长时间维护，即拿即用。不用过多地考虑职责和颗粒度的划分，也能提高开发效率
缺点：即上文中所提到的。臃肿、复杂、难以维护、测试麻烦、缺乏可读性、耦合度高，不可拓展同时违反SRP和OCP原则

上帝类的判定

代码行数判定法：代码行数很多的有可能是上帝类，注意是有可能。如果是上帝类，应当进行适当重构
依赖关系判定法：通过分析类的依赖关系来判定其是否与其他类高度关联，如果是，他有可能是上帝类。
职责判定法：如果一个类承担了过多的职责，他该干的也干了，不该干的也干了，那么毫无疑问，他是上帝类。
测试覆盖率判定法：如果一个类难以单元测试，或覆盖率低或总是出现奇奇怪怪的不可预测的问题，那么他有可能是上帝类。

如何避免上帝类

所以，要如何避免上帝类，这个问题的答案已经显而易见了。和上一段相反着做即可。遵守单一职责原则。规划好代码架构。比如，要处理一个压缩包解析和数据展示功能，首先就要拆分职责为不同的类。类中再去写相对应的函数。我们可以把这个功能拆分为解压、读取、展示信息三个类，类中分别编写相应的代码，这样就能做到避免上帝类的产生，从而提高代码的可维护性和可拓展性。

安装配置Rime输入法

i@glowisle.me (五葉地錦) — Mon, 24 Mar 2025 20:37:38 +0000

前言

其实我有能用的fcitx5+搜狗输入法的方案，但奈何kitty终端有对这个输入法的兼容性问题，无法启用中文，又奈何kitty的界面多美观舒服，和Konsole比起来简直就不是一个时代的产物。

安装Ibus框架和Rime输入法引擎

安装 IBus 和 Rime 组件： sudo pacman -S ibus ibus-rime

安装 Rime 双拼方案： sudo pacman -S rime-double-pinyin

配置 IBus 和 Rime

设置环境变量 在~/.xprofile添加以下内容

export GTK_IM_MODULE=ibus export QT_IM_MODULE=ibus export XMODIFIERS=@im=ibus

重启系统或执行 source ~/.xprofile 使配置生效

启动 IBus 并添加 Rime 输入源

ibus-daemon -drx

右键点击系统托盘中的 IBus 图标，选择 Preferences → Input Method → Add，选择 Chinese (Rime)。

配置双拼方案 编辑 Rime 的配置文件 ~/.config/ibus/rime/default.custom.yaml：

patch:
schema_list:
	- schema: double_pinyin # 自然码双拼
	- schema: luna_pinyin # 全拼备用

优化 Rime 的智能联想与词库

启用雾凇拼音方案（推荐）

cd ~/.config/ibus/rime
git clone https://github.com/iDvel/rime-ice.git
cp -r rime-ice/* .

安装小鹤双拼方案

# 安装 plum 工具
curl -fsSL https://git.io/rime-install | bash -s -- double-pinyin flypy

Nodejs环境下控制台拼接字符串输出有undefind

i@glowisle.me (五葉地錦) — Sat, 22 Mar 2025 18:56:33 +0000

今天在Nodejs环境下搓小工具，控制台输出拼接字符串时，发现有undefind，代码如下：

const date = new Date();
const year = date.getFullYear();
const month = date.getMonth();
const day = date.getDate();
const hour = date.getHours();
const minute = date.getMinutes();
const second = date.getSeconds();
const logTime = `[${year}-${month}-${day} ${hour}:${minute}:${second}] `;

class GenerateLog {
  static log() {
    process.stdout.write(logTime);
  }
}

console.log(GenerateLog.log() + "log output on the console");

输出确是这样：

[2025-3-22 18:56:33] undefindlog output on the console

原因：GenerateLog.log()方法没有返回值，所以输出undefind，解决方法如下：

// 让log方法返回logTime
class GenerateLog {
  static log() {
    return logTime; // 返回字符串
  }
}

console.log(GenerateLog.log() + "log output on the console");

关键总结： Javascript中，如果方法没有返回值，那么输出的就是undefind

扩展

为什么 console.log() 本身会返回 undefined？在 REPL 环境（如 Node.js 命令行或浏览器控制台）中，每条语句的执行结果会被隐式打印。由于 console.log() 函数本身没有返回值（即返回 undefined），因此会显示 undefined。但在脚本执行时，这一行为不会发生，因为脚本模式不自动打印返回值

Kitty终端美化记录

i@glowisle.me (五葉地錦) — Sun, 09 Mar 2025 12:41:10 +0000

Kitty这个终端可谓是兼顾了性能与美观，虽然默认设置很简陋，但是经过一番折腾后也能变得很漂亮。

选择配色

运行kitty + kitten themes后会弹出一个选择配色的界面

令我感到非常高兴的是，这个界面支持vim的hjkl键位，也可以用/来搜索。选好后，回车按m，command + ^ + ,重载配置文件。

配置字体

打开kitty的配置文件nvim ~/.config/kitty/kitty.conf，把字号改到12 font_size 12 输入kitty list-fonts --psnames来列出系统安装好的所有等宽字体。

设置窗口风格

进入配置文件

#window
# 不显示窗口标题栏 保留窗口圆角
hide_window_decorations titlebar-only
# 边距
window_padding_width 5
# 不透明度
background_opacity   0.8
# 毛玻璃效果
background_blur      30

设置标签栏风格

#tab bar
tab_bar_edge          top
tab_bar_style         powerline
tab_powerline_style   slanted

安装终端文件管理器

yay -S yazi 推荐yazi的原因，就是能用vim快捷键啊！hjkl好文明！而且它还能直接在终端预览图片

最终效果预览

KDE桌面环境无法在Konsole切换中文输入法的解决方案

i@glowisle.me (五葉地錦) — Sat, 08 Mar 2025 22:07:58 +0000

原因

KDE默认使用Wayland会话，而fcitx4不支持Wayland，需升级到fcitx5。若无法升级到fcitx5或升级后仍然无法切换中文输入法，安装fcitx-qt6

sudo pacman -S fcitx-qt6

安装后执行sudo reboot now进行重启，问题解决。

【无废话】全网最简单的Hexo+Obsidian图片解决方案

i@glowisle.me (五葉地錦) — Wed, 05 Mar 2025 21:17:42 +0000

把Hexo博客根目录用黑曜石打开，如果已经打开了仓库

在弹出的窗口中选第二个。

在source目录下新建images文件夹用于存放图片设置 => 文件与链接 => 附件默认存放路径：选择指定的附件文件夹。路径填写刚刚创建的image文件夹的相对路径取消使用Wiki链接注意。由于我的文件结构是这样的所以这么填写，要根据自己的文件结构填写相对路径。

搞定，同时可以在本地编辑环境和博客网站中显示。

【未解决】Windows WSL报错：Error: 0x80080005 ???????

i@glowisle.me (五葉地錦) — Tue, 04 Mar 2025 20:58:30 +0000

设备环境：

操作系统：Windows 10
安装系统：Arch Linux
错误日志：
Installing, this may take a few minutes...
WslRegisterDistribution failed with error: 0x80080005
Error: 0x80080005 ???????

Press any key to continue...

网上有一篇文章提到这个错误，下面的评论回复以管理员权限运行命令提示符并执行sc stop LxssManager和sc start LxssManager 出现如下报错：

C:\Windows\system32>sc stop LxssManager
[SC] OpenService 失败 1060:

指定的服务未安装。

顺藤摸瓜，在网上寻找LxssManager这个服务要如何安装。网上暂时还没有找到相关文章能够解决这个问题，但是CSDN的一篇文章引起了我的注意 [SC] OpenService 失败：1060指定的服务未安装_[sc] openservice 失败 1060: 指定的服务未安装。-CSDN博客文章中提到了“服务”，在开始菜单中搜索服务，进入应用找到了一个名为WSL Service的服务。点左上角启动。提取关键信息：1058、被禁用、关联的设备没有启动。检查功能是否开启：按下 Win+S 搜索 启用或关闭Windows功能 勾选适用于Linux的Windows子系统和虚拟机平台这两项，点击确定重启电脑。回来以后，用管理员身份运行powershell，强制重置WSL服务，依次执行：

wsl --shutdown
wsl --unregister Arch # 替换为你的发行版名称
wsl --install -d Arch # 重新注册发行版

如果提示内核缺失，在这里下https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi

如果有以下输出：

zcz  system32  ♥ 21:32  wsl --shutdown
此应用程序需要适用于 Linux 的 Windows 子系统可选组件。
通过运行安装它： wsl.exe --install --no-distribution
可能需要重新启动系统才能使更改生效。
错误代码: Wsl/WSL_E_WSL_OPTIONAL_COMPONENT_REQUIRED

两种可能：

没有安装WSL服务
服务被禁用 后者比较棘手，我们先做第一种尝试 强制安装WSL组件 以管理员身份运行 PowerShell，执行以下命令：

# 安装WSL核心组件（会自动启用虚拟化功能）
wsl --install

输出：

zcz  system32  ♥ 21:34  wsl --install
正在安装 Windows 可选组件: Microsoft-Windows-Subsystem-Linux

Deployment Image Servicing and Management tool
Version: 10.0.19041.3636

Image Version: 10.0.19045.5487

启用一个或多个功能
[==========================100.0%==========================]
The operation completed successfully.
正在安装 Windows 可选组件: VirtualMachinePlatform

Deployment Image Servicing and Management tool
Version: 10.0.19041.3636

Image Version: 10.0.19045.5487

启用一个或多个功能
[==========================100.0%==========================]
The operation completed successfully.
请求的操作成功。直到重新启动系统前更改将不会生效。

再次进行重启。 Restart-Computer 开机加载界面显示：我们无法完成更新，正在撤销更改。。尝试过的方法：进入安全模式，尝试重启更新，失败。安全模式仍然失败，选择临时禁用WSL服务管理员cmd执行

sc config LxssManager start= disabled
shutdown /r /t 0

输出：

C:\Windows\system32>sc config LxssManager start= disabled&& shutdown /r /t 0
[SC] OpenService 失败 1060:

指定的服务未安装。

唉，老朋友，又见面了。只能祭出来我的终极大杀器。

彻底重装WSL

# 卸载所有发行版
wsl --unregister *
# 删除残留配置
Remove-Item -Path "$env:USERPROFILE\AppData\Local\Packages\*Linux*" -Recurse -Force

输出：

zcz  system32  ♥ 22:04  # 卸载所有发行版
> wsl --unregister *
> # 删除残留配置
> Remove-Item -Path "$env:USERPROFILE\AppData\Local\Packages\*Linux*" -Recurse -Force
正在注销。
此应用程序需要适用于 Linux 的 Windows 子系统可选组件。
通过运行安装它： wsl.exe --install --no-distribution
可能需要重新启动系统才能使更改生效。
错误代码: Wsl/WSL_E_WSL_OPTIONAL_COMPONENT_REQUIRED

输入wsl.exe --install --no-distribution 输出：

zcz  system32  ♥ 22:09  wsl.exe --install --no-distribution
正在安装 Windows 可选组件: Microsoft-Windows-Subsystem-Linux

Deployment Image Servicing and Management tool
Version: 10.0.19041.3636

Image Version: 10.0.19045.5487

启用一个或多个功能
[==========================100.0%==========================]
The operation completed successfully.
正在安装 Windows 可选组件: VirtualMachinePlatform

Deployment Image Servicing and Management tool
Version: 10.0.19041.3636

Image Version: 10.0.19045.5487

启用一个或多个功能
[==========================100.0%==========================]
The operation completed successfully.
请求的操作成功。直到重新启动系统前更改将不会生效。

继续重启，显示“我们无法完成更新，正在撤销更改。”

以管理员身份打开CMD：按下 Win+S → 输入 cmd → 右键选择 “以管理员身份运行” 执行以下命令（注意语法）：

sc config LxssManager start= auto
sc config vmcompute start= auto
net start LxssManager
net start vmcompute

仍然1085，管理员cmd执行

dism /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart

dism /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart

尝试重装WSL，出现 ![[_posts\Windows-WSL报错：Error-0x80080005\Pasted image 20250304222548.png]]

研究了一阵子，vmcompute（虚拟机核心服务）和 LxssManager（WSL管理服务）均未注册，导致WSL安装向导崩溃。

# 以管理员身份运行
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
dism.exe /online /enable-feature /featurename:HypervisorPlatform /all /norestart

重启，“我们无法完成更新，正在撤销更改。” 。。。。。、、、、尽力了。现在看来，是系统层面的硬伤了。可能行得通的有重装系统和保留文件重置系统两个选择。不过我还是会和这个问题死磕一下，我就不信我干不成这个事。明天还要苦逼上学，先睡了。 2025.3.4 22:57

————————————————————————————

2025.3.5

尝试强制修复系统核心组件

# 以管理员身份运行 PowerShell
sfc /scannow
DISM /Online /Cleanup-Image /RestoreHealth

重置 Windows Update 组件

# 管理员cmd执行 net stop wuauserv
net stop cryptSvc
net stop bits
net stop msiserver
rmdir C:\Windows\SoftwareDistribution /S /Q
net start wuauserv
net start cryptSvc
net start bits
net start msiserver
# 强制重建WSL核心服务
sc create vmcompute binPath= "C:\Windows\System32\vmcompute.exe" start= auto type= kernel
sc create LxssManager binPath= "C:\Windows\System32\lxss\LxssManager.dll" start= auto type= own
net start vmcompute
net start LxssManager

仍然无法启动。使用wsl偶遇神秘怪异bug拼尽全力无法战胜。我都已经浪费这么长时间来研究这个问题，为什么我不直接装个Linux系统呢。周末就把这傻卵系统换成Arch！

记录Typecho博客转移到Hexo

i@glowisle.me (五葉地錦) — Mon, 03 Mar 2025 15:40:00 +0800

前言

折腾来折腾去，最后发现归宿还是静态博客，安全性高、性能开销小，用Github直接省去服务器费用还差不多永生。每年把域名钱交了就得了，图片的问题再想想办法，总能解决的。 ~~突然有一种为了躲避战乱带着一家人四处奔波的悲凉感~~

分析

博客网站的内容，都可以拆分为以下几个点：

文章
评论
文章插图
网站贴图资源

先从最主要的文章开始，想想有没有什么可以用的。 gitee上有一个插件，看起来好像有点用，折腾安装一下试试先。

Tp2MD插件迁移文章

远程登录服务器，把本地下号的zip传到服务器上并解压。 cd到插件目录 /usr/share/nginx/html/usr/plugins

解压压缩包 unzip Typecho-Plugin-Tp2MD-master.zip

重命名为插件的自述文件要求的名称 mv Typecho-Plugin-Tp2MD-master Tp2MD

登录网站后台，启用插件。点击插件的设置，保存后按照教程访问。这里提示不能写入文件，请检查 cache 文件夹权限！，我们在插件目录设置一下权限 sudo chmod -R 777 cachea 注意是这个插件目录下的cache！！

提示导出成功，cd到这个目录，把文件压缩下载下来查看可能是因为我有的文章点了多篇分类，导出文件夹有点问题，无所谓，后期再调，拿到了就行。至此，文章部分搞定！

评论这里，我折腾了两天，尝试尽了各种方案（Disqus Valine Waline Utterances Twikoo Atalk），最后还是选择了Giscus。我也知道这样读者没有github就没办法发评论，但是其他几种方案都会出现各种奇奇怪怪且无法解决的问题比如Cloudflare拦截、CORS出毛病、服务器被墙以及莫名其妙404、403。我真的尽力了。

文章插图

转移图片文件

进入/usr/uploads/，压缩下载图片

重组Hexo图片目录：复制所有图片到Hexo的source/images/目录。

手动替换图片路径，注意，静态资源解析默认以source为根目录，所以直接写以source为根目录的绝对路径就行。

部署到vercel加速访问

注册vercel账号
创建项目，关联仓库
域名解析

2025.3.3，博客全部迁移完毕，粗略累计用时六天，一直没什么时间搞，耗时最长的还是在评论系统上的试错。

Java面向对象编程——多态、抽象类、接口

i@glowisle.me (五葉地錦) — Fri, 10 Jan 2025 15:05:00 +0000

什么是多态

在继承/实现情况下的一种现象，表现为：对象多态、行为多态。

多态的前提

有继承/实现关系；存在父类引用子类对象；存在方法重写
多态的注意事项
多态是对象、行为的多态，成员变量不体现多态。

使用多态的好处

在多态形式下，右边的对象是解耦合的，更便于拓展和维护。
定义方法时，使用父类类型的形参，可以接收一切子类对象，扩展性更强、更便利。

多态下产生的一个问题

多态下不能使用子类的独有功能。

多态下的类型转换

自动类型转换：父类变量名 = new 子类();
强制类型转换： 子类变量名 = (子类)父类变量

强制类型转换的注意事项

存在继承/实现关系就可以在编译阶段进行强制类型转换，编译阶段不会报错。
运行时，如果发现对象的真实类型与强转后的类型不同，就会报类型转换异常(ClassCastException)

强转前，Java建议：

使用instanceof关键字，判断当前对象的真是类型，再进行强制类型转换。

final

final关键字的中文是最终的意思，可以修饰类、方法、变量
- 修饰类：该类被称为最终类，特点是不能被继承了。
- 修饰方法：该方法被称为最终方法，特点是不能被重写了。
- 修饰变量：该变量只能被赋值一次。

常量

使用了static final 修饰的成员变量就被称为常量；
作用：通常用于记录系统的配置信息。
注意：常量的命名规范：使用大写英文单词，多个单词使用下划线连接起来。

视同常量记录系统配置信息的优势、执行原理

代码可读性更好、可维护性也更好。
程序编译后，常量会被宏替换：出现常量的地方全部会被替换成其记住的字面量，这样可以保证使用常量和直接用字面量的性能是一样的。

抽象类

什么是抽象类

Java中有个关键字叫abstract，他就是抽象的意思，可以用来修饰类、成员方法
abstract修饰类，这个就是抽象类，修饰成员方法同理。

抽象类的注意事项、特点

抽象类中不一定有抽象方法，有抽象方法的类一定是抽象类。
类该有的成员（成员变量、方法、构造器）抽象类都可以有。
抽象类最主要的特点： 抽象类不能创建对象，仅作为一种特殊的父类，让子类继承并实现。
一个类继承抽象类，必须重写完抽象类的全部抽象方法，否则这个类也必须定义成抽象类。

抽象类的使用场景和好处

父类知道每个子类都要做某个行为，但每个子类做的情况不一样，父类就定义成抽象方法，交给子类去重写实现，我们设计这样的抽象类，就是为了更好的支持多态。~~爸爸画饼儿子烙饼~~

接口

接口概述

Java提供了一个关键字interface，用这个关键字我们可以定义出一个特殊的结构：接口。
注意：接口不能创建对象；接口是用来被类实现（implements）的，实现接口的类被称为实现类。
一个类可以实现多个接口，实现类实现多个接口必须重写完全部接口的全部抽象方法，否则实现类需要定义成抽象类。

Java面向对象编程——继承

i@glowisle.me (五葉地錦) — Fri, 10 Jan 2025 13:19:11 +0000

什么是继承

Java中提供了一个关键字extends，用这个关键字，可以让一个类和另一个类建立起父子关系。

继承的特点

子类能继承父类的非私有成员变量和成员方法。

继承后对象的创建

子类的对象是由子类、父类共同完成的。

继承相关的注意事项

权限修饰符

什么是权限修饰符？

用来限制类中的成员（成员变量、成员方法、构造器、代码块…）能够被访问的范围

权限修饰符有几种与各自的作用

修饰符	在本类中	同一个包下的其他类	任意包下的子类	任意包下的任意类
private	√
缺省	√	√
protected	√	√	√
public	√	√	√	√
provate < 缺省 < protected < public

单继承

Java是继承的，Java中的类不支持多继承，但是支持多层继承。

Object类

Ojbect类是所有Java类的父类，任何类都是Object的子类。

方法重写

什么是方法重写

当子类发现父类中的方法无法满足自己的需求时，子类可以重写一个方法名称、参数列表一样的方法去覆盖父类的这个方法，这就是方法重写。
注意：方法重写后，方法的访问遵循就近原则。

方法重写的注意事项

重写时使用Override注解，他可以指定Java编译器，检查我们方法重写的格式是否正确，代码可读性也会更好。
子类重写父类方法时，访问权限必须大于或等于父类该方法的权限（public > protected > 缺省）。
重写的方法返回值类型，必须与被重写方法的返回值类型一样，或者范围更小。
私有方法、静态方法不能被重写，如果重写会报错。

方法重写在开发中的常见应用场景

子类重写Object类的toString()方法，以便返回对象的内容。

子类中访问其他成员的特点

在子类方法中访问其他成员是按照就近原则的。
- 先子类局部范围找。
- 然后子类成员范围找。
- 然后父类成员找
- 然后父类成员范围找，如果父类范围还没有找到则报错。
如果子父类中，出现了重名的成员，会优先使用子类的，如果此时一定要在子类中使用父类的方法怎么办？
- 可以通过super关键字，指定访问父类的成员：super.父类成员变量/父类成员方法

子类构造器的特点

子类的全部构造器，都会先调用父类的构造器，再执行自己。

子类构造器是如何实现调用父类构造器的：

默认情况下，子类全部构造器的第一行代码是super();（写不写都有），他会调用父类的无参数构造器。
如果父类没有无参数构造器，我们必须在子类构造器的第一行手写super();，指定去调用父类的构造器。

修复Geyser下基岩版玩家无法在地狱基岩层放置方块

i@glowisle.me (五葉地錦) — Wed, 08 Jan 2025 17:26:00 +0000

在plugins\Geyser-Spigot\config.yml中把第160行的above-bedrock-nether-building: false改为true，重启服务器，问题解决~ 原理：geyser把下界翻译成了末地，会导致下界天空变成末地的样式，不过可以解决基岩版玩家在地狱基岩层的问题。

Spigot服务端控制台中文乱码解决方案

i@glowisle.me (五葉地錦) — Sat, 04 Jan 2025 08:35:00 +0000

把-Dfile.encoding=UTF-8加在开服脚本文件的-jar前即可。
在启动脚本第一行加上chcp 65001 我的启动脚本如下：

chcp 65001
java -Dfile.encoding=UTF-8 -jar spigot-1.21.jar

String的注意事项

i@glowisle.me (五葉地錦) — Thu, 19 Dec 2024 22:28:15 +0000

String的注意事项

1. String对象的内容不可改变，被称为不可变字符串对象。
1. 只要是以“…”的方式写出的字符串，都会存储到字符串常量池，且相同的字符串只存储一份；
但通过new方式创建字符串对象，每new一次都会产生一个新的对象放在堆内存中。

不可变字符串对象

不可变？它肯定可变啊，比如

package string;  
  
public class StringDemo3 {  
    public static void main(String[] args) {  
        String name = "yingyu5658";  
        name += ".me";  
        name += "域名";  
        System.out.println(name);  
  
    }  
}

这时候把name打印出来不就是yingyu5658.me域名了吗？每次试图改变字符串对象实际上是新产生可字符串对象，变量每次都与指向了新的字符串对象，之前字符串对象的内容确实是没有改变的，因此说String的对象都是不可变的。

第二点注意事项

示例代码：

package string;  
  
public class StringDemo3 {  
    public static void main(String[] args) {  
        String s1 = "abc";  
        String s2 = "abc";  
        System.out.println(s1 == s2);  
        //true  
    }  
}

这里使用双等来判断两个变量的地址是否相同，返回结果为true,也就是说，地址是相同的。原理：上文提到，双引号包裹住的字符串，会被保存到字符串常量池中，且相同的字符串只存储一份。这里我们声明了两个内容为abc的String类型变量。Java是很聪明的，当我们把s2声明，它要存到字符串常量池时，看到内容一样，就不再存了，而是把s2也指向abc，因此s1地址和s2地址是一样的。

new

示例代码：

package string;  
  
public class StringDemo3 {  
    public static void main(String[] args) {  
        char[] chars = {'a','b','c'};  
       String a1 =  new String(chars);  
       String a2 =  new String(chars);  
        System.out.println(a1 == a2);  
        //false  
    }  
}

上文提到，每new一次就会创建一个新的对象，所以此时再比较两者地址，返回false，是不同的。

面向对象编程总结

i@glowisle.me (五葉地錦) — Wed, 18 Dec 2024 16:30:00 +0000

面向对象（oop）

面向对象编程的思想：面向。拿或者找。

对象：东西面向对象编程：拿东西过来编程面向对象：把现实世界中的食物看成一个一个对象来解决问题的。（万物皆对象）面向对象的好处：代码更符合人类的思维习惯。编程更简单。看程序更容易理解（？）

类、对象：

类（设计图）：相同事物，共同特征的描述。对象：对象是类的具体的实例。对象 = 实例在Java中必须先定义类，才能得到对象

定义类来创建对象使用

定义类的格式

成员变量（代表属性，一般是名词）：数据类型名称;
成员方法（代表行为，一般是动词）
构造器（前面的区域以后再来探索吧）
代码块（前面的区域以后再来探索吧）
内部类（前面的区域以后再来探索吧）

类中具体怎么写：

一般名词定义成成员变量（属性） 修饰符数据类型变量名称 = 初始值 成员变量不建议给初始值，它存在默认值。

一般动词定义成方法（行为）

创建对象

类名对象名 = new 构造器();

对象使用：

对象名.成员变量 对象名.成员方法

构造器

	作用：
		初始化一个累的对象并且返回这个类的地址。
		详细格式：修饰符 类名(形参){...}
		构造器的分类：
					无参数构造器：初始化一个类的对象，里面的数据都是默认值，并返回地址。
					有参数构造器：初始化一个类的对象，并返回地址，并且可以同时为对象赋值。
		构造器如何调用：
					类名 对象 = new 构造器;
		注意：任何类写出来，自带无参数构造器
			   但是在这个类中定义了一个有参数构造器了，那么无参数构造器就消失了，此时如果还要使用无参数构造器，必须自己写一个。

this关键字

作用：代表了当前对象的地址。可以访问当前对象的成员变量信息和成员方法

具体应用场景

可以用在有参数构造器中可以用在方法中

封装

面向对象三大特征：封装、继承、多态。封装的基本思想：决定属性和行为归属谁的问题。

如何更好的封装：

成员变量私有化，只能在本类访问。

合理暴露

提供成套的getter和setter方法暴露取值赋值。

标准JavaBean

JavaBean是什么：是实体类。作用：创建对象，封装数据。

记录配置SSL证书

i@glowisle.me (五葉地錦) — Tue, 17 Dec 2024 11:46:07 +0000

首先你要有一个SSL证书，建议在阿里云购买或者免费申请，具体过程阿里云这个页面讲的很详细，在此不过多赘述。

配置证书

由于我的nginx安装了ssl模块，直接进入配置证书。

解压下载好的证书，然后上传到服务器。位置自己方便找到即可我放到了root/card

配置nginx.conf

进入nginx.conf，我的文件位置在/etc/nginx/nginx.conf,有些可能在/usr/local/nginx/conf 编辑模式，启动！


  

http {

    include       mime.types;  # 包含 MIME 类型定义

    default_type  application/octet-stream;

    sendfile        on;

    keepalive_timeout  65;

  

    # HTTPS server block

    server {

        # 监听443端口（HTTPS）

        listen 443 ssl;

  

        # 【请修改】您的域名

        server_name xxx;

  

        # 启用 SSL (注意: "ssl on;" 已被弃用，直接使用 "listen ... ssl;")

        ssl on;

  

        # 【请修改】SSL 证书的 PEM 文件路径

        ssl_certificate  /root/card/www.xxxx.pem;

  

        # 【请修改】SSL 证书的 KEY 文件路径

        ssl_certificate_key /root/card/www.xxxx.key;

  

        location / {

            # 【请修改】代理转发的目标地址和端口（例如公网IP和项目端口号）

            proxy_pass  http://公网地址:项目端口号;

        }

    }

  

    # HTTP server block for redirecting to HTTPS

    server {

        # 监听80端口（HTTP）

        listen 80;

  

        # 【请修改】您的域名

        server_name huiblog.top;

  

        # 将所有 HTTP 请求永久重定向到 HTTPS

        rewrite ^(.*)$ https://$host$1 permanent;

    }

}

重新加载Nginx

sudo systemctl reload nginx

Typecho不要用阿里云系统镜像

i@glowisle.me (五葉地錦) — Sun, 15 Dec 2024 21:45:47 +0000

不要用阿里云的系统镜像，那个是1.1版本的。。。很多插件都没办法正常用。。。比如这两个插件就会这样

还有很多主题和插件都犯这样的毛病，在此不多提，我会想办法升级版本的（又挖了个坑）

难受

Vim基础操作快速入门

i@glowisle.me (五葉地錦) — Fri, 13 Dec 2024 16:13:36 +0000

前言

各种鼠标操作让我有点抓狂，vim或许是一个很适合我的东西，全键盘操作听起来就很方便快捷，除了上手难度有点高以外，vim看起来似乎没有任何的缺点。在下载安装好了vim后，我开始学习了快捷键。~~然后我们就可以直接把鼠标扔了。~~

记住要先把输入法切换成英文模式

普通模式

退出

很多人第一次用vim，最难受的事情绝对是不知道怎么退出。退出：:q!

移动光标

h j k l 这四个按键分别对应左下上右

这个比较难适应，不过也比把手移动到右下方用箭头键舒服了

大范围移动

行数 + h/ j/ k/ l 比如，想要向下移动三行，就是3j，向左移动四格，就是3h gg 跳转到文档的最上方 G 跳转到文档的最下方

按照单词跳转

w，也就是“word”的首字母。就可以跳转到下一个单词的开头。 b beginning就跳转到前一个单词的开头 f find 查找单词。比如要把光标移动到离你最近的b，就可以输入fb

翻页

Ctrl + u向上翻页。u理解为up首字母。 Ctrl + d向下翻页。d理解为down首字母。

复制粘贴

在普通模式下，输入y （yank），复制整个单词：yaw “aw’“为阿伟 all word p 即paste，粘贴。

删除

普通模式下，d 也就是delete，直接删除当前行和下一行的内容还可以跟上文的hjkl结合起来，比如d8j就是向下删除八行

撤销

u 也就是undo。

这些快捷键很灵活，都可以互相结合使用

输入模式

进入输入模式

在普通模式下，输入i 也就是insert，就可以进入输入模式了。

i是在当前光标的前一个字母开始输入。
使用a也就是append，就可以在当前光标之后输入。
使用I就会从这一行的开头进入输入模式。
使用A就会从这一行的末尾进入输入模式。完成编辑后，使用ESC 就可以退出编辑模式，回到普通模式了。

命令模式

在普通模式下输入：就可以进入命令模式，按下ESC就会退出命令模式。在下方的命令行中，可以输入命令 q也就是quit就可以退出保存w 保存并退出wq

可视模式

普通模式下按下v就可以进入可视模式。

配置文件

vim中修改键位，安装主题全都是用一个配置文件来完成的。原版vim的配置文件叫做.vimrc 关于修改键位，我的看法是不要改，因为你适应之后上服务器就会很难受，什么都不适应。

游戏资源下载及连接服务器相关教程

i@glowisle.me (五葉地錦) — Fri, 13 Dec 2024 20:26:00 +0800

前言

为了避免不必要的麻烦和纠纷，也是为了打造一个纯粹干净高质量的社区，我们需要对想要参与的人员提出一些条件，请确保你自身可以满足这些条件后再来愉快的玩耍。 所有的条件都是最基本的，一点也不苛刻，大部分要求仅仅是一些应该具备的能力。

正文

具备一定的耐心
具备文档阅读能力
不是伸手党，具备在互联网上搜索的能力
拥有思考和自己解决问题的能力，而不是有点什么问题直接在群里发问，我编写的各种文档已经涵盖了可能出现的大部分问题，请仔细阅读文档。
拥有支配自己钱财的权利
不在游戏内使用外挂、修改器。（当然你开了我也没法知道，全凭良心）

在你确保满足上篇文章的各项要求后，可以开始阅读这篇文章。本文章将详细地讲解泰拉瑞亚PC/Android端下载以及连接服务器的方法。

泰拉瑞亚Android版本下载

你可以直接打开群聊>群文件>泰拉瑞亚>Terraria_1.4.4.9.apk.1

安装apk.1的方法

几年前的新版本QQ中，所有的apk都会被强行篡改为apk.1导致很多用户无法正常下载。首先，你需要下载MT管理器（直接在应用商城搜或者浏览器搜）下载好后，打开MT管理器，进入/storage/emulated/0/Android/data/com.tencent.mobileqq/tencent/QQfile_recv 找到你刚刚下载好的apk.1文件，点击它，在弹出的窗口中点击左下角的“类型”，点击全部。不同型号的手机这个界面的选项会有所不同，以oppo手机为例，在这个页面向下滑动就会找到一个“软件包安装程序”的按钮。点击它就会进入软件安装页面，所有的选项全部点同意后，等待一段时间就可以打开游戏了。其他品牌型号的手机也差不多，多尝试寻找。寻找差不多的字样。

我无法打开/Android/data

自安卓11起，访问Android/data等目录需要授权；自安卓14起，授权途径被阻止。在2024年2月的安全更新中，谷歌将该项限制合入，覆盖到了安卓11、12、12L、13、14。在系统设置-关于手机中安全更新日期大于等于2024年2月的系统可能会遇到无法授权的问题。

遇到这种问题的同学，可以点击这个链接从网盘下载。要点击后缀名为.apk的文件下载 https://pan.quark.cn/s/a5d434ab6145

泰拉瑞亚PC版本下载

PC端也可以通过群文件或网盘下载 https://pan.quark.cn/s/856451f8f210

把压缩包下载好后，解压出来，在解压出来的文件夹内双击setup_terraria_v1.4.4.9_v4_(60319).exe运行，弹出的窗口左下角可以配置路径，按照你的需求配置好后同意协议，等待一段时间后安装就完成了（有些电脑时间可能比较长，请耐心等待）。

连接服务器教程

以PC端为例，当你下载安装好了游戏之后，创建一个人物。创建好后，左下角返回。点击多人游戏，选择最上面的加入。把群公告里的ip输入进去，然后输入端口。（手机端要直接添加一个英文冒号并跟上端口）

注册登录

为了保证游戏的公平性，本服务器开启了强制开荒，也就是进入服务器后强行把物品栏清除到服务器配置文档的默认值（同志短剑、铜稿、铜斧）。即使毕业人物存档进服也只能被废尽武功从头修炼。

连接到服务器后，你会发现你无法进行移动、破坏方块、拾取物品等操作，这是因为你还没有注册。打开聊天栏，按照以下格式输入命令 /register <password> 比如我的密码是114514，我就可以输入 /register 114514 注册好后，再打开聊天栏按照以下格式输入 /login username password即可登录。同一设备登陆过一次后，无需再次登录。例如 /login yingyu5658 114514 恭喜你，你可以开始游玩了！

Java面向对象编程快速入门

i@glowisle.me (五葉地錦) — Sun, 01 Dec 2024 13:05:00 +0000

什么是面向对象编程

通俗易懂的说，就是把一坨一坨的数据放到一起存储比如要存储一个学生的语文成绩和数学成绩新建一个类

public class Student {
    String name;//名字
    double chinese;//语文成绩
    double math;//数学成绩

    public void printTotalScore() {
        System.out.println(name + "的总成绩是" + (chinese + math));
    }

    public void printAverageScore() {
        System.out.println(name + "的平均成绩是" + (chinese + math) / 2.0);
    }
}

这样学生的模板就创建好了，但是这个模板还没有指向学生的每一个个体。我们可以再同一个包下再新建一个类。

public class Test {
    public static void main(String[] args) {
        //1.创建宇哥学生对象来封装学生a的数据
        Student s1 = new Student();
        s1.name = "学生a";
        s1.chinese = 100;
        s1.math = 100;
        s1.printTotalScore();
        s1.printAverageScore();

        //2.再创建一个学生对象，封装学生b的数据
        Student s2 = new Student();
        s2.name = "学生b";
        s2.chinese = 100;
        s2.math = 59;
        s2.printTotalScore();
        s2.printAverageScore();
    }
}

用以上代码新建一个学生类并且调用我们之前写好的功能

开发一个一个的对象，把数据交给对象，再用调用对象的方法来完成对数据的处理，这种方法叫面向对象编程。

深刻认识面向对象

i@glowisle.me (五葉地錦) — Sun, 01 Dec 2024 13:31:00 +0800

面向对象编程的好处

按照詹姆斯·高斯林的看法，世间万物都是对象。好比要出去旅游，你要找到车这个对象调用他的行驶功能使用来带你出去旅游。

所以面向对象编程的好处就是：符合人类思维习惯，编程更简单，更直观。

程序中的对象到底是什么

对象本质上是一种特殊的数据结构，很像数据库，但是数据库是持久存储的数据。体现出计算机各个学科的交叉。一开始设计的类就是一张表，后续在其他类中填入这张表的内容。

对象是怎么出来的

class也就是类，也称为对象的设计图（或者对象的模板）

类里可以设计很多变量，用来说明对象可以处理什么数据。
类里还可以设计很多的方法，描述对象有什么功能，也就是要对数据进行什么样的处理。接下来我们就可以在程序中new对象了 也就是先用class设计对象，然后再用class new出对象。

具体使用语法见上一篇文章[post cid=“98” /]

Java方法的传参原理

i@glowisle.me (五葉地錦) — Sat, 30 Nov 2024 20:14:00 +0000

Java方法的参数传递机制-基本类型

值传递

值传递是什么

在传输实参给方法的形参的时候，传输的是实参变量中存储的副本 说人话，把实参里面的东西赋值了一部分扔了给形参

值传递具体理解案例

public class prameter {
    public static void main(String[] args) {
        int a = 10; //定义一个int变量a赋值为10
        change(a); //调用change方法
        System.out.println("main" + a); //打印mian a中的值
    }

//这里开始写方法
    public static void change(int a){
        System.out.println("change1" + a); //打印方法中a的值
        a = 20;
        System.out.println("change2"a); //打印赋值后a的值
    }
}

我们运行以后，控制台输出的结果为

change1 10
change2 20
main 10

为什么main中打印的不是赋值后的20？

这就要提到刚才的概念：值传递 我们定义了一个变量a = 10；,在方法中public static void change(int a) 由于值传递，也就是把值复制了一分传给方法，所以我们方法里用的值永远都是刚刚定义的int a = 10;，所以change(a); = change(10); 我们后面再赋值，打印出来的结果还是10，除非你把变量定义的代码改了，否则方法里的值不会变。

引用类型的参数传递

引用类型的参数传递也满足值传递，但代码中会有不同的地方。示例代码

    public static void main(String[] args) {
        int[] arrs = new int[]{10,20,30};
        change(arrs);
        System.out.println("main" + arrs[1]);
    }
    public static void change(int[] arrs) {
        System.out.println("方法内1" + arrs[1]);
        arrs[1] = 222;
        System.out.println("方法内2" + arrs[1]);
    }

结果：

方法内1：20
方法内2：222
main：222

上一篇文章提到了栈内存的执行顺序，根据上一篇所讲，代码执行顺序如下: 1.先执行

    public static void change(int[] arrs) {
        System.out.println("方法内1" + arrs[1]);
        arrs[1] = 222;
        System.out.println("方法内2" + arrs[1]);
    }

2.再回到main方法

        System.out.println("main" + arrs[1]);

在1时进行打印，结果得到数组内第二个位置存储的20. 代码继续向下执行，第二个位置被赋值为222，此时再打印它，结果得到222. 这时候change方法执行完，它在栈内存中会被清除，然后回到main方法，由于刚才change方法中对arr[1]进行了赋值，所以我们再打印，结果得到的还是它赋值出来的222.

Java小程序之两数计算器

i@glowisle.me (五葉地錦) — Sat, 30 Nov 2024 18:51:07 +0000

这个案例是我练习方法的使用时做的，应该能有更好的方式实现这个功能。代码如下


import org.w3c.dom.ls.LSOutput;

import java.util.Scanner;

public class Basic {
    public static void main(String[] args) {
        for (; ; ) {


            System.out.println("欢迎使用！");
            System.out.println("按键1 2 3 4分别为加 减 乘 除，输入后请回车");
            Scanner startSc = new Scanner(System.in);
            int selectNumber = startSc.nextInt();
            if(selectNumber >4) {
                System.out.println("请输入正确的数字以选择！");
            }
            //以下为加法
            if (selectNumber == 1) {
                System.out.println("请输入您要计算的第一个数字");
                Scanner jiafaSc = new Scanner(System.in);
                int jiafa1 = jiafaSc.nextInt();
                System.out.println("请输入您要计算的第二个数字");
                int jiafa2 = jiafaSc.nextInt();
                jiafa(jiafa1, jiafa2);
            }
            //以下为减法
            if (selectNumber == 2) {
                System.out.println("请输入您要计算的第一个数字");
                Scanner jianfaSc = new Scanner(System.in);
                int jianfa1 = jianfaSc.nextInt();
                System.out.println("请输入您要计算的第二个数字");
                int jianfa2 = jianfaSc.nextInt();
                jianfa(jianfa1, jianfa2);
            }
            //以下为乘法
            if (selectNumber == 3) {
                System.out.println("请输入您要计算的第一个数字");
                Scanner chengfaSc = new Scanner(System.in);
                int chengfa1 = chengfaSc.nextInt();
                System.out.println("请输入您要计算的第二个数字");
                int chengfa2 = chengfaSc.nextInt();
                chengfa(chengfa1, chengfa2);
            }
            if (selectNumber == 4) {
                System.out.println("请输入您要计算的第一个数字");
                Scanner chufaSc = new Scanner(System.in);
                int chufa1 = chufaSc.nextInt();
                System.out.println("请输入您要计算的第二个数字");
                int chufa2 = chufaSc.nextInt();
                chufa(chufa1, chufa2);
            }
            System.out.println("-----------------------------------------");
        }
    }
    //加减乘除各项功能的方法，上面直接调用
    public static int jiafa(int a, int b) {
        int jieguo = a + b;
        System.out.println(jieguo);
        return a + b;
    }

    public static int jianfa(int a, int b) {
        int jieguo = a - b;
        System.out.println(jieguo);
        return a - b;
    }

    public static int chengfa(int a, int b) {
        int jieguo = a * b;
        System.out.println(jieguo);
        return a * b;
    }

    public static int chufa(int a, int b) {
        int jieguo = a / b;
        System.out.println(jieguo);
        return a / b;
    }
}

Java方法的基本使用

i@glowisle.me (五葉地錦) — Fri, 29 Nov 2024 20:45:20 +0800

方法是什么

方法是一种语法结构，它可以把代码封装成一段功能，以便重复调用。

方法的完整格式：

例子：数字求和

    public static  int sum(int a,int b){
        int c = a + b;
        return c;
    }

方法的调用：

       int rs= sum(10,20);

方法使用的注意点：

方法申明了具体的返回值类型，内部必须使用return返回对应类型的数据。

形参列表可以有多个，甚至可没有；如果有多个形参，必须用英文逗号隔开，且不能给初始化值

使用方法的好处

提高代码的复用性，提高了开发效率
让程序逻辑性更清晰

方法的其他定义形式

    public static void printHelloWorld(int n) {
        for (int i = 1; i <=n; i++) {
            System.out.println("Hello World");
        }
    }
//打印三行helloworld（使用方法）

如果方法不需要返回数据，返回类型必须申明成void此时方法内部可以不使用return返回数据。
方法如果不需要接收数据，则不需要定义形参，调用方法时也不可以传数据给方法了。
没有参数，且没有返回类型（void）申明的方法，称为无参数、无返回值的方法

网站迁移

i@glowisle.me (五葉地錦) — Thu, 21 Nov 2024 22:59:00 +0000

原网站

yingyu5658.github.io

将会迁移到这里。我会把有价值的文章转过来原因仅仅是gmeek有点太简陋了，虽然typecho也差不多，不过他可以折腾一下主题之类的，并且我每个月还多花出去九十大洋。但是总比gmeek逼格高点吧。不得不说，Linux绝对是世界上最麻烦的玩意，解压下载文件都费劲。要不是Windows资源占用多我绝对不会去用这玩意。这次可是孤军奋战，背后没有github服务器的靠山了。要是忘了续费服务器我会丢失所有的文章，又是一个负担和一个纠结的点

2025.8.24二编：Gmeek简直太符合博客的定位了，不花里胡哨，完全够用，有网就能写文章……

Linux太好用了，目前Debian12养老中。

回看以前的自己实在是蠢。

技术 on 映屿

我如何使用我的电子设备

设备

软件

2026年，一个普通Emacs用户如何把Gnus跑起来

Getting started

gnus-select-method

多帐号配置

发邮件

安装

密码存储

参考

剖析千行C语言文本编辑器Kilo的技术细节

程序分析

终端信号处理

精妙的数据结构与算法

数据与显示的分离

代码高亮

一次对Webmention的探索

验证与接收

渲染

对Webmention的看法

简单使用Graphviz绘制程序流程图

Graphviz

使用

节点(Node)

边

属性

示例

参考

Emacs，我又回来了！

前言

安装

配置

如何订阅新闻组

新闻组简介

订阅

从编译原理到物理原理剖析程序的编译与执行

编译过程

预处理

编译（狭义编译）

词法分析

语法分析

语义分析

中间代码生成

优化

汇编

链接

CPU如何识别指令

取指

译码指令

执行指令

编译后的指令在物理层面上是什么

在2025年，搭建新闻组

介绍

搭建

编译与初始化

创建sendmail文件

创建新闻组

附：关于新闻组的文档资料（hypermemo整理）

对博客主题的一点想法

使用Javascript TSS和Highlights构建一个文本阅读器

📢 浏览器中的TTS概述

核心对象:

✨示例:

⚙️ 添加嗓音和配置

✍️ 句子高亮

示例 HTML:

处理高亮的CSS:

JavaScript高亮逻辑：

🚀项目: 使用TSS和高亮的阅读器

📄 HTML结构

🎨 CSS 样式

💡 JavaScript逻辑

✅ 它们如何工作

🔚 尾声

这可能是最好的Hexo图片管理方案

前言

实现方法

编辑器设置优化

创建`sendmail`文件