JUKAI.SITE

随想：灯火、神隠、悪夢

Tue, 03 Nov 2026 21:43:13 +0800

Starbucks 钉子户：树老师。
树老师多篇博客是于咖啡桌（带插座）完成。
彼时树老师移除桌上的第三空间倡议。树老师性寒。不喜热饮。
树老师记录「第一次于星巴克咖啡店饮用热饮」。

说来树老师童年曾把速溶咖啡粉当作 dessert 吞咽。
故对咖啡抱逐年减淡之心理阴影。树老师并非不能接受咖啡之味（Americano 除外——树老师喜甜），然 coffee 于树老师而言效果总适得其反：树老师因咖啡而心悸困倦。于是树老师饮热巧克力一杯。

树老师呆坐如木鸡。看破放下自在随缘念佛。知らずに夜幕降临。树老师的概念式浪漫主义：晨昏线切过松嫩平原、切过辽河平原。终于千山的两侧也都染上暮色，树老师的某些思绪也一同越到山那边去了。

说来某晚自蒙古高原帰郷，树老师曾在 A588 航路万米高空俯瞰；祂下着雨的小小故郷，近在咫尺。

此后祂亦曾夜航途径九州岛、巴布亚新几内亚。云层下小小的黄色灯火，别无二致的色温。远望亲切、近观陌生的聚落。田埂的土堆、寺院的石碑，固定在土地上的永恒。

夜幕覆盖东北平原，悲伤浸透树老师的木脸。

树老师于是悻然离去。

降临。树老师始料未及的、Halloweenの祭りフェト。

树老师端详着，祂熟悉又陌生的、北方平原上的大城市。
如此强烈的不归属感。仿佛这里不是祂住的地方。

被哥哥守护的、红色假发的女孩，水流、人流，温暖而水泄不通的快餐厅。

误入神隐的树老师，乘的士离开。赤色拥堵。黄色缓行。

寒气、高架、东西快速干道。

とうとう到着于树老师熟知的小众地下鉄駅。計画通り。

夜变得超现实了，因为人开始做梦。
头骨里非物质的灵魂，额头后面看不见的火光、光る川。
好不容易凝成的一瞬的光。消失了也就消失了的光。

为不做噩梦而靠在妈妈身上。

年轮一圈一圈，眼裂的轮廓渐渐定型，恒牙的牙冠不再生长，而很多骨骼变长了。
因为社会化，对恐怖的想象力也会增加。在社会性的层面。

疼痛、孤独、强制、羞辱。

疼痛和疼痛以外的恐怖，何者更让人痛苦呢。

为暖和自己的噩梦而靠在妈妈身上。

激素、兴趣爱好、理性、社会契约、救济手段，可抵御恐怖。你自己能暖和自己。你不是孩子了。

而床板上的身体变得和司南一样冰凉。体温也渐渐失去了。于是树老师做了见可怕之物的噩梦。

玩具熊。睡伴。

蓝调暮色里的树老师，在搬运旧书。祂在令人怀念的晴蓝天空下，以痛觉听见战争。

牙碎了，月牙也碎了。
凤凰的鸣叫改变了形状，新婚花火的嗡鸣膨胀成爆炸的冲击波。
树老师变得听不见了。不再能够制作音乐。

蓝色衣服的人，奔跑着，远离自己的実家，远离自己的故郷。避难，去海中的山峰，去巨大的岛屿。

太阳升起了。眼泪回归泪腺，霜露回归大气；火光缩回头颅的蜗壳。

司南的磁场对抗地磁场。

天然气。旋转门。电视塔。五里河。

Since RSS readers do not display the blog content perfectly, please read this article in your browser.

『夜明けと蛍』汉语自译

Fri, 30 Oct 2026 21:01:20 +0800

——論東瀛歌辭漢譯之流弊 (bushi)

序
#

说来笔者向来喜欢 n-bunaさん富于文学性的歌词，以及 n-buna んちの萌萌的ミク；也注意到， n-bunaさん身为日本语使用者，其对日本语语言工作方式本身的利用，也近乎阻却了完美翻译的实现。笔者青睐一种近乎「平移语感」的翻译方式，意在利用汉语中可供利用的表达，以试向汉语使用者再现日本语使用者对日本语原文的感知。

笔者留意网络上对 n-buna 歌词的翻译文本，遗憾发现：翻译质量出乎意料地不佳。国内译界某「信、达、雅」理论，可谓言之甚佳；然观 n-buna 歌词之网络译本，其践行此说而尽如人意者，鲜矣。

众译者所犯错误大体有三：其一，指鹿为马，错释修饰关系、错置逻辑词。其二，恣意发挥，仿佛不是翻译，而是再造长诗。其三，语体混搭、望文生义；译日本语口语为汉语文言者，比比皆是，照搬日本语汉字为译文之用者，也大有人在。以上错误可谓千姿百态、张牙舞爪，如同黄泉灯明、百鬼夜行；然纵观其本，归根到底是翻译方法论之错配。故笔者主张，翻译之首务，在于理解原文之语义与语感；其后方得利用译入语之表达资源，以求再现之。所谓「平移语感」，其要义正在于此。

试译
#

望着淡淡的月亮，不禁入神了
于是连昏暗的脚边也看不见 ¹

未曾察觉自己已经跌倒
就这样，遥远的夜星渗出光芒 ²

因为无法找到想做的事
就故作匆忙，低垂着头

跌倒后被取笑的事
也是装作并未察觉

用无形的歌声描绘清晨，就这样
在浅浅的浅浅的初夏的另一边 ³

我看见了并不寒冷的你的手心
淡淡的天空黎明的萤火

「自己仿佛不过是片污渍」⁴
讨厌的东西多到了这种地步，所以……

想飞到地球的另一面呀 ⁵
直到抵达无人车站

直到遇见昨天的我

每当心痛而低下头
你又行远了

把渴望一场梦的我们玷污吧 ⁶

别了昨天夜里绽放的火之花

看着水中映出的花
看着水中朦胧的月所以……

若我描出夏日尚未到来的天空
你会取笑我吧

拂晓的梦境能看见浮月的天空

若能在黎明尚未到来时呼吸下去
走向遥远的遥远的夏天的另一边

