陽升之谷²

偷钥匙

Wed, 20 Aug 2025 00:07:07 GMT

角色设定来自一个超可爱弟弟～
没有BE，因为，必须强调，陽楷锴没有BE作品。
Warning：骨科（兄/弟）

“辛苦啦，竹。”学长们的毕业晚会刚刚结束，偌大的报告厅很快回归了平时的寂静。

只剩下一群勤勤恳恳的学生会干部在收拾着大厅。其中最显眼的，属白岚枫和他的弟弟白岚竹。

「白」……不仅是他们的姓氏，也是他们身上最显著的特征——头发、头顶的猫耳朵，还有可爱的小脸蛋，都可以很好地用「白」来概括。

听到枫的呼唤，白岚竹抬起头：

“白部长也很辛苦啦。不要忘了自己的功劳哦～”

映入他们四只湛蓝色眼睛的，是彼此与自己相似的面容。

白岚枫的表情看起来闷闷的，疲惫中带着一点不自信：

“其实我也没……”

但竹显然并不这么觉得，他咧着嘴坏坏地笑着：

“打住哦～要不要我揪着白部长的猫猫大耳朵，告诉有个今天从头到尾忙前忙后都没时间喝水的人，他到底有多棒呀？”

于是枫伸出手，微笑着拍了拍竹的肩膀，这场“到底辛不辛苦”的讨论就此告终。

“我看到整个会场已经整理得差不多了。今天晚上大家都非常辛苦，这是花经费给大家买的饮料，每个人都有份。现在大家回家好好休息一下吧。”

主席抱着一小箱刚刚从校门口小卖部冰箱里拿出来的饮料，放在桌子上。

所有人各自随手拿一瓶，道完谢。剩下的是空荡荡，熄了灯的报告厅。

校门口，枫和竹解锁了各自的自行车。

“慢点喝，又没人跟你抢……”枫看着竹好像不是三个小时而是三个月没喝过水的样子，有些哭笑不得。

竹时而大口喘气，时而抬头猛灌，不出几口就把一整瓶汽水喝空了。

“嘿嘿……嘿，这不是，一晚上都没顾得上喝水，太口渴了嘛。

对了，哥哥也一晚上没喝水了，也要喝！”

“好啦好啦，真拿你没办法。”枫只好如认输一般拧开瓶盖，浅浅地喝了一口。

夏末的Y城，还带着夏日未尽的闷热感，更别提刚刚下过一场不小的雨。

这样的天气，即使骑车，耳畔总有晚风掠过，也让人感觉似乎有点过于黏腻了。

道路上随处是深一块浅一块的水渍，车辙划过，水面亦刻下了枫和竹的欢声笑语。

从早晨的第一缕日出中他们一同出发，经过同一条路线，到达同一个地点，开启新鲜的一天；

在黄昏里最后的夕阳中他们一同返回，又是同一条路线，又是同一个地点，结束完整的一天。

在竹心里，或许算不上是「不可多得」，但这样的日子，总是让他感觉……实在有些流连。

他比枫小一岁，在两年前，白岚枫刚上初中的时候，他还差整整一年才能从小学毕业。

那一年枫比竹上课早，放学晚。

虽然那一年他过得并不差，早晨睁开眼，桌子上是枫给他留下的早饭；晚上在床上，也还是可以缩在枫的怀里，一同入睡。

但在那之前，除了上课，他们几乎总是形影不离。所以……当早晨睁开眼，没有枫；当放学回到家，没有枫……竹总感觉缺了什么。

他总想着，不想枫缺席自己任何一个思念着对方的时刻。

而且在他心里，从来没有任何一个人能和枫相提并论。他总觉得，即使让别人陪他做所有和枫做过的事情，一模一样地做，也不会像和枫一起那样开心了。

谁叫他……是哥哥呢。

而现在，他们当下正经历的，正是他们两人一直以来共同的生活愿景——陪在彼此身边。

陪在彼此身边……就什么都够了。两人对此心照不宣。

枫知道竹一直以来喜欢这样的时刻，和自己相处的时刻。

因为他记得那些泪水、那些动作、那些瞬间。

他记得那次自己刚打开门，就被竹用力地紧紧抱住。

他记得那次自己夜里被挤到床边几乎要掉下去，身旁的人却还在使劲蹭着自己。

他知道，白岚竹这个其他人眼里阳光开朗的小男孩……外表下其实也藏着不为人知的不安。

而事实上，枫自己也没有能力和勇气，说自己对竹的依赖比对方少哪怕一星半点。

谁叫他……是弟弟呢。

