Mokiia's Blog

‘橘色、头骨与正发生的事’

Thu, 07 May 2026 16:00:00 GMT

大约是在中学一年级、又或者是二年级，不知道是突然浮现在脑海中的、或是由梦中来的一个场景，大约是下午：读书+咖啡+夕阳，还有一些由简单几何体组成的建筑。所有的颜色都是极其温暖却柔和的橘色，透过某种柔光滤镜进行着略微的浮变。

这是一定可以实现的梦，而非某种空想——是只要愿意做到就一定可以实现的愿景。但那梦却禁止我用某种有意识的方式实现它，只希望我在某个无意识、不经意的时刻遇见它，而当我意识到处于梦中的那一刻，梦便自顾地终结了。

另一个梦则来自随意 (Voluntary) 的捏造，原料则是现实的规则与个人的幻想，正如利用头骨做面部复原一样，将以幻想形成的肌肉、皮肤与结缔组织一一按顺序黏合到规则的骨头上便可以见到它的样貌。可是真正随意的部分只是规则之外的东西，而那骨骼绝非是可以被改变的，不过没什么好急迫的，因为我能想象出那梦的样貌。

而直到前不久——大约是八年后的现在——新的梦才继续出现。作为完完全全的构造主义 (Structuralism) 梦境，能看到的只有一些线条、图形与颜色，而令人平静的格式塔样景观却并未出现。“这是毫无道理的”，这样告诉自己。但这是已经发生在现实 (wirklich) 中的事情，它必然合乎某种理性(Vernünftig)。“事实就是这样”，这是没有办法的事情，无论如何它都必然存在着。

“Stand by me, but I bet that I’ll never be back…” “Stand by me, but I bet that I’ll never be back…”，「春嵐」的歌词这样在新的梦中、世界的中心继续着，呼唤着试图对梦作出解答的声音。

而现在能回忆起的，大约只有橘色、头骨与正在发生的事情

‘魔女宅急便——去往能看到海的街道’

Wed, 08 Apr 2026 16:00:00 GMT

喜欢是需要理由的，但直到我们意识到这个理由需要存在之前，我们都可以继续喜欢下去——我们是否可以毫无理由地处于幸福中？

“那么你有什么特长呢？”，修行即将结束的魔女这样问琪琪

“除了飞行，我什么都不会”，琪琪这样说

“真傲慢，还有那只猫，也令人讨厌”，琪琪的黑猫吉吉伸出舌头，“噗～”

飞行是一件伴随着铃铛响声、收音机的歌声还有天气预报的事情，琪琪虽然飞得不好，但她已经迫不及待地向往着飞向某个地方了——带着妈妈给的扫帚——直到她来到了能看得到海的街道：

“哎！你的东西忘拿了！”，面包店的索娜姐这样对着推着婴儿车走远的人喊道

“我或许能帮你送过去”，琪琪跨上扫帚飞到空中，为索娜姐带回了一封感谢信

这之后，刻着使命必达的宅急便牌子挂到了面包房的橱窗上，克拉克城的高空多出了一个穿着黑色衣服，总是带着一只黑猫的魔女。

“请你在这里签收”，琪琪总是这样说。

有一天，名叫蜻蜓的男孩带着琪琪骑着用螺旋桨驱动的自行车，带她来到了即将试航的飞艇面前：螺旋桨呼呼地转着，琪琪觉得好刺激，大家就算没有魔法也拥有飞翔的力量。

那琪琪有什么特长呢？

“除了飞行，我什么都不会”，琪琪这样想。吉吉只是看着她，什么也没说

当存在异化为功能，当幸福被衡量，当我们不得不为喜欢找到一个普世化的价值——以支持它们的合法性。因此我们首先将幸福变现为理由，将劳动变现为物质。直到在不远的一天，我们不得不发现：奇迹与魔法并不独属于自己，而是普惠的、世俗的、大众的——直至这种本真性的丧失。

琪琪突然不会飞了：她握着扫帚，但熟悉的风并未出现。住在森林中的画家乌露丝拉告诉她，不妨停下来试试，直到遇到某件事情将灵感一下子激发出来，就像她遇到琪琪那时一样——将无意识的激情重新调动起来——将心回归原始吧。

“快看！”，试航那天，阿美指着电视，“飞艇要被吹走了！”

