##一阶段

用 hugo new theme生成的样子，复制了一些文章做测试。这里加了文件树的功能，用AI写的，完全不懂go template

然后开始做css，先分了区，为了前期方便，随便加了background color，太刺激了

用details而不是ul，加了点button

太刺眼了，换颜色了。稍微搞了点响应式，微调一点css，加了代码复制按钮之类的功能。

一边加各种layout里的功能，一边调css，打算确定颜色风格

加了callouts等，打算用柔和一点的阴影类的装饰，用更少颜色

开始无休止的微调。

##实装

基本上开始使用，加了评论、搜索，偶尔调一调样式和bug。
以及名称换成了lichtung而不是glade。

##稳定

2026-03-16 又翻出这个log，发现已经很久没有动主题了，算是稳定了。
有闲情逸致的时候写个文档吧。
没有文档的 ，也不是不能用。

some thing.
another line a

##titles

###h3

####h4

#####h5

######h6

##fonts

bold text and italic text. and both bold and italic and jlkfas

try some thing new: delete, insert, mark, superscript² and subscript₂

some Typographer

... …    horizontal ellipsis
'   ’ apostrophe
--  – en dash
--- — em dash
«   « left angle quote
“   “ left double quote
‘   ‘ left single quote
»   » right angle quote
”   ” right double quote
’   ’ right single quote

as

… … horizontal ellipsis ’ ’ apostrophe – – en dash — — em dash « « left angle quote “ “ left double quote ‘ ‘ left single quote » » right angle quote ” ” right double quote ’ ’ right single quote

##callouts

some text

a

and other

b

重要

WARNING

hell

CAUTION

waow

WARNING

nested

blocks

###blockquotes

just
a quote

nest

nest

anoth

and

nest

anoth

a

##latex

行间

\[
\mathrm{e}^{\theta \mathrm{i}} = \cos \theta + \mathrm{i}\sin \theta
\]

和

\[
\mathcal{E}=\mathcal{O}^{\oplus n} \rightarrow \mathcal{F}
\]

为

和

行中 $E=mc^2$ 和 \(E=mc^2\) 为 $E=mc^2$ 和 \(E=mc^2\)

##footnotes

some text.¹ And named footnote² another footnote³ what if ¹ same one.

##forms

select 跳转

<select onchange="location = this.value;">
<option value="">导航菜单</option>
<option value="/">首页</option>
<option value="/glade">关于</option>
</select>

##lists

some texts

• askjdfk
• jklasdf
  • nested
    1. mixed type
    2. ok
  • sdajfl
• laksdfjlk

ok, then another list

1. i do
2. not

##codes

###inline codes

asdfjlk ajsdfj sdjfakl

###code fences

iolkjlkasdf

#!/bin/bash --noprofile --norc
export MY_VARIABLE="value"copy

#!/bin/bash --noprofile --norc
export MY_VARIABLE="value"
echo "Current PATH: $PATH"copy

this is confusing

#!/bin/bash --noprofile --norc
export MY_VARIABLE="value"
echo "Current PATH: $PATH"

###pre

       一剪梅·舟过吴江 蒋捷
一片春愁待酒浇。江上舟摇，楼上帘招。
秋娘渡与泰娘桥，风又飘飘，雨又萧萧。
何日归家洗客袍？银字笙调，心字香烧。
流光容易把人抛，红了樱桃，绿了芭蕉。

##table

##plain text

ok Let me see.

想要建站，各种方式建了很多站，试了很多技术功能。
截至 2025-08-29前 汇总一下。

##服务器上的

在starship上的服务器跑的服务，用zero trust-network-tunnel的方式绑定到877675.xyz域名下的子域名。

• 一个类似flomo的轻量级笔记服务
• 一个结合AI的memo服务
• 把github的copilot加上OpenAI的接口。找不到怎么加密，先关掉了。项目的 有本地部署方法。
• 网盘合集
• 用radicale做的日历和联系人服务

##一些赛博善人

###netlify

• twikoo
• waline
• 代替 obsidian publish的 ，要把github-repo/content作为obsidian repo，但是里面还有很多别的东西
• digitalgarden 同上，但是可以选择哪些发布，并且不用放在github仓库里，简单但同时自定义差一点。

###vercel

• memos.top 一个memos的展示 ，需要有memos
• neno 类似flomo的 ，功能很少。
• digitalgarden

###claw-cloud

• 企图host一个 ，但自定义域名未遂。

###github pages

• 这三个博客暂时都是
• memos.top 同vercel的上，但是用github pages部署的

##cloudflare 属于赛博菩萨了

###pages

• 把桶存储变成webdav。目前是把图床和memos的桶放在这。

###workers

用cloudflare works创建的服务。

• 用resend服务发邮件
• 用cloudflare的ai