只是最近越是想起竹，越是见到竹，越是和竹对话，枫就会有越多纷繁复杂的念想。

他想到有关未来的事情……枫有时候确实会想象竹的未来，想象竹会遇到一个怎么样的人，他们俩又会怎样幸福地生活在一起。

竹……应该会有新的憧憬吧，大概会的吧。无论现在和自己的时光有多欢快，自己毕竟不是像他那样活泼的人，没法一直和他一起活蹦乱跳。

但他却从来没有想过在那个未来，自己又该何去何从，理由是……他心里装不下除了竹以外的任何人。他不敢想。

时光匆匆地跑，火焰也化作月遥遥。日子一天天过去，自己在竹生命中的占比只会越来越少。

越来越少，直到……再也没有办法在竹的心里打败另一个人。

最近这样的想法越来越多了。他眼看着竹变得越来越成熟，越来越有能力独当一面，越来越擅长社交……

自己在竹心里的地位，恐怕越来越摇摇欲坠了吧，枫想。

每每想到这里，枫就特别努力地压抑着和竹亲密接触的冲动——他怕这些回忆太鲜明，让他面对失去的时候崩溃到不能自已。

家门口，枫和竹把自行车停下。竹拿出锁，像往常一样想把车锁好。

此时的枫是一副心不在焉的样子。他就这样呆呆地望着远处整齐的路灯的方向，眼神却失去焦点，模糊到甚至看不清到底有几盏路灯在视野里。

他就这样发呆良久，直到那几声“嗨？嗨！”和那两只在他眼前挥舞的双臂打断了他的思绪：

“从来没见过哥哥这么发呆呢。哦～我知道了，今天的身份是——做后勤工作累到大脑一片空白的白部长！

不过，辛苦白部长再受累掏一掏钥匙呢，要不然部长的专用自行车明天就可能消失不见哦。”

枫仍然心事凝重的样子，不假思索地摸了摸平常放钥匙的口袋——没有，什么都没有。他一个激灵，终于回过神来，迅速摸了摸身上所有可能有钥匙的地方——还是什么都没有。

“钥匙……好像找不到了。”枫有些沮丧，他从来没有过丢掉钥匙这种重要的东西，“家里还有一把，我们先回去吧。稍后我单独出来锁一下就好。”

“那多麻烦呀，不如，今天晚上……”竹露出了那看起来永远那么无邪的笑，“哥哥的自行车，就先和我的用同一把锁，锁在一起？这样就不用再出来了嘛。”

家里，白岚枫怎么回想也想不到自己会把钥匙丢在什么地方……明明从学校出来的时候还刚用钥匙打开了锁。

对，刚用过，那一定是掉在路上了，再想找回来，犹如大海捞针。

“钥匙应该是掉在路上了。竹，明天我得去找地方复刻一把了。”枫看着刚从浴室出来，穿着睡衣，顶着一头湿湿的头发的竹，“你如果明天要宅家，我就快去快回；如果你也想出去转转，那就一起出门。”

“知道啦，放心去洗澡叭。”白岚竹看着枫有些认真的样子，趁枫转过身，露出一个坏笑。

等到白岚枫也从浴室出来靠在床上，就又到了最喜欢的依偎在一起看电视的时间。

竹看着发呆的枫：“哥哥看起来没什么精神呢，看来今天是真的累得不行了呀。哥哥不睡觉嘛？”

“没。我只是想到一些事情。”枫回应道。丢掉钥匙是件小事，但对他来说却是一整个“我是不是甚至保护不好最喜欢的弟弟”的情绪风暴。

他又想起那些最近总是在想的事情。

“哥哥不如说说，最近又是因为什么事情闷闷不乐呢？”竹关掉电视，翻身让自己的脸占领枫的视野，“今天可是哥哥状态最奇怪的一天呢。”

“大概是要上初三了，毕业考试在即，压力有点大吧。真的没什么的。”

“别以为我不知道学习对哥哥来说根本不是什么问题。”竹用手指戳了戳枫柔软的脸，“那哥哥解释解释，今天伸出手没有摸我的头，拍拍肩膀是什么意思？还有，为什么刚刚靠在哥哥身上的时候这么僵硬，就好像……很抗拒？”

“那不是当时人太多了，太亲密不合适嘛。僵硬……今天太累了嘛。”

“那哥哥现在摸摸我的头。”竹把头靠在枫的胸口，双手环抱在枫躯干上。

枫的眼睛藏不住心事，满是迟疑。他慢慢把手覆上竹的后颈。这个曾经做过无数次的动作如今却让他感觉如此陌生而艰难……

