安装工具链

我使用的是 Ubuntu24.04 需要安装以下依赖：

sudo apt update
sudo apt install -y binutils libc6-dev libc++-dev gcc g++ libstdc++6 openssl libssl3t64

完成之后，我去官网下载了 Cangjie 1.1.0-beta.25

下载之后一般可以解压到 /home/<user_name>/opt

mkdir -p ~/opt
cd ~/opt
tar xvf ~/Downloads/cangjie-sdk-linux-x64-*.tar.gz

当然如果你想像我装到 /opt 的系统级目录里用 sudo 搞来搞去也可以（）

启动环境配置脚本，输出版本号就安装好了

source ~/opt/cangjie/envsetup.sh
cjc -v
cjpm -v

要让以后每次开终端都自动生效，把这一行加到 ~/.bashrc 最后，然后立即重新读取并执行 Bash 配置文件：

echo 'source ~/opt/cangjie/envsetup.sh' >> ~/.bashrc
source ~/.bashrc

然后在 vscode 里新装一下官方的插件：

顺便在 vscode settings.json (/home/why/.config/Code/User/settings.json) 里补上：

"CangjieSdk.Option": "CJNative",
"CangjieSdkPath.CJNativeBackend": "~/opt/cangjie"

给插件调用

配置项目启动完整补全

写完代码了发现仓颉只有一些关键字补全，然后才知道，不是仓颉项目文件没有完整的补全，于是大刀阔斧改了项目结构

leetcode_cj/
|-- .gitignore
|-- cjpm.toml // 项目配置文件
|-- cjpm.lock // 依赖锁定文件
|-- README.md
|-- src/
|   |-- main.cj // 项目主入口负责启动各个代码
|   |-- hello.cj
|   |-- addTwoNumbers/
|   |   `-- Solution.cj
|   |-- twoSum/
|   |   `-- Solution.cj
|   `-- twoSumHash/
|       `-- Solution.cj
|-- notes/ // 笔记
|   |-- CJLearning01.md
|   |-- extension.png
|-- skill/ // 本地仓颉文档 skill
|   `-- cangjielearning/
|       `-- SKILL.md

对于 main.cj：

package leetcode_cj

import leetcode_cj.twoSum
import leetcode_cj.twoSumHash

main(): Int64 {
    printHello()

    let nums = [2, 7, 11, 15]
    let target = 9

    let brute = twoSum.Solution()
    let hash = twoSumHash.Solution()
    println(brute.twoSum(nums, target))
    println(hash.twoSum(nums, target))
    return 0
}

package xxx 与项目文件 cjpm.toml 里的名字保持一致，类似于 C 语言的 namespace，是该项目的 root 包名

对于题目子包里的 Solution.cj：

package leetcode_cj.twoSumHash

import std.collection.*

public class Solution {
    public func twoSum(nums: Array<Int64>, target: Int64): Array<Int64> {
        let len = nums.size
        var mp = HashMap<Int64, Int64>()
        
        if (len < 2) {
            return []
        }
        for (i in 0..len) {
            if (mp.contains(target - nums[i])) {
                return [mp[target - nums[i]], i]
            }
            mp[nums[i]] = i
        }
        return []
    }
}

public 声明让外部 main.cj 可以调用，具体来说：

• private：仅类型/当前定义内部可见
• internal（默认）：当前包及子包可见
• protected：当前模块可见（并有继承相关规则）
• public：模块内外都可见

那在这景之外又是什么呢？自然是人声鼎沸、摩肩接踵，人被人流往前驱赶，不知何时，不知为何，驻足在这棵花树下。

一路走来，人们总是在赏景，我们尝试望风景，却总少不了拥人景。好在，这人景除了人，还有景。老爷爷老奶奶围坐在凉亭底下，年轻人围站在他们周围，看着听着，排练一遍又一遍的《送你一朵小红花》；人流旁支起的桌子，几位老大爷攥着一手扑克打得津津有味；迎面跑来的，是穿着便装的退休老人，向前跑去的，是穿戴整齐的职业跑者。

发现自己整整一周没有写文档了，于是决定在这周结束前，将自己这一周主要干的事，没错，就是又尝试了一遍从零自建博客，花点时间记录下来

建博客的初衷就是希望自己能多看看书、看看影视作品，也多写一些文档，沉淀一些知识

虽然自建博客的大部分时间都花在 ui 设计，以及博客页面逻辑的设计上，但与之相反，这篇文章应该会更注重如何部署以及优选的一些配置上，正好能补充自己在这方面匮乏的知识

当然，这次搭建也有鲜明的时代性：重前端的应用目前已经可以不写代码做到很好了，偶尔几个点可能懂一点前端布局会快一点

所以这次依旧是零代码搭建，很符合大 vibe 时代的特征了

技术栈的选择

• stitch 设计前端大概的 ui
• astro 作为博客引擎
• codex 作为 vibe 工具
• netlify vercel 做博客托管 （netlify 额度也太少了一天就搞完了）
• IP 优选 提升了访问速度

UI 设计

stitch

我想要一个简约黑白风格可以切换暗黑和亮色风格的博客，模仿微信布局，最顶上是横着的大图片，图片下方左侧是我的头像，个性签名，github账号，About，在下方就是各种文章栏目，暂且分为 All、Articles、Books、Shows and Movies四部分，点击某个栏目右侧的文章列表就是对应分类从新到旧的文章卡片，卡片上可以放置图片，但至少有标题摘要时间字数，最下面有换页，文章列表右侧有当前大分类（四个类别）下的所有tags可以筛选，点击就筛选中间文章区的文章，点击文章卡片跳转至文章阅读界面，顶部头图不变，有一个<- back to the list 按钮，剩下就是展示的文章内容一直可以向下滑右侧有mardown的目录可以跳转到对应位置，后面引擎我应该用 astro