我看见了并不寒冷的你的手心
泛着淡淡朝霞的夜空

把夏天尚未到来的街巷现在
啊蓝青色⁷的黎明和萤火

此两句显然在构造远←→近对比，有译者将「足元」抽象化为「前路」，此是笔者所不能认同。 ↩︎
此处为笔者之再创作。日本语中的【滲む】对应汉语中多种表达，包括但不限于渗透、晕染、模糊等。而笔者认为此处可能存在一处由【「跌倒」・転ぶ】到【「渗（血）」・（血が）滲む】的意象关联，故保留了汉语中将【滲む】的对应词联想为【渗血】之渗的可能。此说或略牵强附会，然无理由排除。 ↩︎
此处也是笔者之再创作。日本语中「浅い」有形容季节刚刚开始之功用。若仅译为「浅浅的浅浅的夏天」，汉语使用者不能当然理解出夏日刚刚开始之意。故笔者将「夏」还原为「初夏」，虽有重复，然实为权宜之计。 ↩︎
汉语译文中，前句充当后句之程度标尺的关系不如含有显式「ほど」标记的日本语原文明确。故笔者为前句加引号，以提示读者其于后句中所充当的逻辑成分。 ↩︎
日本语「のだ」之断言语感，并不能完美平移至汉语中。此处借用叹词「呀」，虽平添感慨意味，也为权宜之计。 ↩︎
此处为笔者之再创作。日本语「夢を見る」既可指睡梦，亦可指对未来的幻想与憧憬。汉语若直译为「做梦」，则未必能自然兼顾二者，且易生不切实际之联想。故笔者处理为「渴望一场梦」，以求保留原文语义之开放性。 ↩︎
此处对「藍」之色彩范围作概括性处理，选用「蓝青色」，乃笔者审美判断。 ↩︎

Since RSS readers do not display the blog content perfectly, please read this article in your browser.

随想：樹人、冬の子、五月蝿

Thu, 29 Oct 2026 21:56:47 +0800

树老师渐渐显出对胶片的爱。

说来祂最近试在博客里加入胶片摄影。

说来树老师惊觉 7 年前自己不过是小学生。

树海老师和支配自己内心的人，不过是同一物种。

出生的地方最陌生。

蚂蚁是树老师怕的。

树老人肉夹馍　图／樹海蕈

刻意找到找得到的废墟。废墟旁边有未来的废墟。

服装加工。让脆弱的看起来强大了。甲胄。

冬天的孩子，热量，勇敢地释放。可怜的勇敢的人。愛しい人。

仰望。把10月当作夏天的落叶乔木。树老师总觉得自己见过。难过。

后乐园。栅栏。质疑 fig 的美味程度的树老师试买 fig (on sale)，被酶杀。

降神。天空过曝，实有树老师の顔。顔出し。

树老师在自己最近的音乐里似乎也能试着联觉。功德上升之感。
多是一件美事：使要写什么变得明了。说到此，树老师有点期待10年以后。

然而把快乐放到期待里何尝不是泡沫。于是树海老师开始食用晚餐。此行為亦减少了夜路ありえない的惆怅，以及渡校门口自然形成的小吃街時「烦人精，吾未食」式的呐喊。

树老师比以往更喜欢自己的名字。祂试寻纯汉字名已久，以求汉语范畴的传播学优势。きのこ＝木ノ子，树老师喜此萌感和近乎暗示的语义呼应。蕈之表记诞生于树老师的 Samsung Keyboard。另：比起苗字式的 prefix，树老师果然更喜樹海。

是时有一五月蝿い巨蝇于树老师边。此蝇生命周期甚久，贯穿 2 曲制作周期。
树老师恐昆虫之触感与巨大结构。祂小学生时期以贴纸覆盖 encyclopedia 之 featuring 虫图以求安宁。提前保护自己未来的树老师是勇気あった的。

ただし、树老师やっぱり现在亦在提前保护自己的未来。新的巨大昆虫、新的贴纸。在放弃一切之前，树老师せめて不会放弃音乐的。

Since RSS readers do not display the blog content perfectly, please read this article in your browser.

随想：郷、秋鳥、遗址

Mon, 19 Oct 2026 23:01:29 +0800

半个月前树海老师帰郷。海があるけど、海が見えない所。

什么也不做的虚无。一些被雨的气氛包围的雨天和晴天。

不过树海老师せめて留下一点声音、一点想法。

关于由電気化鉄道连接的、祂的旅途和前路。

关于海、关于被离岸的巨大陆地包围的陆地。

如此符合祂对山印象的山。

电视塔、殡仪馆。

你一人乘艘小船，漂过浅浅的东海、黄海、北朝鲜湾，或许看见这样的山。

或许你在这里找不到自己的家，但或许你知道这里有你的家。

你是你，你是洋流的原子，你是迷路的孩子。

さぁ。无所顾忌地拥抱吧。

你的勇气、你的祈祷、你的眼泪、你的汗，你被大海夺取的部分。

你的无情。

你笑。你的声音永远留在浪花里。

大海怀念你00年代的声带震动，你回不去了。

比起录音，图像保存更多记忆。但你想要的，是带着情绪的温热。

它在你心里，它在那里迷路了。你也迷路了。

向北的你，把思念捎给秋天的鸟儿吧。

叶子。落叶林、人工树海，藤蔓意外地、尚未如人们所说地变黄。

きいろ＝きのいろ？
きのこ＝木の子〇

彼时树海老师又回到了占据祂此刻生命大部分时间的日常。

祂珍视沿城市某条血管，恣意到着于任一陌生或熟悉角落的権利。
纵然花掉树海老师给料的很大部分（

「新楽遗址」って、なんかいい名前。いつか是非見に行く。

——树海老师路上想。

树海老师喜幼稚園。树海老师喜幼稚。

↑树海老师のとある遗址。

↑树海老师の遗址たち。

Since RSS readers do not display the blog content perfectly, please read this article in your browser.

随想：2011、世界樹

Wed, 23 Sep 2026 15:27:12 +0800

ある日、樹海老师至瀋陽市植物园。

樹海老师并非第一次来此处。
若樹海老师未曾到过此处，祂或许永远不会来此处。
这里的録音，喷泉、風、西敏寺钟声，也许还会成为未来某作品的一部分。
噪点、Chromatic Aberration、镜头模糊，樹海老师なんか、喜欢加かな。