又，还没等枫的手掌彻底放上来，竹缓缓抬起头来，眼里噙着泪：“哥哥是不是有喜欢的人了，想和我保持距离呀。其实……可以直接告诉我的。我会，我会自己找好分寸……”

很久没有看见过竹流眼泪，这次竟是因为自己，一向多愁善感的枫一时半会竟也大脑一片空白：“我，我其实……”

“哥哥是不是在找这个呀？”竹掏出自己趁枫发呆的机会，从他身上偷偷掏出来一直藏在身上的那把钥匙，“就算是小秘密的话，告诉我好不好，我拿哥哥在找的东西来换。”

看着那把钥匙上串着的，和两人眼瞳一样的湛蓝色的，刻着「DoubleCats·枫」的铭牌……或许就连他们共同的名号「DoubleCats」，都要被抛弃了吧。想到这里，竹眼里的泪汇成两股，流了下来。

“是谁呀？是不是……学生会里的同学呀？不然哥哥今天也不用在工作场合避嫌，对不对？而且……里面的同学也都这么优秀……”

“竹，你想听实话吗？”

“当然想……想知道哥哥到底怎么了……”

“你猜得很对哦。”

“果然是有喜欢的人了嘛……”白岚竹强打起力气，起身坐在白岚枫旁边，低着头，“我……我知道了。哥哥想保持距离的话，以后不会再和哥哥这么亲密了。”

“不过别忘了你也是「学生会里的同学」喔。你还是我部门的呢。”

“哥哥是说……”竹的头又抬了起来，眼泪似乎都停滞了几刻。

“我喜欢你，竹。我不想再仅仅以「哥哥」的身份陪在你身边了。”枫也看向了竹的眼睛，“我想占有你，竹，只是我一直不敢。”

“我真的担心这一切都只是我的一厢情愿。”白岚枫长舒一口气，郁结心中许久的事终于说了出口。

“你真的以为这一切都只是你的一厢情愿？”白岚竹当然很不甘心，“那我所有眼泪，所有脆弱，全部都只留给哥哥，难道哥哥不知道嘛？

哥哥什么时候看过我，在别人面前掉眼泪呢？

哥哥真的很好，好到……好到我都有点不想把哥哥分给别人。

别再盯着我看啦，我是说——嗯，我也喜欢哥……”

没等白岚竹发出最后一个音节，他的嘴唇就被堵了起来。那是白岚枫的双唇。

竹很惊讶，却又情不自禁四肢发软，只好把双手环抱在枫的颈间。

竹很享受这种从未有过的嘴唇被同样柔软的东西覆盖着，甚至……舌头被同样柔软的东西蹂躏着的感觉。

很热烈的不只是他们之间的爱，还有他们鼻尖感受到的来自对方的气息。热烈，熟悉，共同带来绝无仅有的安心。

近，那么近，近得几乎可以从舌尖就感受到对方的心跳和自己连成一片，跳成同一个节拍。

“唔…嗯……”枫听着竹的呻吟，并不是很清楚他到底想说什么，就当作是在说那句没说完的话吧，那句——

“我也喜欢哥哥。”

做这对角色OC的弟弟比我笔下的可爱（惭愧😭）。
作者声明禁止转载。

胸膛里有你的心跳

Tue, 03 Jun 2025 00:07:07 GMT

基尼奇水仙。
阿乔没有太多笔触，想看阿乔互动的轻喜剧类型可能要让阁下失望啦～

作者一贯的暖心风格之：马哈鱼你只管发刀，二创作者自会暖心。（bushi）（果真有读者认识我吗😭）
所以请放心不会有痛苦结局的哈，请放心阅读～（但是可能中途会有章节结局不太温暖，请相信我，结局会好起来）
OOC和世界观错误致歉。

Chapter 1: “我知道你在。”

天空静止，星辰倒映在夜神之国的大河上。

一个模糊的人影从水中浮现。

少年缓慢睁开眼睛，像是刚从另一个生命的尽头醒来。

恍惚间记不起自己是谁，只记得：

“风从北边吹来……我曾踏上过那片流淌着色彩的土地。”

他伸手抓起自己的神之眼，灰暗的，不属于任何元素。

或者说，他全身上下都灰暗着，看起来似乎还有些透明。

然而他却感觉到自己的灵魂……如火焰一般鲜活。

他在静寂中听见一个声音，那不是别人的低语，是自己的声音：

“如果我不该存在，那是谁在替我呼吸？”

他被头顶树梢上滴落的雨滴再次点醒。

“水……水？”他伸出手，映入眼帘的是自己的肉身。