###mails

cloudflare自己转发的邮件服务。有点乱，看图吧。

###bucket

• 图床
• rclone连接，当备份的网盘。

##为博客添加的功能

###闲言碎语

• artitalk 一个说说或即刻页面，无后端，leancloud存储。可以用js插入到html里。Github pages上有一个
• nonsense 无后端，leancloud存储。可以单独页面，也可以插入到博客里。这个写入有点费劲。
• memos 似乎也可以插入到博客里。

###评论

• valine 无后端，leancloud存储
• waline 有后端，在netlify。leancloud存储。 试用。
• twikoo 有后端，在netlify。MongDB存储。

###图床

cloudflare的桶存储，和picgo上传

merge了picgo和memos的桶，把pic和memos的删掉，合并到asset，然后似乎出了点问题，openlist有点bug似乎。删掉重新添加就行，只改bucket不行，好神秘啊。
以及picgo的url全错了，看不到预览，不好找图片了。

前一段发现了cloudflare，于是想要买域名。

##domain name

买了三个域名，申请了一个免费的。
第一个是hiraethecho.online，在namecheap，买的第一年便宜，但是买了之后才发现续费好贵，好烦。要用palpay，好麻烦。
然后312220.xyz在namesilo上买的，超级便宜。
但是877675.xyz更便宜，在spaceship上搞的。这里居然可以用支付宝。

然后还想买域名，加了一堆购物车

应该挑一个短的、顶级域名不是特别奇怪的、便宜的。
打算保留877675.xyz，用作我的各种服务或api之类的。然后再买一个当博客的地址。

##服务器

于是又在spaceship上买了个虚拟机，很寒酸，fedora 1 vGPU 2GiB memory, 25G ssd. 但是一个月27，搞点简单的小服务也够用。比如

也算是一些业余学习吧。先叠个甲，业余学习所以可能有错误，只是个人理解。

##linux

linux内核的功能是调用硬件，为程序分配使用
GNU is not unix. 在斯托曼的组织下，为了取代unix开发了一系列自由软件，但是没有内核，用了linus的内核。
shell是包裹在内核外面的外壳，用来和内核沟通。并且有POSIX的shell标准，来规范shell的语言。常见的shell有bash zsh等。而另一个常见的fish不符合POSIX.
Terminal是使用shell的界面。最基础的terminal就是tty，是过去计算机的一个物理部件（console控制台是另一个过去的物理部件，直接控制机器。tty是远程的控制方式。）常见的terminal有alacritty、kitty和各大桌面环境配套的。

linux的哲学之一在于，每一个程序只做一件事，并努力做到最好。像word这样的windows应用，常被认为是臃肿的，“每个人只用到了全部功能的1% ”。但这是因为“每个人用的都是不同的1%”。然而在linux的世界里，为了自己需要的那1%，通常只需要安装对应的那1%。当然，困难之处在于在广大社区中找到对应的程序，并且使自己所需要的各种程序和谐共存互相协调。

GNU/linux有各种发行版，虽然个人感到主要区别在包管理器和预装软件。包管理器的其中一个功能就是尽量保证各个程序可以互相协调，自动解决程序的依赖等问题。至于预装软件可能是发行版制作者的个人倾向。
BTW，I use arch.

Arch发行版是一个Geek风格的linux发行版，目的在于用户尽可能自由配置自己的linux（当然似乎比不上Gentoo甚至lfs）。它有两个特点，其一是滚动更新，即没有稳定版本，总可以获得最新的软件版本。好处是获得最新功能，第一时间获得已知bug的修复；坏处是，也可以第一时间获得bug，以及面临软件之间版本不兼容的问题（这也是linux哲学的负面影响）。第二个特点是AUR，既用户仓库。每个发行版的包管理器通常有对应的软件源，而arch除了官方软件源外还有用户仓库，即每个用户都可以把应用按照规范打包供他人使用。优点在于AUR里什么都有，缺点在于很多应用无人负责或没有充分维护。

##图形化界面X11

为了在tty外情景使用linux，需要图形化界面。

X11是linux的一个图形化界面的协议，每个图形化程序并不是靠它自己显示画面，而是通过协议用Xorg来创建图形的。除此之外还有混成器（例如picom）来提供一些画面特效等。wayland是另一套图形化方案，本身替代了Xorg和混成器的功能。

linux下的桌面环境（Desktop Environment），如KDE GNOME Xfce等，提供了一整套日常使用的基本功能，例如窗口管理，应用启动器，托盘，设置，蓝牙，网络等。但事实上如果追求极简，那么仅仅使用窗口管理器（Windows Manager）也是可行的。