左　樹海蕈（3）
撮影／不知道

又来了，但这次一个人
15年过去了呢…怖い
五倍人生以后的未来
只记得种着很多吓人的蝴蝶兰，还有兔耳朵
想复刻，但那个大门无论如何找不到了
早就改建了吧
わかってるよ

３歳的樹海并非自愿前往意大利。
记得袖子、鼻血、拥抱。
さあ、笑顔にして。

2026年的樹海并非自愿前往意大利。
记得汗、眼泪、大门闭锁。
さあ、笑顔にして。

2026歳的沉降在辽阔平原的泥沙。
记得船、海流、彼岸。
さあ、笑顔にして。

在2011年未曾有的南北線里感受。
感动、震撼、羞耻。
互助、辱骂、控制。

时间在位置轴上的流动。
在古老地层的流动。

放弃里选择、选择里放弃。
人はそうやって生きるんだ。

世界多了些新的路。樹海老师少了些possibility，也少了些positivity。

せめて進もうよ。

把疼痛变成感动吧。

在摇摇晃晃的自行车上想着摔下去会怎样，疼痛会怎样。

耳机戴到耳朵疼。

ずっと一人ぼっちなんだな。今もこれからも……かな。

但樹海老师还会继续想念这里吧。

把疼痛变成感动吧。

樹海老师觉得 DT 880 Pro 并不能很好地听见低频，于是决定购置入耳式耳机 *1 作备用监听。
*1 尚未决定购买何物。
最近樹海老师观赏「灰羽連盟」。难过如此晚才看到。
那样的翅膀在那样的痛苦里长出来。此point击樹海老师甚深。
学习弦乐器的樹海老师苦弦乐automation久矣。想着automation要能自己长出来多好。
……ギターやめよう。やめるな！ギターやめよう。やめるな！ギターやめよう。やめるな！ギターやめよう。やめるな！ギターやめよう。やめるな！ギターやめよう。やめるな！ギターやめよう。やめるな！ギターやめよう。やめるな！ギターやめよう。やめるな！ギターやめよう。やめるな！……

Since RSS readers do not display the blog content perfectly, please read this article in your browser.

随想：鏡、雑音、可哀想

Sun, 13 Sep 2026 21:31:40 +0800

想从数月的旧作出发，讲述一些能想到的，一些连樹海老师自己也是渐渐才知道的，琐碎普通的遥想。奇数拍、vocal clips、电鼓、水声、发烧女孩的幻想、未名语手稿。

现在听来还是粗拙的。正直、血反吐みたいなやつ。微弱的、关于完成的愉悦很快被自我否定吞噬了。这可能不是很好的状态。

野心或许是不好的东西。然而樹海老师这里还有很多。一个极端的、感性的结果主义者。樹海老师的野心把祂推到了这里。

初心は？把耳机递给了现在已经不在的人，那时的想法呢。

「創造」。很早就这样想了。是人生的信条吧。创造？是对结构之美的痴迷？纯粹的利他性的善意？也许都不是，或者现在都不是。至少没那么漂亮。你并不睿智，并不温柔。

还是小学生的时候，程序第一次跑起来的时候，那种获得是什么呢。正反馈、付出和收获的对等代偿。

但你在音乐里找不到它了。你那时可能觉得音乐也一样。你沉浸于你爱的人的成果。它使你震颤。你也在幻想那种收获。你经历很少的失败，你对因果链条断裂的错愕并不习以为常。你想要结果。

你找不到了。

但方法总是有的吧。耳コピ？你最初不屑于这样做。「耳コピ不是创造。」

后来发现你对复杂的和声、对吉他、对你不能控制的一切，是无力的；那个想着「耳コピしなくてもいい」的你，可能也在慢慢走向自己的道路吧。

想要的结果是什么呢？如果一切都能控制，音乐还会使你震颤吗？

于是你把结果变小一点。

「至少先让曲子成立吧。」散文。故事。想把什么放进你的曲子呢。

用大量 foley 制造精致，你还是不会写鼓，还是会在衔接的地方卡住。

你要找到自己的世界。但世界应该是自己来的吧。

你的选择、你为什么而感动、你尚未展开的生活。

你买了录音机。你疏离地看见差异、看见人。看见自己被什么照亮，又照亮什么。

重新思考感官、感受、评价。

歌を歌うよ。

你决定做自由者。

Since RSS readers do not display the blog content perfectly, please read this article in your browser.

随想：夜、風、存在

Fri, 11 Sep 2026 22:00:51 +0800

乘坐地铁１時間的黑暗、暖色的巷子里。
东北地方的微凉、孤独、加速流淌的时间里。
去吧。不可知的幻想、三段論、環状線。

人生の意味とは。続ける意味とは。

或许只是为了欲望和满足而活着，然后又擅自把那些超出自身的东西称作「价值」。

制作音乐。希望能够传达，希望能让你产生一点感受，希望藉其表达一些难说出口的东西。

继续追问下去：为何想被听见？为何想表达？为什么这些事情很重要？一层一层下潜，你回到了——「活着的意义是其本身」。

一个循环。宏大、虚无，不断地运转、不断地被追求、不断地被赋予意义。

真的可以只靠这个活下去吗？

不知道。

大概还是要多读一点书了。

大海、彼岸。裸岩的共振、群系。

不因你而停下的地下铁。风。

在你眼里丑陋的、人类的进食。

爱、人間関係、漫无目的的行游。

Since RSS readers do not display the blog content perfectly, please read this article in your browser.

江

Sat, 25 Jul 2026 15:58:39 +0800

「旅行しましょう。一人」

鸣响着。这样的声音。
出発。

７月。
鉄道。
寝。

流

寺

垣

巷

暮

鉄

Since RSS readers do not display the blog content perfectly, please read this article in your browser.

樹海的オーストラリア之旅

Mon, 18 May 2026 12:30:38 +0800

树海老师停更博客一年有余，终于再次拿起了祂的笔。

说这树海老师自误打误撞进入某 211 大学法学部就读以降，忙于祂的学业与创作，不遗余力寻求生業与 hobby 之平衡。2026 年某阴雨天午後、树海老师于某 GMT+8 极北要地陋室端坐，忆其鸽时日之久，同其去年立 flag 之毅然决然，顿时惊叫，是有此文。