鲜活的、有色彩的、不再透明的肉身。

记忆中各种各样的虚幻感受突然开始变得真切起来。

原来所谓流淌着的色彩，映入眼帘是这样的感受。

原来……水的触感是这样的，树的气息是这样的……还有自由的风，原来风的声音，也是这样迷人。

自己的心跳……自己的体温……自己的呼吸……

对于一个终于对那些模糊的概念有了切身的真实感受的人，一切都无比新鲜。

但随之而来的是所有记忆飞快，如潮水般飞快，飞快地涌向他的脑海。与前半生一般长的映影，裹挟着影像中所有的感受，疼痛、快慰、寒冷、温暖……以无限大的速度在他脑海中放映着。

尤其鲜明的是……那时那只魔兽利爪从他背后穿胸而过那种疼痛至极的感觉。它几乎盖过其他一切美好的体验，逼得少年双目无神地盯着远方。无法呼吸。

无法呼吸。仿佛前胸后背被一股无限大的力量夹持着。

只剩下滚烫而沉闷得几乎要将他淹没的心跳。

以及……腿侧原本仍旧灰暗的宝石闪耀出的翠色和上面凝结出的心形纹路。

闪过的所有记忆停留在“今夜在住宅的小床上合上双眼”的那一刻。

回过神来，惊魂未定的他大口地喘息着求之不得的新鲜空气。

直到在那棵树下感受到自己身体冷静下来，甚至有寒意的侵袭，少年才终于意识到自己需要找个地方庇护。

少年看向天空，只看到一轮圆月高高挂于天穹之上。

他起身，在这片草地上漫无目的地走着。

没有龙伙伴的帮助，暂时没法使用记忆中已无数次使用过的，早已谙熟于心的钩索。但有了神之眼的庇护，原本有些疲乏的身体也轻巧了起来。

但摆在他面前的问题，是他究竟该去往何方……

“所有记忆都在我身上重现……

那我怎么可能会不知道，自己该往哪里走，才能与他相逢呢？”

今后的几天里，为了不打扰到基尼奇的生活，又不错过接下来发生的一切，少年总是藏在暗处看着基尼奇的一举一动。偶尔在基尼奇遇到困难的时候悄悄施以援手。

所谓“只有受害者，才能完成完美的犯罪。”。基尼奇虽然明显感觉到最近的委托干起来都比以往来得要轻松太多，但他只好归因于自己功力又有长进，抑或是对手实在是过于逊色。

但即使总是暗中帮助，他一时半会仍不敢面对面前这个“真正的”基尼奇。

他仍不知道，自己究竟应该以何种身份存在这个世界上？自己和他究竟应该是什么关系？自己接下来又究竟应该怎么做？

越想越乱，少年一天又一天地拖延着正式与“真正的”基尼奇会面的时间。

但两人都不知道，在这样日复一日的接触中，他们之间的联结正日渐深刻……

直到那一天。

少年如往常一样躲藏着观察基尼奇执行委托，如往常一样于暗中协助。

但这一次，基尼奇捕到猎物并交付之后，少年似乎听见了心中响起一个声音：

——“好累啊。找个借口关住阿乔，然后去部族外、彩石顶的崖边吹吹风吧。”

并不是自己的念头。

聪明的少年一瞬间便明白了，那是谁的声音。

这是一封邀请吗？

还是说——终于到了，为这份存在，付出代价的时候了？

基尼奇站在崖边，风卷起他衣角的边缘。

他没有回头，只轻声说了一句：

“出来吧，我知道你在。”

声音落地的一瞬间，另一个他从石后走了出来。

与自己相同的猎人素养，没有脚步声。

但内心却非常强烈地感受到，有另一个呼吸，悄然靠近。

基尼奇转过身，映入眼帘的是一模一样的面容、发色、眼神，乃至……一切可观察特征上都与自己毫无二致。

或许因为是早就做好了心理准备，抑或是出于猎手的职业素养，即使是这样，基尼奇也没有丝毫意外的样子。

两个自己对视着，像是在等对方先开口。

Chapter 2: “我听得到。”

“你是说，那次巡夜者战争。”

基尼奇看着面前的少年，陷入了沉思。

“我记得当时阿乔告诉我，那次，受魔物穿心一击后濒死的我，又奇迹般地站了起来，为所有人取得了最终的胜利。

从我失去意识到在圣火竞技场的还魂诗中醒来那段时间，我什么都不记得了。

最近感觉到接到的委托都异常轻松，看来不是我的错觉。我没猜错的话，你的出现——应该说，你的实体的出现——已经有一段时间了吧？”