“飞艇快要被大风刮倒天上去了！只剩下一根固定的绳子了！大家能否拽住它呢！”，转播员这样说。琪琪在那位会做鲱鱼南瓜派的老妇人家中的电视上看到蜻蜓被吹上了天，他只能抓住那根绳子好让自己不掉下去。

“抱歉！这个可以借用一下吗！”，琪琪拿过清洁工大叔手里的地板刷，使劲让自己周围出现一股风——正如她第一次起飞那样——腾空而起。当象征物被功能物替代后，琪琪便摆脱了对无意识激情的依赖——它是多么的不可靠啊——尽管代价是琪琪的心再也无法回归原始了，但她已经能稳稳拉住掉落的蜻蜓，一起迎接众人的掌声。

我们曾追问：是否可以毫无理由地处于幸福中？我们当然可以毫无理由地继续下去，可是当我们的情绪本身变为彻底祛魅的符号，当无意识的激情变为完全的工具理性，我们便再也无法假装不知道：喜欢，是需要理由的——有知的增加，即痛苦的增加。

吉吉已经不需要再对琪琪说什么了：琪琪已经能够自己找到下一个、能看得到海的街道了。

‘GVS——例外的变迁’

Sat, 22 Nov 2025 00:00:00 GMT

当我们用/iː/的发音念meat(/miːt/)时，可能会联想到为什么人们不会用同样的发音去拼读great(/ɡreɪt/)，若详细观察类似的拼写方式与其在单词中实际发音的方式，不难发现其多变性：

great(/ɡreɪt/)—meat(/miːt/)

room(/ruːm/)—flood(/flʌd/)

soup(/suːp/)—house(/haʊs/)

resume(/ˈrezjuːmeɪ/)—resume(/rɪˈzjuːm/)

准确地说，在英语中的长元音似乎发生了某种变化，使得它们的发音位置移向了口腔的“更深处”——也就是元音音值的推移。在英语研究中，这种被称为 “元音大推移（Great Vowel Shift）” 的变动，是英语从中古英语过渡到早现代英语的核心语音转折。

在 GVS 过程中，许多长元音的舌位被“抬高”，有些甚至变成双元音（为什么不试试读一读上面的单词呢？注意感受舌中部的位置变化）。这种差异化与15-16世纪的拼写标准化（尤其是印刷术引入与正字法的推行）共同作用：印刷术的普及让不同地区、不同方言的发音 “被锚定在某些拼写上”，同时拼写和发音可能来自不同的方言，从而进一步加剧了发音与拼写的脱节。

但并不是所有长元音都遵循GVS的变化，正如前例中第一列单词：它们因拼读了特殊的辅音（例如双唇辅音 /m/、/p/等，它们被认为会阻碍某些元音音值的抬升）而保留了GVS前的发音——为我们理解长元音的链推提供了样本——我们或许可以得知某些单词较为原始的发音。额外地，部分外来词在GVS逐渐结束后加入到英语中，这些词进入英语时已经有成熟拼写或语音系统，它们未必经历当时大规模音系的连锁变动。

语言作为人类信息的载体，并非是一个完美闭环的符号系统，而是嵌入在言语活动中的语言实践（language-games）——语言的意义来自于它的使用，而非抽象逻辑的完美规则。而GVS作为语言变迁的重大节点，恰是这一张力最生动、最真实的体现。

‘Evangelion——在人生分界线处的选择’

Wed, 05 Nov 2025 00:00:00 GMT

假如问我为何要为其他人推荐EVA，最好的答案可能是：它是为了回答“我将要向哪去”而创作的：神之子对于补完计划的抉择，决定了人类究竟以何种形态存在：他说：“大家都去死吧！...” 又说：“...虽然这样的世界依旧存在隔阂与误解，但只有在那里，‘我’才是存在的” 自我的世界是一切所感事实的总和，——“自我”即世界的界限，而不是它的一部分在LCL之海中我们到底是完全融入、理解了他人，还是将自我的边界无限扩大，将所有的“非我”同化为“自我”？自我不能凭空成立，自我必须以“他者”为界。正是他者的界限，痛苦才得以被体验——一道清晰的边界线——痛苦不会来源于世界之内。正因如此，我们才确信地具有独立的意志：我们无法除去他者世界之内的存在在不存在A.T. Field的世界里，我们的选择是：如何处理自我的世界——去远离界限，或是因它而存在——尤其是在人生分界线处，我们不得不做出回答因此，它逼着我们面对这最后一个问题：“我将要向怎样的世界出发”