旅立ち

家から

冬日、2月某上午，树海老师自北半球启程。
祂从祂辽南故乡的火车站出发，遂到着于人们称为省会的地方。
祂看见降雪的机场，也看见天际的眩光。

咸陽

祂夜泊咸阳。刺骨的冷。不眠的夜晚。
翌日，树海老师横越华北腹地，到着于济南。

彼方へ

树海老师于济南离岸。
祂明白祂将跨越赤道，坠入南半球颠倒的盛夏。

到着

雲越え

彻夜的洲际航行令树海老师疲惫。
祂因填入境卡而污了护照；祂收下邻座お婆さん赠予的烟台苹果。
夜明け。祂记住了南半球的一缕黎明。

実感

树海老师穿过厚云层。
祂在机舱里第一次看见，看见照り雨中的 Sydney。
海境、晴雨交界。
まるで夢みたい…まるで夢みたいだったんだ。

地面。还有能看见南十字星的大海。
树海老师摘下耳机。祂不再悬于风中。

漫歩

知らず

树海老师随手拍下很多街景。
18°C；曇り。祂不能判断当时是拂晓还是黄昏。

树海老师在没有窗子的小屋孤独入夜。

晴れ

树海老师醒来，发现自己身处夏日。
让祂想到故乡的、蓝绿色的、干燥的夏日。
祂走向北方的烈阳。

探す

树海老师踏上找寻 Opera House 的旅途。
树海老师踏着海风之声。

树海老师停留于此，直至暮色降临。

Twilight descends.

树海老师在码头边的小酒馆里入夜。

黙す¹

树海老师于新南威尔士州议会短暂停留。
「咱也好想得到一根 Mace 呢。」
树海老师在心里如是说。

但比起红色，树海老师果然还是更喜欢蓝绿色。
树海老师想登上 Westfield 塔，但祂最终没有去。

奈落

树海老师来到 Taronga Zoo。
小小的、虚妄的伊甸园。

↑「不屈の花」って…
いやいや流石にそれはアビスの見すぎ🫣

树海老师随后乘轮渡返回南岸。

天色正在变暗。雲正向树海老师这边聚集。

祂去了谷子店。

去了紀伊國屋。

残響

某无所事事阴雨天，树海老师乘 Lightrail 至 Moore Park。
顺便丢失伞一把。

祂围观 Hordern Pavilion。

树海老师没能到着于 Cinematic Studio 系列音源的录制地点。
残念。

帰結

交差

天气变得分外明朗了。
树海老师乘 Bus 来到 Bondi Beach。
祂途中偶然遇见中央大学法学部的友友。

「ここ、海が見えるんだね。」

漂亮的海风。五光十色的温柔的大海。
真让人内心平静呢。

再々会

树海老师已没有更多时间。
祂还没有真正感觉自己属于这里。
短くて。遅くて。

祂将启程。
要结束了吧。
そろそろ別れの時だな。

依然沉郁的天空。
「咱会记住这里的。」
树海老师如是说。

帰途

阴雨天。
树海老师到着于机场。

注定从祂记忆中淡去的
熟悉而陌生的城市剪影，
祂从远方最后看了一眼。

祂知道
从这里得到的、祂体内的所有元素
一切不属于祂的部分
会被祂所熟悉的部分取代
这里的蓝色的忧郁
会被欢声笑语冲淡

さらば。

很快，祂被航空器推入朗朗深空。
祂睡去了。
醒来时，身处江蘇。

原路返回。
迷雾裹挟着回家的路。

—終わり—

Disclaimer: Photographic reproduction of the New South Wales Coat of Arms in this section is for non-commercial documentary purposes only. No official affiliation is claimed or implied. ↩︎

Since RSS readers do not display the blog content perfectly, please read this article in your browser.

杂谈——总结和展望

Sat, 22 Feb 2025 12:03:06 +0800

“此随笔记录了本站定位的一次转折。2025 年初，本站所有者以 Aoki-P 的身份在 Bilibili 和ニコニコ動画首次投稿原创术曲，从此开始了作为同人创作者的生涯。此随笔略显稚拙，是当时心境的反映。

新身份
#

投稿这首曲子主要是为了~~尝试新的东西~~ 未成年投稿P的属性🤭 。

计划在高考后（2025年6月）系统地学习编曲和混音，潜心研究引起听众共鸣的方法，找到自己的风格，然后换一个让人印象深刻的名字，再次出发。

对音乐的一些见解
#

私以为无论做怎样风格的音乐，能让听众舒适、感动，得到放松、愉悦甚至从歌曲中找到自己的影子，便实现其作为音乐的价值。

时常感到写歌和写文从内核层面而言不尽相同。利用自己的技术和审美，打磨出能被喜欢的作品，二者的创作是同样的心路历程。

从制作技术的角度来说，营造对比是很重要的。移调带来音高的对比，配器数量的变化带来响度的对比……音乐本质也是“信息的盛宴”。和弦、复调形成变化的音程关系，在规律中创造不规律，由不稳定走向稳定，由含蓄压抑走向爆发……节奏和旋律的运动相结合，就创造出悦耳的旋律。倘若再加上富有情感张力或是在低落中娓娓道来的歌词，配上富有变化色彩抑或是简单至真的纵向和声进行，就创造出让人印象深刻的音乐。

或许氛围音的作用很大。比如，蝉鸣勾起悠远的夏日时光，黑胶唱片的杂音饱含对回忆的追思，走调的钟琴让人想起生日蛋糕上的花形蜡烛……在乐曲中加入这些声音会营造独特的意境。

本站的未来
#

之前一年忙于学业，加上寄宿生的身份，打理网站的时间少之又少，所以断更了差不多一年。不过，接下来的日子里，从六月份开始，网站将恢复正常状态。届时，我将会把一些乐理、编曲、混音方面的知识心得分享在网站上；大学入学后，我会把在学习过程中获得的体会写成文章，把本站打造成一个技术型博客。“说说”将会关闭，生活动态等非技术类内容将转移到网易云音乐笔记和 Bilibili BB空间🐶 动态之类的平台。