这是我最初的 prompt 算是有一个大概布局的模糊想法，当然美术感觉是一点没有的全靠 gemini 自己的想象

后续也是在和 ai 的交互中有了一个风格布局上较为满意的 ui

当然 stitch 似乎可以选中某个组件单独修改会精准一点，但是我没仔细研究，直接描述有时确实会改错东西

不过最终结果还算满意

astro

为什么选择 astro？即答：ai 推荐的。其实就是一个利好于内容展示平台的前端引擎，我将 stitch 中的设计（应该是纯 html）导出到了本地的文件夹里，然后将 astro 的文档链接丢给 codex 让它使用 astro 作为博客引擎迁移这个前端设计就 ok 了

接下来就是和 codex 拉扯让它改出我想要的设计以及交互逻辑，刚迁移好的项目是一个纯静态的前端，大部分逻辑 codex 都可以一次成功，不过要是描述中越详细，可以定位到工程细节，那么成功率确实大大提高

前端托管 + IP 优选

Vercel、Netlify 等都有免费网页托管服务，但是很多 IP 中国大陆访问的速度过慢，优选 IP 解决的问题就是将 DNS 解析到好的 IP 上，我最后选择的是 Vercel （Netlify 怎么一下子就到限额了（恼））

原理

如果你在阿里云上买的域名，那么在域名管理这里最终应该类似于下面这样：

所谓 DNS 解析就是当你访问一个域名时，浏览器得知道域名背后的实际服务器 IP 地址是什么

记录类型 A 就代表地址记录，直接指向 IPv4 这里是因为根域名一般只能指向 IP 地址，所以 Vercel 给了一个 IP 地址，删掉 A 记录并不影响 CNAME 这些域名的访问，因为他们走的完全不是一条链路

前者是：直接解析到 216.198.79.1 这个官方给的地址

后者是：域名 -> 优选域名 -> 别人整理好的动态优选 IP -> Vercel 服务器

测速还是有一些区别的

Vercel 上线配置

• 找到官方文档关于配置 Vercel 的教程，丢给 codex 让它生成相应文件，可以配置推送即重新构建、
• 推送到 Github 仓库上，在 Vercel 里链接这个仓库，等它构建好
• 再在 Domains 里面添加自己的域名，将 vercel 提供的 A 记录地址和 CNAME 地址在购买域名的服务商的管理页面配置好
• 然后确定等 Vercel 生成 SSL 证书，再将 CNAME 的地址改为优选的网址

结语

这样你就获得了 Vibe coding 时代零代码构建的完全自定义个人博客

欢迎来玩

Blog | whyself

but more importantly,

we need a life.

看完《天才少女》，

第一感觉是电影对人物感情的刻画很细腻。

另外大概就是最近所想就有所思了。

the price you have to pay for greatness 但是人不应该也不能抛弃自己的生活去追求所谓的远大前程，所有人都应当有“生活”的权利。

多么幸福的生活啊，小孩子就该这样（）。

这样，然后这样。

酒文化对于我的意义除了借酒消愁，大概也就只有酒后吐真言的游戏了，说实话真的很甜。

这里可以看得出来，对于弗兰克他也有自己的矛盾点，不只是玛丽的生活被束缚住了，其实他自己的生活也在无形中被束缚了。

这句话很有意思，弗兰克举出玛丽所说的玩笑的确不是真心话，但是你说的这句话其实本就有违你的内心。

这是玛丽妈妈相册的最后一张照片，这个特写好啊，她……真的没有看上去那么快乐。

喝酒谈心，羡慕了。

这让我想到了我们小时候，谁不想出人头地。虽然可能没有玛丽的天赋，想法却都是一致的。但是无论是谁，长大了，面对自己的生活，真的能再说出口吗？

无论喜欢有何理由，不带自己私人目的的喜欢，才是最纯粹的。

这段在讨论弗兰克继父的退休生活，隐居养马之类的。可以看得出来伊芙琳是完全不理解的，我觉得她是否也在找补自己的生活呢。70 岁啊，最近正值壮年就去世的人可不少。

玛丽觉得自己是没人要的孩子，而弗兰克去告诉她：无所谓血缘，你出生的时候，总有人为你高兴。

律师质问伊芙琳，黛安的生活难道只有数学吗？很显然，她做出过很多自救的尝试，但却被一一阻止了。最后只能狂热地追求数学的黛安，在完成 proof 之后，丧失了生命的意义。

这段看得出来弗兰克在发泄对法院判决的不满、对自己的不满，后面再努力说服自己克制内心的懊悔。

黛安的生活因为数学的消散而毫无锚点，失去了活下去的意义。

伊芙琳看黛安的手稿，字字都在宣泄对母亲的愤怒与不满。

故事的结尾，玛丽依旧上了所谓的天才学校。但此时的玛丽，未来的玛丽，她们的生命早已不止是为数学而活，而是真正意义上有了自己的生活。

写在最后，也是写给自己的。如果你感到迷茫，你要去做的不是急着找到前进目标。多看看书，多看看电影，多出去走走，努力去找寻属于你自己的生活。

Never bet your life on a single thing.

Everyone knows that's crazy.