‘复数——基于群体的尊重’

Tue, 04 Nov 2025 00:00:00 GMT

在对各种语言的敬语体系考察中，不难发现如下有趣的现象：

we（英文：我们）——尊称：我（指代“I”）

vous（法文：你们）——敬称：您（指代“tu”）

вы（俄文：你们）——敬称：您（指代“ты”）

朕（中文：我们）——尊称：我（指代“我”）

简而言之，它们利用某一种人称代词的复数形式表示尊敬，或可称其为“尊严复数“（pluralis majestatis/royal we）。这种语言现象跨越了多个语系，但使用同一套逻辑来表达尊敬的效果

以英语中的royal we为例，最为人们熟知的短语应当是维多利亚女王的”we are not amused“：这种表达习惯是以犹太教的三位一体教义为背景，传入英国后被亨利二世首次使用，以用we表示君权神授下的”上帝和我“，并以此彰显皇家地位。

当说话人想不外加任何冗余的词汇而意图强调身份的区别时，最好的做法是将演讲者与受话人分割开——要么自居高位，要么抬举对方——这便产生了基于某种特征划分群体的需求。在以三位一体为信仰基础的文化中，说话人最常采取的策略便是依赖君权神授的解释，将自身与神权分为一类，并以此将自身与受话人所属群体分隔开，这一点不约而同地也被中文的语言环境所采用。

这也引申出一个概念：对说话人或受话人的敬意并不起源于该人自身，而是对对方所属身份的敬意——随之而来的是距离感，即一种由原始的畏惧心理所引发的感受——我们不希望与利害者过近。

这种距离感带来的隐喻同样可观：你不止是一个人，而是某个群体权威的代表。反之，将自身置于某种神圣地位上时，也是在宣告：违背我等于抵抗我们所有人的意志，这或许是作为群体动物的天生反射——依赖群体的幻想来维持自身的生存，同时也在敬畏存在于群体中的、更宏大的秩序。

‘沙耶之歌——不必要的存在’

Mon, 03 Nov 2025 00:00:00 GMT

在物种演化的过程中，最不必要的存在之一是文明的存在，而当人被剥离掉一切文明的框架后，我们到底是得到了更纯粹的情感，还是基于欲望的幻觉？

人类的文明建立是以摒弃动物性本能的代价所建立的——“若是个体间需要爱情才能繁衍，那大概九成的物种都会灭亡”因此，从生物量上看，虽然人类不是环境中最优势的物种，但正是文明的存在将人类与其它生物区分开，这也是沙耶选择人类的原因。

到底是文明依赖于人类而存在，还是人类需要被文明接纳？沙耶之歌或许间接回答了这一问题：

郁纪的状态就像是面对着失去了所有文明属性的世界，或者说与沙耶相同，他来到了完全陌生的世界，他/她没有继续存在于此的理由，直到对方的出现为这种不必要的存在重新带来了目的性——即对方本身

这种关系存在的唯一理由是彼此之间确实存在的需要，但也正是这种需求的欲望为存在本身带来了设想下的目的性：郁纪所产生的并不是基于文明所赋予他的理性，而是基于对情感，这一文明产物的渴求产生的幻觉，这种幻觉并非是不存在的东西，它依旧是物质的，当它得以在个体的认知中存在时，便成了他的个人现实

沙耶也是如此——这种幻觉如此之强以至于她爱上了一只怪物，尽管这种幻觉的背后是难以理喻的疯狂，正常不过是无尽混乱与疯狂中的某种间歇的集体性幻觉，只不过当它在所有人的可知中存在时，便成了所谓的现实

于是，当我们抛弃文明的伪装，得到的并不是更纯粹的情感，而是正在坠入幻觉内部的深渊

Tips to improve concentration

Fri, 09 May 2025 16:00:00 GMT

import { Aside } from 'astro-pure/user'

You're trying to concentrate, but your mind is wandering or you're easily distracted. What happened to the laser-sharp focus you once enjoyed? As we age, we tend to have more difficulty filtering out stimuli that are not relevant to the task at hand.

What's fogging up focus?

Like a computer that slows with use, the brain accumulates wear and tear that affects processing. This can be caused by a number of physiological stressors such as inflammation, injury to blood vessels (especially if you have high blood pressure), the buildup of abnormal proteins, and naturally occurring brain shrinkage.

The following factors can also affect your concentration.