正式成为一名业余P主后，或许会得到较大的关注度。因此，本次更新同时去除了一些信息（防止被盒），在想好作为P主的正式名称后，会把新名称作为线上活动的唯一标识名。本站的域名也会因此改变。

Since RSS readers do not display the blog content perfectly, please read this article in your browser.

关于本站的部署

Tue, 20 Feb 2024 13:42:42 +0800

敬请留意：此文撰写于多年以前。时过境迁，本站现已已脱离境内的网络服务框架，挂载于 Cloudflare ；本文所述内容可能仍有指引性意义，但本站或许已不采用下文的某些方式提供服务。

此文是上一篇《关于本站的建造》的内容延伸，是关于把搭建完成的 Hugo 站点进行部署和CDN加速的教程文章。与前篇不同，这是一篇普遍适用的教程。

部署网站

部署到GitHub Pages

首先，你需要拥有一个名为 <账号>.github.io 的 GitHub 公开仓库，然后把网站源代码 push 上去。（不要只上传 public 文件夹，建议连根上传，方便管理）。

git add .
git remote add github <仓库地址>
git commit -m "说明"
git branch -m main
git push -u github main

然后可以在设置里面看到：
把 /(root) 改为 /public，点保存后等待部署完成。

至此，你就可以用 GitHub 授予的二级域名来访问你的网站了。

优点

GitHub 的二级域名易于记忆
单平台一站式配置，无需考虑协议、证书等
国内可访问

缺点

配置较低，加载速度慢
国内及附近无加速节点，访问慢，时常抽风
GitHub Pages 把百度的爬虫拦截，站点无法被百度收录

Ping 结果

部署到 Vercel

如果你没有域名，慎用 Vercel，因为 Vercel 被GFW污染，不用自己的域名做解析就无法访问部署好的网站。

建立仓库、push的过程与 GitHub Pages 相同，但仓库不用必须公开，仓库名自定义。
访问 Vercel网站，用 GitHub 登录。

新建项目
载入仓库
配置如下，点击部署
等待部署完成后，进入仪表板

至此，基本的 Vercel 部署已经完成。但如果想通过 Vercel 授予的二级域名访问网站，可能需要魔法.:dog:

优点

自带CDN，有香港节点
服务器性能较高，速度较快
每次push 后自动部署
自定义程度较高，可绑定多个域名，也可以设置解析

缺点

需要绑定域名

Ping 结果

*.vercel.app
绑定域名后

注册域名和ICP备案

随便找一个国内的服务商，按照流程购买域名，需要实名认证。本域名是在腾讯云注册的。注册完成后，别忘记申请免费SSL证书以激活HTTPS访问。
接下来，为购买国内CDN加速，你需要将网站进行ICP备案。各服务商和各省管局有不同的要求，请遵照要求进行备案。
备案完成后，三十天内要在根域名主页尾部挂好ICP备案标识，否则抽查到会被罚款。

配置CDN

以腾讯云加速 Vercel 为例（既然已经购买了域名，选择 Vercel 提供的服务自然更好些）。

境内外分流

如果你用根域名做CDN加速
1. 删除原有的该站对 Vercel 的解析
2. 添加两条CNAME解析
  
  主机记录记录类型线路类型记录值
  
  www CNAME 境外 cname.vercel-dns.com.
  
  @ A 境外 76.76.21.21
如果你做CDN加速的是二级域名
1. 删除原有的该站对 Vercel 的解析
2. 添加一条CNAME解析
  
  主机记录记录类型线路类型记录值
  
  <子域> CNAME 境外 cname.vercel-dns.com.

主机记录	记录类型	线路类型	记录值
www	CNAME	境外	cname.vercel-dns.com.
@	A	境外	76.76.21.21

主机记录	记录类型	线路类型	记录值
`<子域>`	CNAME	境外	cname.vercel-dns.com.

添加回源解析

首先来到腾讯云DNS解析控制台，添加一条CNAME解析：

主机记录	记录类型	线路类型	记录值
source	CNAME	默认	cname.vercel-dns.com.

然后来到 Vercel 给要使用CDN的网站添加一个自定义的二级域名（如 <自定义>.<你的域名>.<你的后缀> ）

配置CDN

到腾讯云CDN控制台，点击添加域名
输入你已备案的域名（**给根域名添加CDN需带www**），按照下图进行配置
自定义缓存配置

（你可以参照我的配置）
自定义压缩配置
按需配置用量封顶
启用HTTPS服务，选择刚才配置好的证书
点击一键配置，CDN的CNAME解析记录就会自动添加

※ 如果给根域名加速，你还要把不带www的根域名进行如下配置（这是为不带www的访问自动加上www）：

全路径匹配	待重写URL	目标Host	目标Path
`√`	`/*`	`https://www.<你要加速的域名>.<后缀>`	`/$1`

等待片刻，CDN就配置完成了。

Ping 结果

CDN加速前
CDN加速后

–完–

Since RSS readers do not display the blog content perfectly, please read this article in your browser.

关于本站的建造

Fri, 02 Feb 2024 09:57:23 +0800

注意：本站已经历多次改版，其中一些特性已被移除或重构。文中提到的组件可能已不再存于本站，但其实现逻辑具有参考价值，故未作删除。

这里在技术上梳理了本站的建造流程及一些功能的实现方法。

前端框架
#

Hugo
#

本站前端采用静态网站生成器 Hugo 制作，所用主题为 Blowfish。 Blowfish 是由Nuno Coração 建设维护的。 Blowfish 文档内详细说明了 Hugo 和主题的使用方法，这里不再赘述。

GitHub Pages
#

本站前端部署在 GitHub Pages 上。

如果你所在地区GitHub访问受限，需要自行准备梯子。你也可以使用国内的 Gitee Pages，但缺点是需备案，需实名认证，内容需审核。

为部署网页，你需要先安装 Git ，然后在 GitHub 上添加本地SSH密钥。

在GitHub上建立一个名为 <账号>.github.io 的公有 Repo 作为网页文件的容器，再建立一个名称随意的私有 Repo 作为网站 Hugo 源文件的容器。把本地用 Hugo 写好的文件提交到私有 Repo 中，然后用 GitHub Actions 把私有 Repo 链接到公有 Repo 。

GitHub Actions
#