少年没有说话，只是轻轻点点头。

基尼奇的眼神是一如既往的平静和深邃模样，他托着腮平静地望着眼前之人。

而被注视着的少年仍然没有说话。他低着头，模糊的视线里只剩下自己戴着手套的双手在不断互相较劲。

他还是不知道自己到底应该如何面对这一切。

他甚至不知道自己究竟是否应该活着。或许自己的存在会为面前这位“真正的”、大家熟知的基尼奇带来困扰……

或许自己真的不该存在。或许即便自己像这样突然出现在这片土地上，也理应藏得好好的，或许还有机会与现在面前之人相安无事。

而不是像现在这样……

像现在这样……要容许自己的存在，基尼奇需要付出多大的代价呢？自己又该如何偿还呢？

“在想些什么？

今天你听着我的心声才找到这里来，同样我也能听到你心底的呢喃。

声音太小，有些模糊。无妨，我能猜出你的心思。

我对你并无敌意。有什么想法说出来便是。”

并不算是做出了让步，但更算不上是刻薄的语言。

基尼奇知道，面前的少年既然承载着自己的所有记忆，又与自己有这样深刻的联结，思维也自然会和自己如出一辙。

基尼奇深知自己早已不像小时候那样，单纯地渴望摩拉了。但即便如此，他依然很少去想那些看似虚无缥缈的问题，"自己到底算不算拥有所谓「美德」"之类。

如今面前的少年陷入了如此深思，并不寻常。

更别说……自己感受到面前少年的心声是那样忐忑不安，甚至可以读出一种无法言说的愧疚，和一种无法化解的不甘。

愧疚。因为少年贪恋这种拥有肉体，真正活在这个世界上的感觉。即使他知道会有代价。

还是那一次巡夜者战争。基尼奇凭着极度强烈的胜利愿望得到了神明的注视。

而这份注视除了凝结成他身上的神之眼，还在夜神之国的领土上再造了一份基尼奇的灵魂。

神明的注视以及这份灵魂的力量，带领基尼奇取得了最终的胜利。

之后还魂诗让所有参战的英雄们凯旋，却让那份再造的灵魂就这样孤零零地留在了夜神之国。

「他」日日夜夜回味着那场战斗，那是「他」唯一的切身经历。但……也仅仅只是纯粹的战斗而已，没有任何多余的体验。

就连自己诞生前，“真正的”基尼奇所承受的穿心之痛他也没来得及感受到，就脱离出来成了毫无感知的孤魂。

「他」日日夜夜向往着能有一天……自己能完整地感受到这个世界。

不甘。因为这一切实在来之不易。他已经为这一切付出了太多的代价。

每时每刻基尼奇的所有记忆就像元素能量进入身体一样直接进入「他」的记忆。带不来任何感受，一切都只是褪淡的余忆。

无论「他」再怎么想要感受那些时刻，再怎么想要抓住那些细节，也全都是徒劳无功。

直到那一天，那一天「他」终于也获得了神明的注视，以肉身出现在这个世界，神之眼也因此而亮起。

那一天「他」终于也感受到了自己一直以来盼望着想感受到的一切。

那一天「他」终于也鲜活地活在了这个世界上。

那一天「他」终于从那种毫无感受的空洞痛苦中解脱出来。

这种痛苦……现在的「他」宁愿无数次经历在「他」的肉体诞生之时，记忆片段中的一切感受瞬间强加于身上的感觉。

如此强烈而持久的念念不忘，终于让回应降临，愿望实现。而自己……自己这么快又要失去这一切了吗？

愧疚和不甘就这样在心头打转，一直顺着呼吸转到酸楚的鼻尖，然后是湿润的眼眶。

然后是一滴落在彩色地面上晶莹剔透的泪。

这么多天一直在暗中帮助，面前的少年，虽然是不请自来，即使不论任何感情，功利地说，也算是自己的战友。

即使是从来都只顾度量代价，而忽视激励与抚慰的基尼奇，看到战友流泪，心里也很不是滋味。

何况……自己还能感受到对方内心的波涛汹涌。

“基尼奇……”沉默良久的少年终于暂时保管好堆积的情绪，“我……”

他想问自己能不能留在他身边，即使只是像之前那样做一个旁观者，偶尔在战斗中悄悄帮忙。

他不想离开这片熟悉的土地，至少在他用自己的眼睛看过所有回忆中想见的景观和人物之前。

但他终究没有说出来，而是强装镇定，改口说：“我听从你的处置。”

倘若面对的是其他人，或许这番改口能够让人相信这是他的本意。

可惜，面对他的是已经与自己联结在一起的对方。