Underlying conditions. Depression or sleep disorders (such as sleep apnea) can undermine your ability to concentrate. So can the effects of vision or hearing loss. You waste precious cognitive resources when you spend too much time trying to make out what's written on a page or just hear what someone is saying.

Medication side effects. Some drugs, especially anticholinergics (such as treatments for incontinence, depression, or allergies), can slow processing speed and your ability to think clearly.

Excessive drinking. Having too much alcohol impairs thinking and causes interrupted sleep, which affects concentration.

Information overload. We are bombarded with information from TVs, computers, and messages such as texts or emails. When there's too much material, it burdens our filtering system and it's easy to get distracted.

Strategies to stay focused

To improve attention, consider the following strategies.

Mindfulness. "Mindfulness is about focusing attention on the present moment, and practicing mindfulness has been shown to rewire the brain so that attention is stronger in everyday life," says Kim Willment, a neuropsychologist with Brigham and Women's Hospital. She recommends sitting still for a few minutes each day, closing your eyes, and focusing on your breathing as well as the sounds and sensations around you.

Cognitive training. Computerized cognitive training games aim to improve your response times and attention. Evidence that this works has been mixed. "The goal of playing these games is not to get better at them, but to get better in the cognitive activities of everyday life," Willment says. "But there is evidence that a person's ability to pay attention can be improved by progressively pushing the person to higher levels of performance. So if you reach a certain level of sustained attention, pushing it to the next level can help improve it, and this may translate to everyday life."

A healthier lifestyle. Many aspects of a healthy lifestyle can help attention, starting with sleep and exercise. There is a direct link between exercise and cognitive ability, especially attention. When you exercise, you increase the availability of brain chemicals that promote new brain connections, reduce stress, and improve sleep. And when we sleep, we reduce stress hormones that can be harmful to the brain, and we clear out proteins that injure it.

Aim for seven to eight hours of sleep each night, and 150 minutes per week of aerobic exercise, such as brisk walking.

Other healthy steps to improve focus: eat a Mediterranean-style diet, which has been shown to support brain health; treat underlying conditions; and change medications that may be affecting your ability to focus.

Getting older is out of your control, but healthier living is something you determine, and it may improve concentration.

Article from: Harvard Health Publishing

Using MDX

Sun, 01 Jun 2025 00:00:00 GMT

This theme comes with the @astrojs/mdx integration installed and configured in your astro.config.ts config file. If you prefer not to use MDX, you can disable support by removing the integration from your config file.

Why MDX?

MDX is a special flavor of Markdown that supports embedded JavaScript & JSX syntax. This unlocks the ability to mix JavaScript and UI Components into your Markdown content for things like interactive charts or alerts.

If you have existing content authored in MDX, this integration will hopefully make migrating to Astro a breeze.

Example

Here is how you import and use a UI component inside of MDX.
When you open this page in the browser, you should see the clickable button below.

import { Button } from 'astro-pure/user'

Click Me

What Is 3D Rendering? Complete Guide to 3D Visualization

Sun, 09 Feb 2025 00:00:00 GMT

3D rendering is all around us. From huge action movies to car commercials to previews of upcoming buildings or product designs, 3D visualization has become so widespread and realistic that you probably don’t even know it’s there.

In this introductory piece, Chaos’ Ricardo Ortiz explains the basics of 3D rendering, from the computational methods that create imagery to the artistic techniques that create great computer-generated (CG) content and its various uses.

What is 3D Rendering?

Put simply, 3D rendering is the process of using a computer to generate a 2D image from a digital three-dimensional scene.

To generate an image, specific methodologies and special software and hardware are used. Therefore, we need to understand that 3D rendering is a process—the one that builds the image.

Types of 3D rendering

We can create different types of rendered image; they can be realistic or non-realistic.

A realistic image could be an architectural interior that looks like a photograph, a product-design image such as a piece of furniture, or an automotive rendering of a car. On the other hand, we can create a non-realistic image such as an outline-type diagram or a cartoon-style image with a traditional 2D look. Technically, we can visualize anything we can imagine.

How is 3D rendering used?

3D rendering is an essential technique for many industries including architecture, product design, advertising, video games and visual effects for film, TV and animation.

In design and architecture, renders allow creative people to communicate their ideas in a clear and transparent way. A render gives them the chance to evaluate their proposals, experiment with materials, conduct studies and contextualize their designs in the real world before they are built or manufactured.