GitHub Actions 是 GitHub 提供的自动化服务。它会把私有 Repo 中的源文件在服务器中用 Hugo 自动生成网页文件，而不用我们在本地执行hugo指令，再把public文件夹中的网页文件提交到公有 Repo。这样我们再更新网站内容时需要运行的指令更少，省时省力。

要配置 GitHub Actions，你需要在本地网站根目录新建.github/workflows/hugo.yaml，把以下内容写到YAML文件里。

name: Action名称 #自定义名称
on:
 push:
 branches:
 - main
jobs:
 build-deploy:
# runs-on: ubuntu-20.04
 runs-on: ubuntu-22.04
 steps:
 - name: Check out source
 uses: actions/checkout@v2

 - name: Setup hugo
 uses: peaceiris/actions-hugo@v2
 with:
 hugo-version: "0.121.2"
 # 修改为你使用的 Hugo 版本
 extended: true
 # 设置是否需要 extended 版本

 - name: Build
 run: hugo

 - name: Deploy
 uses: peaceiris/actions-gh-pages@v3
 with:
 personal_token: ${{ secrets.PERSONAL_TOKEN }}
 external_Repository: SmileGuide/smileguide.github.io 
 # 修改为你的公有Repo
 publish_dir: ./public
 publish_branch: main

然后为 GitHub Actions 新配置一个SSH密钥

ssh-keygen -t rsa - -C "$(git config user.email)"
# 不能直接回车，输入新路径以免覆盖原来的密钥

到你输入的路径复制公钥(id_rsa.pub)，在公有 Repo 中点击 Setting - Deploy keys - Add deploy key，名称随意，勾选 Allow write access 后保存。

复制私钥(id_rsa)，到私有 Repo 中点击Setting - Secrets - New Repo Secrets ，名称必须设为ACTIONS_DEPLOY_KEY，粘贴私钥。

配置你的网站主页，写写帖子，接着 push 一下本地仓库。

提交代码之后，GitHub Actions 会根据源码，用 Hugo 自动生成网页，并发布到公有 Repo ，这又会触发 GitHub Pages 的 Action。

现在便完成了 GitHub Pages 的自动发布配置。此后，你只要持续提交源码到私有 Repo，网站就会自动发布。

Vercel
#

鉴于部署平台 Vercel 性能优于 GitHub Pages，2月15日起本站所有页面均部署于 Vercel，弃用GitHub Pages。
然而，使用 Vercel 的前提是你拥有一个域名，然后给 Vercel 工程设置自定义域名，因为 Vercel 提供的子域名被GFW进行了DNS污染。
–更新于2024/2/18–

评论系统和浏览量统计
#

本站采用带后端的评论系统 Waline ，但完全免费。
2026/3/8更新：鉴于本站风格正在向简洁演化，本站评论系统已迁移至Twikoo。

LeanCloud
#

在配置 Waline 前，你需要配置 LeanCloud 数据库。

服务端配置
#

本网站先是使用免费的部署平台 Deta（没有被墙且速度较快），在注册域名后使用免费的 Vercel 部署评论前端。你也可以使用别的平台，Waline 官网有介绍。

后端
#

安装完成后可在工作区看到应用。点击应用左上角的小圆圈，进入 Settings - Configuration 修改环境变量，把LEAN_ID、lEAN_KEY和LEAN_MASTER_KEY设置为LeanCloud 设置 - 应用凭证中的AppID、AppKey和MasterKey。

现在便完成了评论后端的基本配置。

前端
#

这是需要修改 Hugo 主题的操作，但不是直接进入 themes 文件夹修改，而是将要替换的文件放在 layouts 文件夹里，因为主题更新后会换掉直接修改的文件。

在layouts文件夹中创建partials/comments.html。

进入 Deta 工作区，点击应用左上角的小圆圈，点击 Open App 进入 Waline 应用服务端，复制链接。这是你即将填入源码的 ServerURL 。

以下是本站评论的源码，除了填入 ServerURL ，你也可以根据需要自行修改，再填入comments.html中。

<br/>
<span style="color:rgba(var(--color-neutral-400),var(--tw-text-opacity));">
 <span class="post-meta-item-text" >&nbsp;&nbsp;文章阅读量: </span>
 <span class="waline-pageview-count">⏳</span><div></div><br/>
</span>
<script type="text/javascript">
 document.getElementByClassName("aline-pageview-count")[0].data-path = window.location.pathname;
</script>
<script src='//unpkg.com/@waline/client@v2/dist/waline.js'></script>
<link href='//unpkg.com/@waline/client@v2/dist/waline.css' rel='stylesheet' />
<div id="vcomments"></div>
 <script>
 if ({{i18n "lanString"}}=="zh-CN") {
 Waline.init({
 el: '#vcomments',
 serverURL: '自行填入',
 emoji: ['https://valine-emoji.bili33.top/bilibilitv','https://valine-emoji.bili33.top/bilibiliHotKey','https://valine-emoji.bili33.top/Tieba-New','https://valine-emoji.bili33.top/weibo',],
 meta:['nick', 'mail'],
 pageview: true,
 reaction: true,
 lang: "zh-CN",
 locale: {
 reactionTitle: '•畅所欲言——这里是开放区•',
 comment: '留言板',
 placeholder: '点击下方登录后再评论，会有惊喜哦~',
 gifSearchPlaceholder: '搜索表情包...',
 admin: '作者',
 sofa: '还没有人评论，快来抢沙发吧',
 anonymous: '匿名者'
 }
 });

 }
 else {
 Waline.init({
 el: '#vcomments',
 serverURL: 'https://waline-1-e5403272.deta.app/',
 emoji: ['https://valine-emoji.bili33.top/bilibilitv','https://valine-emoji.bili33.top/bilibiliHotKey','https://valine-emoji.bili33.top/Tieba-New','https://valine-emoji.bili33.top/weibo',],
 meta:['nick', 'mail'],
 pageview: true,
 reaction: true,
 lang:{{i18n "lanString"}},
 });

 }
 document.getElementsByClassName('wl-power')[0].style.display = 'none';
 document.querySelector(".wl-actions a").style.display = 'none'
 </script>
 <style type="text/css">
 :root{
 --waline-color: var(--tw-prose-quotes);
 --waline-info-color: var(--tw-prose-quotes);
 --waline-info-bgcolor: var(--tw-ring-color);
 --waline-theme-color: rgba(var(--color-primary-400));
 --waline-bgcolor: transparent;
 --waline-border-color: #747474;
 }
 .wl-editor:focus, .wl-input:focus {
 background: transparent;
 }
 .wl-editor,.wl-input{
 max-width:88%;
 }
 .wl-reaction-item.active .wl-reaction-votes {
 color: white;
 }
 </style>