Windows Manager，通俗的解释，就是显示应用程序的窗口，并且拖动、调整大小、最大化等功能的部分，不包括壁纸、声音网络蓝牙键盘触摸板等设置、应用启动器和托盘。
常见的独立窗口管理器包括i3，openbox，awesome等。而我选择的是dwm，属于suckless系列，用C语言编写，代码仅2000余行，更改配置需要修改源码重新编译，添加功能是通过.diff文件打补丁实现。

##dwm和C

这几周时间一直在加强的我dwm，被迫学习了C语言的使用，以及基于lazygit的自娱自乐式历史管理。

C语言是面向过程的，以函数为中心的。但实际写dwm代码的时候，则主要用“面向对象”的思路在写。对象里的函数和变量是用指针或者全局变量，实现地很曲折。

C语言算是很底层的编程语言了，指针可能是其最重要的特性。指针直接指向变量的存储地址，非常有趣。在函数调用时，传参传指针进去，可以直接在物理存贮的意义上理解程序是如何使用和修改变量的值的。另外还有位运算，也很有趣。

C语言同时还是非常省内存（这里应该指的是内存吗？）的语言，每次写一个新变量都小心翼翼地。遥想大一学C语言的时候，还要注意变量要在代码块之前先声明，开个动态数组都麻烦的一匹，用完还要free掉。后来看见其他语言随便新建变量，太难接受了。不过这种节省也导致一些逆天的feature.例如一个结构体

typedef struct {
    int i;
    float f;
} Arg1;copy

那么一个Arg就会有两个成员。但是还有一种操作

typedef union {
    int i;
    float f;
    void *v;
} Arg2;copy

乍一看和上一个差不多，但这个union的意思是，Arg2只能有一个类型。当创建一个Arg1 a1时，会给 a1.i和a1.f都分配地址。但是Arg2 a2就只有一个地址，当用了a2.i=1之后就不能再赋值a2.f了。这样如果不同函数的输入一个是int另一个是float，那就可以都写成Arg2，十分优雅。但是需要复杂功能是就很难用。
除此之外，这个void *v也是个奇妙的用法，只要用上强制类型转换Client *c=(Client *)v就可以很灵活的使用各种类型的变量了。

##

最后，可以在我的 找到我的dotfiles和dwm。还没有整理，也没文档，以后有时间心情再说吧。

##tabbed scratchpad

st -c class -n name with precmd () {print -Pn "\e]0;%~\a"} in .zshrc

_NET_WM_ICON_NAME(UTF8_STRING) = "~"
WM_ICON_NAME(UTF8_STRING) = "~"
WM_CLASS(STRING) = "name", "class"
_NET_WM_NAME(UTF8_STRING) = "~"
WM_NAME(UTF8_STRING) = "~"copy

tabbed -n "scratchpad" -c -r 2 st -w '' -g 150x40 -c class -n name with precmd () {print -Pn "\e]0;%~\a"} in .zshrc

WM_NAME(UTF8_STRING) = "~"
_NET_WM_NAME(UTF8_STRING) = "~"
WM_CLASS(STRING) = "scratchpad", "tabbed"copy

summary: In WM_CLASS(STRING)="name","class", "name" is for st -n name and tabbed -n name, and is also instance in rules; class is for st -c class, and class of tabbed is always tabbed.

origin manage():

  selmon->tagset[selmon->seltags] &= ~scratchtag;
  if (!strcmp(c->name, scratchpadname)) {
    c->mon->tagset[c->mon->seltags] |= c->tags = scratchtag;
    c->isfloating = True;
  }copy

we can modify to

void manage(Window w, XWindowAttributes *wa) {
  Client *c, *t = NULL;
+ XClassHint ch = {NULL, NULL};
+ const char *class, *instance;
    ...
+ XGetClassHint(dpy, c->win, &ch);
+  instance = ch.res_name ? ch.res_name : broken;
  selmon->tagset[selmon->seltags] &= ~scratchtag;
~ if (!strcmp(instance, scratchpadname)) {
    c->mon->tagset[c->mon->seltags] |= c->tags = scratchtag;
    c->isfloating = True;
  }
}copy

btw, apply_rules:

  XGetClassHint(dpy, c->win, &ch);
  class = ch.res_class ? ch.res_class : broken;
  instance = ch.res_name ? ch.res_name : broken;

  for (i = 0; i < LENGTH(rules); i++) {
    r = &rules[i];
    if ((!r->title || strstr(c->name, r->title)) &&
        (!r->class || strstr(class, r->class)) &&
        (!r->instance || strstr(instance, r->instance))) {
      c->isfloating = r->isfloating;
      c->tags |= r->tags;
      c->opacity = r->opacity;
      c->unfocusopacity = r->unfocusopacity;
      for (m = mons; m && m->num != r->monitor; m = m->next) ;
      if (m)
        c->mon = m;
    }
  }copy