For the media and entertainment industries, 3D rendering is fundamental to the creation of sequences and animations that tell stories, whether we’re watching an animated movie, a period drama, or an action sequence with explosions, ships from the future, exotic locales, or extraterrestrial creatures.

Over the past few years, the evolution of computer graphics in these industries has replaced traditional techniques. For example, special effects are being replaced by visual effects, which means stunt people no longer risk their lives in car crashes.

In advertising, I would dare to say that 90% of automotive commercials are CG—or even more. In the architecture industry, many traditional techniques to create representations, such as scale models, have been replaced with photorealistic imagery to ensure we can see exactly how something will look once it’s built.

Accelerating processes, reducing costs and the demand for better quality results have helped technology evolve. Hardware is more powerful than ever and the switch to CG was inevitable.

How is a 3D rendered image generated?

Two pieces of software, with different characteristics, are used to computer-generate images and animations: render engines and game engines. Render engines use a technique called ray tracing, while game engines use a technique called rasterization—and some engines mix both techniques, but we will talk about that later on.

The Impact of Technology on the Music World

Sat, 30 Nov 2024 00:00:00 GMT

The evolution of music is a symphony of creativity, rhythm, and technology. From the humble beginnings of acoustic instruments to the present-day digital era, the relationship between music and technology has been transformative. In this article, we will explore the historical milestones, digital revolution, and emerging technologies that have shaped the music world. Join us on a journey through the chords of innovation as we discuss how technology has changed music.

Historical Perspective

The marriage of music and technology dates back centuries, with pivotal moments shaping the industry. The invention of the phonograph by Thomas Edison in the late 19th century marked the first time music could be recorded and replayed. Subsequent milestones, such as the electric guitar and the synthesizer, revolutionized music creation, paving the way for new genres and sounds.

These technological leaps didn't merely shape the musical landscape of their time but laid a foundation for the continuous evolution of the intersection between music and technology. As artists embraced these innovations, they unlocked new avenues for creativity, paving the way for diverse sounds and genres that have become integral to the vibrant tapestry of the modern music industry. The historical perspective illuminates the symbiotic relationship between music and technology, highlighting the transformative impact that each innovation has had on the way we create, consume, and experience music.

Digital Revolution

The digital revolution has been a seismic shift in the music industry, altering how music is consumed, distributed, and produced. The transition from physical formats like CDs and vinyl to digital formats such as MP3s and streaming services has democratized access to music. The ease of streaming has transformed how listeners discover and enjoy music, challenging traditional revenue models while offering unparalleled convenience.

Technology in Music Consumption and Distribution

Streaming services have become the heartbeat of music consumption, causing a decline in traditional music stores. The accessibility of music online has reshaped distribution channels, impacting both artists and record labels. While it provides exposure to a global audience, it also poses challenges regarding fair compensation for artists. The dynamics of the industry are evolving, reflecting the intricate dance between technology and music. Music Production and Creation

The advent of digital audio workstations (DAWs), software instruments, and electronic production techniques has democratized music creation. Artists now have powerful tools at their fingertips, enabling them to experiment with sounds, collaborate remotely, and produce music independently. This technological shift has broken down barriers, allowing for a diverse array of voices to be heard in the ever-expanding realm of music.

Markdown Syntax Support

Wed, 26 Jul 2023 08:00:00 GMT

Basic Syntax

Markdown is a lightweight and easy-to-use syntax for styling your writing.

Headers

When the content of the article is extensive, you can use headers to segment:

# Header 1

## Header 2

## Large Header

### Small Header

Header previews would disrupt the structure of the article, so they are not displayed here.

Bold and Italics

_Italic text_ and **Bold text**, together will be **_Bold Italic text_**

Preview:

Italic text and Bold text, together will be Bold Italic text

Links

Text link [Link Name](http://link-url)

Preview:

Text link Link Name

Inline Code

This is an `inline code`

Preview:

This is an inline code

Code Blocks

```js
// calculate fibonacci
function fibonacci(n) {
  if (n <= 1) return 1
  const result = fibonacci(n - 1) + fibonacci(n - 2) // [\!code --]
  return fibonacci(n - 1) + fibonacci(n - 2) // [\!code ++]
}
```

Preview:

// calculate fibonacci
function fibonacci(n) {
  if (n <= 1) return 1
  const result = fibonacci(n - 1) + fibonacci(n - 2) // [!code --]
  return fibonacci(n - 1) + fibonacci(n - 2) // [!code ++]
}

Currently using shiki as the code highlighting plugin. For supported languages, refer to Shiki: Languages.

Inline Formula

This is an inline formula $e^{i\pi} + 1 = 0$

Preview:

This is an inline formula $e^{i\pi} + 1 = 0$

Formula Blocks

$$
\hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} \, dx
$$