打开config/params.toml,在article中加入showComments = true

在网站根目录运行命令行，使用hugo server命令，你就可以在localhost:1313看到你网站上已经出现了评论区和浏览量统计。
（使用hugo server --bind="0.0.0.0"可以在局域网创建预览）

接下来配置主页浏览量统计。
把themes/partials/footer.html复制到layouts/partials/下,在第 17 行加入以下代码(填入ServerURL，按需修改)：

{{ if eq .IsHome true }}
 <span class="text-sm text-neutral-500 dark:text-neutral-400">
 {{i18n "footer.visitors"}}
 <span class="waline-pageview-count" data-path="/" id="pagec">——</span>
 </span>
 <script type="module">
 import { pageviewCount } from 'https://unpkg.com/@waline/client/dist/pageview.js';
 pageviewCount({
 serverURL: '自行填入',
 path: '/',
 });
</script>
<script type="text/javascript">
 var pagect = document.getElementById('pagec');
var observer = new MutationObserver(function(){
 var itl,itll;
 var element = document.getElementById("pagec");
 observer.disconnect();
 itl = element.innerText;
 itll = Number(itl).toLocaleString();
 document.getElementById('pagec').innerHTML = itll;
});
var article = document.getElementById('pagec');

var options = {
 'childList': true,
 'subtree': true
};

observer.observe(article, options);
</script>
{{ else }}
{{ end }}

悬浮播放器
#

本网站的悬浮播放器可以跨网页播放，配置方法如下。

后端
#

本站播放器的原方案是：在LeanCloud 数据存储 - 文件 中上传音频文件、专辑封面文件。歌词文件放在static文件夹下，以便直接引用。

然而，这种部署方式仅运行两天就出现欠费的情况，于是改用直链工具：涟漪文件直链。

前端
#

把themes/header/basic.html复制到layouts/header/下,在第 17 行加入以下代码：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<div id="aplayera" style="opacity:0.8;color: var(--tw-prose-headings);"></div>
<script type="text/javascript">
 const ap = new APlayer({
 container: document.getElementById('aplayera'),
 fixed: true,
 lrcType: 3,
 order: 'random',
 audio: [{
 name: '正解(混声三部合唱)',
 artist: 'RADWIMPS',
 url: 'https://lc-gluttony.s3.amazonaws.com/dRYJBlSN7EF3/EN2sSlJjrTnrwt7422opBQzuYtwgKUxG/RADWIMPS%20-%20%E6%AD%A3%E8%A7%A3%20%28%E6%B7%B7%E5%A3%B0%E4%B8%89%E9%83%A8%E5%90%88%E5%94%B1%29.flac',
 cover: 'https://lc-gluttony.s3.amazonaws.com/dRYJBlSN7EF3/VoCPlwWAoRbycMbMpkk8rO3nFSY2RvVe/%E6%AD%A3%E8%A7%A3.jpg',
 lrc: 'https://lc-gluttony.s3.amazonaws.com/dRYJBlSN7EF3/81GxLoRdTXmyBp7NCYPQNAhh6LT22Fku/RADWIMPS%20-%20%E6%AD%A3%E8%A7%A3%20%28%E6%B7%B7%E5%A3%B0%E4%B8%89%E9%83%A8%E5%90%88%E5%94%B1%29.lrc'
 },
 {
 name: '蝶々結び',
 artist: 'Aimer',
 url: 'https://lc-gluttony.s3.amazonaws.com/dRYJBlSN7EF3/ofE4yX5UYy3zpMaNwt6nRnWQd0sIP4xi/Aimer%20-%20%E8%9D%B6%E3%80%85%E7%B5%90%E3%81%B3.flac',
 cover: 'https://lc-gluttony.s3.amazonaws.com/dRYJBlSN7EF3/OQaFrdqT2Yiuzcmtx2uIlsLG8GjD6ok3/%E8%9D%B6%E3%80%85%E7%B5%90%E3%81%B3.jpg',
 lrc: 'https://lc-gluttony.s3.amazonaws.com/dRYJBlSN7EF3/r1HTik6Im5Bzuvfo7JQiAMIEoBqs2m7I/Aimer%20%28%E3%82%A8%E3%83%A1%29%20-%20%E8%9D%B6%E3%80%85%E7%B5%90%E3%81%B3%20%28%E8%9D%B4%E8%9D%B6%E7%BB%93%29.lrc'
 },
 ]
});

 ready();

 isRecover = false;
 function ready(){
 ap.on('canplay', function () {
 if(!isRecover){
 if(localStorage.getItem("musicIndex") != null){
 musicIndex = localStorage.getItem("musicIndex");
 musicTime = localStorage.getItem("musicTime");
 if(ap.list.index != musicIndex){
 ap.list.switch(musicIndex);
 }else{
 ap.seek(musicTime);
 ap.play();
 localStorage.clear();
 ap.setAttribute(muted,'');
 ap.setAttribute(playsinline,'');
 isRecover = true;
 }
 }else{
 isRecover = true;
 }
 }
 });
 }

 window.onbeforeunload = function(event) {
 if(!ap.audio.paused){
 musicIndex = ap.list.index;
 musicTime = ap.audio.currentTime;
 localStorage.setItem("musicIndex",musicIndex);
 localStorage.setItem("musicTime",musicTime);
 }
 };



var element = document.getElementsByClassName("aplayer-title")[0];
$(element).wrap("<a href='{{i18n "pathAppendix"}}/radio/pick/'></a>");
</script>





<style type="text/css">
 .aplayer-title, .aplayer-list-light {
 color:#000000cc;
 }
 .aplayer-list{
 color:#717070bf;
 }
</style>