“我听得到。”基尼奇的声音也柔和下来，“你想留在我身边。”

“如果你想让我离开你和你所熟……”

“不。我同意了。暂时不适合加入，但你可以继续旁观我的生活，如果你能接受只能旁观所产生的代价的话。

不过，我应该叫你什么呢？”

少年确实没有想过给自己取一个名字。他的目光投向远方，又收回到基尼奇身上。

“或许，作为你允许我留在你身边的交换……

我希望由你来赋予我名字。”

“那从今以后，你就叫诺柯吧。‘诺言’的‘诺’，‘琼柯’的‘柯’。”

“诺柯……嗯，我记住了。”

“要去任何别处看看，请自便。但请注意不要引人目光。如果想见我的话，在心里呼唤我吧。

我听得到。”

关于隐私

Sat, 19 Dec 2020 23:05:50 GMT

你或许想不到，一个静态博客居然会有隐私说明。为什么是说明而不是条款呢？因为如果你看到了这里，你已经把我的小破站看得很深入了……可以说使用即同意吧。

你的数据将被通过以下方式收集：

Cloudflare Web Analytics的JavaScript所得数据：https://static.cloudflareinsights.com/beacon.min.js；
Cloudflare CDN与客户端的连接数据；

简要地说明一下你被收集的数据：

你访问本站使用的的User-Agent字符串（用于分析你使用的浏览器、设备类型和操作系统）；
你访问本站的哪个子域名；
你从什么网站跳转到本站；
你访问本站的哪些目录/页面；
你的IP地址（用于了解你所在的国家/地区和模糊的访客识别）；
你使用的HTTP版本和TLS版本；
你在本站停留的时间以及进行的操作（包括但不限于鼠标滚动、光标移动、鼠标点击）。

你被收集的数据会被如何使用：

我不会对你的数据做任何处理，仅供我个人参考；

当然，如果你不愿意被收集如此详细的数据，完全可以直接屏蔽前文提到的URL来防止采集你数据的JavaScript脚本被执行。如果你不希望你的IP地址被收集，当然也可以直接通过Tor或代理来访问本站。这里没有任何~~恶心的~~类似BlockAdBlock之类的限制。

Include Video in the Posts

Mon, 01 Jan 2001 00:00:00 GMT

Just copy the embed code from YouTube or other platforms, and paste it in the markdown file.

---
title: Include Video in the Post
published: 2023-10-19
// ...
---

<iframe width="100%" height="468" src="https://www.youtube.com/embed/5gIf0_xpFPI?si=N1WTorLKL0uwLsU_" title="YouTube video player" frameborder="0" allowfullscreen></iframe>

YouTube

Bilibili

Simple Guides for Fuwari

Mon, 01 Jan 2001 00:00:00 GMT

Cover image source: Source

This blog template is built with Astro. For the things that are not mentioned in this guide, you may find the answers in the Astro Docs.

Front-matter of Posts

---
title: My First Blog Post
published: 2023-09-09
description: This is the first post of my new Astro blog.
image: ./cover.jpg
tags: [Foo, Bar]
category: Front-end
draft: false
---

Attribute	Description
`title`	The title of the post.
`published`	The date the post was published.
`description`	A short description of the post. Displayed on index page.
`image`	The cover image path of the post.<br/>1. Start with `http://` or `https://`: Use web image<br/>2. Start with `/`: For image in `public` dir<br/>3. With none of the prefixes: Relative to the markdown file
`tags`	The tags of the post.
`category`	The category of the post.
`draft`	If this post is still a draft, which won't be displayed.

Where to Place the Post Files

Your post files should be placed in src/content/posts/ directory. You can also create sub-directories to better organize your posts and assets.

src/content/posts/
├── post-1.md
└── post-2/
    ├── cover.png
    └── index.md

Markdown Example

Mon, 01 Jan 2001 00:00:00 GMT

An h1 header

Paragraphs are separated by a blank line.

2nd paragraph. Italic, bold, and monospace. Itemized lists look like:

this one
that one
the other one

Note that --- not considering the asterisk --- the actual text content starts at 4-columns in.

Block quotes are written like so.

They can span multiple paragraphs, if you like.

Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., "it's all in chapters 12--14"). Three dots ... will be converted to an ellipsis. Unicode is supported. ☺

An h2 header

Here's a numbered list:

first item
second item
third item

Note again how the actual text starts at 4 columns in (4 characters from the left side). Here's a code sample:

# Let me re-iterate ...
for i in 1 .. 10 { do-something(i) }