Preview:

$$ \hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} , dx $$

Currently using KaTeX as the math formula plugin. For supported syntax, refer to KaTeX Supported Functions.

Images

![CWorld](https://gravatar.loli.net/avatar/1ffe42aa45a6b1444a786b1f32dfa8aa?s=200)

Preview:

Strikethrough

~~Strikethrough~~

Preview:

~~Strikethrough~~

Lists

Regular unordered list

- 1
- 2
- 3

Preview:

Regular ordered list

1. GPT-4
2. Claude Opus
3. LLaMa

Preview:

GPT-4
Claude Opus
LLaMa

You can continue to nest syntax within lists.

Blockquotes

> Gunshot, thunder, sword rise. A scene of flowers and blood.

Preview:

Gunshot, thunder, sword rise. A scene of flowers and blood.

You can continue to nest syntax within blockquotes.

Line Breaks

Markdown needs a blank line to separate paragraphs.

If you don't leave a blank line
it will be in one paragraph

First paragraph

Second paragraph

Preview:

If you don't leave a blank line it will be in one paragraph

First paragraph

Second paragraph

Separators

If you have the habit of writing separators, you can start a new line and enter three dashes --- or asterisks ***. Leave a blank line before and after when there are paragraphs:

---

Preview:

Advanced Techniques

Inline HTML Elements

Currently, only some inline HTML elements are supported, including <kdb> , such as

Key Display

Use <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Del</kbd> to reboot the computer

Preview:

Use Ctrl + Alt + Del to reboot the computer

Bold Italics

<b> Markdown also applies here, such as _bold_ </b>

Preview:

Markdown also applies here, such as bold

Other HTML Writing

Foldable Blocks

<details><summary>Click to expand</summary>It is hidden</details>

Preview:

Tables

| Header1  | Header2  |
| -------- | -------- |
| Content1 | Content2 |

Preview:

| Header1 | Header2 | | -------- | -------- | | Content1 | Content2 |

Footnotes

Use [^footnote] to add a footnote at the point of reference.

Then, at the end of the document, add the content of the footnote (it will be rendered at the end of the article by default).

[^footnote]: Here is the content of the footnote

Preview:

Use [^footnote] to add a footnote at the point of reference.

Then, at the end of the document, add the content of the footnote (it will be rendered at the end of the article by default).

[^footnote]: Here is the content of the footnote

To-Do Lists

- [ ] Incomplete task
- [x] Completed task

Preview:

[ ] Incomplete task
[x] Completed task

Symbol Escaping

If you need to use markdown symbols like _ # * in your description but don't want them to be escaped, you can add a backslash before these symbols, such as \_ \# \* to avoid it.

\_Don't want the text here to be italic\_

\*\*Don't want the text here to be bold\*\*

Preview:

_Don't want the text here to be italic_

**Don't want the text here to be bold**

Embedding Astro Components

See User Components and Advanced Components for details.

Markdown 语法支持

Wed, 26 Jul 2023 08:00:00 GMT

基本语法

Markdown 是一种轻量级且易于使用的语法，用于为您的写作设计风格。

标题

文章内容较多时，可以用标题分段：

# 标题 1

## 标题 2

## 大标题

### 小标题

标题预览会打乱文章的结构，所以在此不展示。

粗斜体

_斜体文本_

**粗体文本**

**_粗斜体文本_**

预览：

斜体文本

粗体文本

粗斜体文本

链接

文字链接 [链接名称](http://链接网址)

预览：

文字链接链接名称

行内代码

这是一条 `单行代码`

预览：

这是一条 行内代码

代码块

```js
// calculate fibonacci
function fibonacci(n) {
  if (n <= 1) return 1
  return fibonacci(n - 1) + fibonacci(n - 2)
}
```

预览：

// calculate fibonacci
function fibonacci(n) {
  if (n <= 1) return 1
  return fibonacci(n - 1) + fibonacci(n - 2)
}

当前使用 shiki 作为代码高亮插件，支持的语言请参考 shiki / languages。

行内公式

这是一条行内公式 $e^{i\pi} + 1 = 0$

预览：

这是一条行内公式 $e^{i\pi} + 1 = 0$

公式块

$$
\hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} \, dx
$$

预览：

$$ \hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} , dx $$