现在你可以看到效果了。要换成自己上传的音乐，需把代码中audio的name(歌曲名), artist(艺术家), url(音频地址从LeanCloud复制), cover(专辑封面地址), lrc(歌词文件地址)做更改。audio 属性的结构如下：

 audio: [{
 name: '',
 artist: '',
 url: '',
 cover: '',
 lrc: ''
 },
 {
 name: '',
 artist: '',
 url: '',
 cover: '',
 lrc: ''
 },
 ],

悬浮播放器的原理是：在退出网页时，如果音频处于播放状态，则在缓存中存储进度，新网页打开时，检查是否有缓存，若有则恢复播放。这个功能在苹果设备中不受支持。

说说
#

本站的说说是一个把众多用 Markdown 写成的短篇图文组织到一页的功能，原理是创建两个自定义短代码 include 和 memo（源码在/layouts/shortcodes中）。前者使用了Hugo的新特性，从指定路径获取渲染好的HTML并放置在页面上；后者是一个支持在内部写入 Markdown 和短代码的<span>元素。
另外，说说页的布局也做了个性化修改（见/layouts/partials），我还写了一个自动新建说说的 Shell 脚本（在/content/shuoshuo-single/中）。

具体请见本站 Hugo 源代码仓库：

SmileGuide/mywebsite

JavaScript

–更新于2024/2/12–

看板娘
#

看板娘一词源于日语，是店铺为吸引人气而设置的形象代言。
页面右下角的人偶即为本站的「数字看板娘」。它源于GitHub上的开源项目：

stevenjoezhang/live2d-widget

把萌萌哒的看板娘抱回家 (ノ≧∇≦)ノ | Live2D widget for web platform

JavaScript

9787

2507

具体来说，该插件有两部分需要配置。

页面引用
#

首先，你需要克隆上述 Repo，放在static文件夹中，然后按照README文件进行自定义。
像前文所述的一样，在/layouts/中拷贝相应的主题文件。我拷贝的是footer.html。
在该文件适当位置加入 JavaScript 引用：

<footer id="site-footer" class="py-10 print:hidden">

+ <script src="/live2d/autoload.js"></script>

 {{/* Footer menu */}}
 {{ if .Site.Params.footer.showMenu | default true }}
 {{ if .Site.Menus.footer }}

请仔细阅读项目的README文件以了解如何自定义（如修改气泡提示文本、CSS等），这里不赘述。

API
#

你可以使用该项目的官方API地址，但是更推荐在 Vercel 上部署一个，以便自定义模型。先克隆（或者复刻）下面的 Repo 到本地：

Live2D 看板娘插件后端 API

由于 Vercel 无法识别根目录不带 index.html 的项目，你需要新建一个，里面可以写一写介绍等。
在目录中，model_list.json 用于描述有哪些模型。如果要添加模型，请把模型放在model目录中，并检查新加的模型的目录中的JSON文件是否更名为 index.json，然后改写 Repo 根目录中的 model_list.json 以便识别新模型。
修改完毕后，把 Repo 提交到 GitHub，部署到 Vercel 上(流程同前) 最后，把在博客的static文件夹的 Repo 中的autoload.js修改一下：

 Promise.all([
 loadExternalResource(live2d_path + "waifu-basic.css", "css"),
 loadExternalResource(live2d_path + "live2d.min.js", "js"),
 loadExternalResource(live2d_path + "waifu-tips.js", "js")
 ]).then(() => {
 // 配置选项的具体用法见 README.md
 initWidget({
 waifuPath: live2d_path + "waifu-tips.json",
+ cdnPath: "你API的 Vercel 部署地址",
- //apiPath: "https://live2d.fghrsh.net/api/",
- cdnPath: "https://fastly.jsdelivr.net/gh/fghrsh/live2d_api/",
 tools: ["hitokoto", "asteroids", "switch-model", "switch-texture", "photo", "info", "quit"]
 });
 });}

至此，你在博客页面上看到看板娘了。
另外，本站的自建API地址是 live2d.api.karlukle.site，如果不想自建API，也欢迎你来使用。
–更新于2024/2/18–

以上是关于本站建造的全部内容，如果你想进一步了解本站是如何部署、加速的，欢迎阅读：

Since RSS readers do not display the blog content perfectly, please read this article in your browser.

JUKAI.SITE

随想：灯火、神隠、悪夢

『夜明けと蛍』汉语自译

序 #

试译 #

随想：樹人、冬の子、五月蝿

随想：郷、秋鳥、遗址

随想：2011、世界樹

随想：鏡、雑音、可哀想

随想：夜、風、存在

江

流

寺

垣

巷

暮

鉄

樹海的オーストラリア之旅

旅立ち

家から

咸陽

彼方へ

到着

雲越え

実感

漫歩

知らず

晴れ

探す

黙す1

奈落

残響

帰結

交差

再々会

帰途

杂谈——总结和展望

新身份 #

对音乐的一些见解 #

本站的未来 #

关于本站的部署

部署网站

部署到GitHub Pages

优点

缺点

Ping 结果

部署到 Vercel

新建项目

载入仓库

配置如下，点击部署

等待部署完成后，进入仪表板

优点

缺点

Ping 结果

注册域名和ICP备案

配置CDN

境内外分流

添加回源解析

配置CDN

到腾讯云CDN控制台，点击添加域名

输入你已备案的域名（**给根域名添加CDN需带www**），按照下图进行配置

自定义缓存配置

自定义压缩配置

按需配置用量封顶

启用HTTPS服务，选择刚才配置好的证书

点击一键配置，CDN的CNAME解析记录就会自动添加

Ping 结果

关于本站的建造

前端框架 #

Hugo #

GitHub Pages #

GitHub Actions #

Vercel #

评论系统和浏览量统计 #

LeanCloud #

服务端配置 #

后端 #

前端 #

悬浮播放器 #

后端 #

序
#

试译
#

黙す¹

新身份
#

对音乐的一些见解
#

本站的未来
#

输入你已备案的域名（给根域名添加CDN需带www），按照下图进行配置

前端框架
#

Hugo
#

GitHub Pages
#

GitHub Actions
#

Vercel
#

评论系统和浏览量统计
#

LeanCloud
#

服务端配置
#

后端
#

前端
#

悬浮播放器
#

后端
#

前端
#

说说
#

看板娘
#

页面引用
#

API
#