As you probably guessed, indented 4 spaces. By the way, instead of indenting the block, you can use delimited blocks, if you like:

define foobar() {
    print "Welcome to flavor country!";
}

(which makes copying & pasting easier). You can optionally mark the delimited block for Pandoc to syntax highlight it:

import time
# Quick, count to ten!
for i in range(10):
    # (but not *too* quick)
    time.sleep(0.5)
    print i

An h3 header

Now a nested list:

First, get these ingredients:
- carrots
- celery
- lentils
Boil some water.

Dump everything in the pot and follow this algorithm:

 find wooden spoon
 uncover pot
 stir
 cover pot
 balance wooden spoon precariously on pot handle
 wait 10 minutes
 goto first step (or shut off burner when done)

Do not bump wooden spoon or it will fall.

Notice again how text always lines up on 4-space indents (including that last line which continues item 3 above).

Here's a link to a website, to a local doc, and to a section heading in the current doc. Here's a footnote [^1].

[^1]: Footnote text goes here.

Tables can look like this:

size material color

9 leather brown 10 hemp canvas natural 11 glass transparent

Table: Shoes, their sizes, and what they're made of

(The above is the caption for the table.) Pandoc also supports multi-line tables:

keyword text

red Sunsets, apples, and other red or reddish things.

green Leaves, grass, frogs and other things it's not easy being.

A horizontal rule follows.

Here's a definition list:

apples : Good for making applesauce. oranges : Citrus! tomatoes : There's no "e" in tomatoe.

Again, text is indented 4 spaces. (Put a blank line between each term/definition pair to spread things out more.)

Here's a "line block":

| Line one | Line too | Line tree

and images can be specified like so:

Inline math equations go in like so: $\omega = d\phi / dt$. Display math should get its own line and be put in in double-dollarsigns:

$$I = \int \rho R^{2} dV$$

$$ \begin{equation*} \pi =3.1415926535 ;8979323846;2643383279;5028841971;6939937510;5820974944 ;5923078164;0628620899;8628034825;3421170679;\ldots \end{equation*} $$

And note that you can backslash-escape any punctuation characters which you wish to be displayed literally, ex.: `foo`, *bar*, etc.

Markdown Extended Features

Mon, 01 Jan 2001 00:00:00 GMT

GitHub repository cards

You can add dynamic cards that link to GitHub repositories, on page load, the repository information is pulled from the GitHub API.

::github{repo="Fabrizz/MMM-OnSpotify"}

Create a GitHub repository card with the code ::github{repo="<owner>/<repo>"}.

::github{repo="saicaca/fuwari"}

Admonitions

Following types of admonitions are supported: note tip important warning caution

:::note Highlights information that users should take into account, even when skimming. :::

:::tip Optional information to help a user be more successful. :::

:::important Crucial information necessary for users to succeed. :::

:::warning Critical content demanding immediate user attention due to potential risks. :::

:::caution Negative potential consequences of an action. :::

:::note
Highlights information that users should take into account, even when skimming.
:::

:::tip
Optional information to help a user be more successful.
:::

The title of the admonition can be customized.

:::note[MY CUSTOM TITLE] This is a note with a custom title. :::

:::note[MY CUSTOM TITLE]
This is a note with a custom title.
:::

[!TIP] The GitHub syntax is also supported.

> [!NOTE]
> The GitHub syntax is also supported.

> [!TIP]
> The GitHub syntax is also supported.

Expressive Code Example

Mon, 01 Jan 2001 00:00:00 GMT

Here, we'll explore how code blocks look using Expressive Code. The provided examples are based on the official documentation, which you can refer to for further details.

Expressive Code

Syntax Highlighting

Regular syntax highlighting

console.log('This code is syntax highlighted!')

Rendering ANSI escape sequences