当前使用 KaTeX 作为数学公式插件，支持的语法请参考 KaTeX Supported Functions。

图片

![CWorld](https://gravatar.loli.net/avatar/1ffe42aa45a6b1444a786b1f32dfa8aa?s=200)

预览：

删除线

~~删除线~~

预览：

~~删除线~~

列表

普通无序列表

- 1
- 2
- 3

预览：

普通有序列表

1. GPT-4
2. Claude Opus
3. LLaMa

预览：

GPT-4
Claude Opus
LLaMa

列表里可以继续嵌套语法

引用

> 枪响，雷鸣，剑起。繁花血景。

预览：

枪响，雷鸣，剑起。繁花血景。

引用里也可以继续嵌套语法。

换行

markdown 分段落是需要空一行的。

如果不空行
就会在一段

第一段

第二段

预览：

如果不空行就会在一段

第一段

第二段

分隔符

如果你有写分割线的习惯，可以新起一行输入三个减号--- 或者星号 ***。当前后都有段落时，请空出一行：

---

预览：

高级技巧

行内 HTML 元素

目前只支持部分段内 HTML 元素效果，包括 <kdb>  ，如

键位显示

使用 <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Del</kbd> 重启电脑

预览：

使用 Ctrl + Alt + Del 重启电脑

粗斜体

<b> Markdown 在此处同样适用，如 _加粗_ </b>

预览：

Markdown 在此处同样适用，如加粗

其他 HTML 写法

折叠块

<details><summary>点击展开</summary>它被隐藏了</details>

预览：

表格

| 表头1 | 表头2 |
| ----- | ----- |
| 内容1 | 内容2 |

预览：

| 表头1 | 表头2 | | ----- | ----- | | 内容1 | 内容2 |

注释

在引用的地方使用 [^注释] 来添加注释。

然后在文档的结尾，添加注释的内容（会默认于文章结尾渲染之）。

[^注释]: 这里是注释的内容

预览：

在引用的地方使用 ^注释来添加注释。

然后在文档的结尾，添加注释的内容（会默认于文章结尾渲染之）。

To-Do 列表

- [ ] 未完成的任务
- [x] 已完成的任务

预览：

[ ] 未完成的任务
[x] 已完成的任务

符号转义

如果你的描述中需要用到 markdown 的符号，比如 _ # * 等，但又不想它被转义，这时候可以在这些符号前加反斜杠，如 \_ \# \* 进行避免。

\_不想这里的文本变斜体\_

\*\*不想这里的文本被加粗\*\*

预览：

_不想这里的文本变斜体_

**不想这里的文本被加粗**

内嵌 Astro 组件

See User Components and Advanced Components for details.

Mokiia's Blog

‘橘色、头骨与正发生的事’

‘魔女宅急便——去往能看到海的街道’

‘GVS——例外的变迁’

‘Evangelion——在人生分界线处的选择’

‘复数——基于群体的尊重’

‘沙耶之歌——不必要的存在’

Tips to improve concentration

What's fogging up focus?

Strategies to stay focused

Using MDX

Why MDX?

Example

More Links

What Is 3D Rendering? Complete Guide to 3D Visualization

What is 3D Rendering?

Types of 3D rendering

How is 3D rendering used?

How is a 3D rendered image generated?

The Impact of Technology on the Music World

Historical Perspective

Digital Revolution

Technology in Music Consumption and Distribution

Markdown Syntax Support

Basic Syntax

Headers

Bold and Italics

Links

Inline Code

Code Blocks

Inline Formula

Formula Blocks

Images

Strikethrough

Lists

Blockquotes

Line Breaks

Separators

Advanced Techniques

Inline HTML Elements

Key Display

Bold Italics

Other HTML Writing

Foldable Blocks

Tables

Footnotes

To-Do Lists

Symbol Escaping

Embedding Astro Components

Markdown 语法支持

基本语法

标题

粗斜体

链接

行内代码

代码块

行内公式

公式块

图片

删除线

列表

引用

换行

分隔符

高级技巧

行内 HTML 元素

键位显示

粗斜体

其他 HTML 写法

折叠块

表格

注释

To-Do 列表

符号转义

内嵌 Astro 组件