ANSI colors:
- Regular: [31mRed[0m [32mGreen[0m [33mYellow[0m [34mBlue[0m [35mMagenta[0m [36mCyan[0m
- Bold:    [1;31mRed[0m [1;32mGreen[0m [1;33mYellow[0m [1;34mBlue[0m [1;35mMagenta[0m [1;36mCyan[0m
- Dimmed:  [2;31mRed[0m [2;32mGreen[0m [2;33mYellow[0m [2;34mBlue[0m [2;35mMagenta[0m [2;36mCyan[0m

256 colors (showing colors 160-177):
[38;5;160m160 [38;5;161m161 [38;5;162m162 [38;5;163m163 [38;5;164m164 [38;5;165m165[0m
[38;5;166m166 [38;5;167m167 [38;5;168m168 [38;5;169m169 [38;5;170m170 [38;5;171m171[0m
[38;5;172m172 [38;5;173m173 [38;5;174m174 [38;5;175m175 [38;5;176m176 [38;5;177m177[0m

Full RGB colors:
[38;2;34;139;34mForestGreen - RGB(34, 139, 34)[0m

Text formatting: [1mBold[0m [2mDimmed[0m [3mItalic[0m [4mUnderline[0m

Editor & Terminal Frames

Code editor frames

console.log('Title attribute example')

<!-- src/content/index.html -->
<div>File name comment example</div>

Terminal frames

echo "This terminal frame has no title"

Write-Output "This one has a title!"

Overriding frame types

echo "Look ma, no frame!"

# Without overriding, this would be a terminal frame
function Watch-Tail { Get-Content -Tail 20 -Wait $args }
New-Alias tail Watch-Tail

Text & Line Markers

Marking full lines & line ranges

// Line 1 - targeted by line number
// Line 2
// Line 3
// Line 4 - targeted by line number
// Line 5
// Line 6
// Line 7 - targeted by range "7-8"
// Line 8 - targeted by range "7-8"

Selecting line marker types (mark, ins, del)

function demo() {
  console.log('this line is marked as deleted')
  // This line and the next one are marked as inserted
  console.log('this is the second inserted line')

  return 'this line uses the neutral default marker type'
}

Adding labels to line markers

// labeled-line-markers.jsx
<button
  role="button"
  {...props}
  value={value}
  className={buttonClassName}
  disabled={disabled}
  active={active}
>
  {children &&
    !active &&
    (typeof children === 'string' ? <span>{children}</span> : children)}
</button>

Adding long labels on their own lines

// labeled-line-markers.jsx
<button
  role="button"
  {...props}

  value={value}
  className={buttonClassName}

  disabled={disabled}
  active={active}
>

  {children &&
    !active &&
    (typeof children === 'string' ? <span>{children}</span> : children)}
</button>

Using diff-like syntax

+this line will be marked as inserted
-this line will be marked as deleted
this is a regular line

--- a/README.md
+++ b/README.md
@@ -1,3 +1,4 @@
+this is an actual diff file
-all contents will remain unmodified
 no whitespace will be removed either

Combining syntax highlighting with diff-like syntax

  function thisIsJavaScript() {
    // This entire block gets highlighted as JavaScript,
    // and we can still add diff markers to it!
-   console.log('Old code to be removed')
+   console.log('New and shiny code!')
  }

Marking individual text inside lines

function demo() {
  // Mark any given text inside lines
  return 'Multiple matches of the given text are supported';
}

Regular expressions

console.log('The words yes and yep will be marked.')

Escaping forward slashes

echo "Test" > /home/test.txt

Selecting inline marker types (mark, ins, del)

function demo() {
  console.log('These are inserted and deleted marker types');
  // The return statement uses the default marker type
  return true;
}

Word Wrap

Configuring word wrap per block

// Example with wrap
function getLongString() {
  return 'This is a very long string that will most probably not fit into the available space unless the container is extremely wide'
}

// Example with wrap=false
function getLongString() {
  return 'This is a very long string that will most probably not fit into the available space unless the container is extremely wide'
}

Configuring indentation of wrapped lines

// Example with preserveIndent (enabled by default)
function getLongString() {
  return 'This is a very long string that will most probably not fit into the available space unless the container is extremely wide'
}

// Example with preserveIndent=false
function getLongString() {
  return 'This is a very long string that will most probably not fit into the available space unless the container is extremely wide'
}

Collapsible Sections

// All this boilerplate setup code will be collapsed
import { someBoilerplateEngine } from '@example/some-boilerplate'
import { evenMoreBoilerplate } from '@example/even-more-boilerplate'

const engine = someBoilerplateEngine(evenMoreBoilerplate())

// This part of the code will be visible by default
engine.doSomething(1, 2, 3, calcFn)

function calcFn() {
  // You can have multiple collapsed sections
  const a = 1
  const b = 2
  const c = a + b

  // This will remain visible
  console.log(`Calculation result: ${a} + ${b} = ${c}`)
  return c
}

// All this code until the end of the block will be collapsed again
engine.closeConnection()
engine.freeMemory()
engine.shutdown({ reason: 'End of example boilerplate code' })

Line Numbers

Displaying line numbers per block

// This code block will show line numbers
console.log('Greetings from line 2!')
console.log('I am on line 3')

// Line numbers are disabled for this block
console.log('Hello?')
console.log('Sorry, do you know what line I am on?')

Changing the starting line number

console.log('Greetings from line 5!')
console.log('I am on line 6')