elvhack
← 全部文章

重新开始

旧站全部清空,从零重建。顺便演示这个博客能写什么:Markdown、代码、脚注,以及可以直接在页面里玩的交互实验。

发布
阅读
约 1 分钟
信号
SIG-428D · ridge

旧的东西已经全部删掉了。这是新站的第一篇文章,也是一份写作样例:下面的每一种格式,写新文章时都可以直接照抄。

写作

文章放在 src/content/posts/ 下,文件名就是网址。普通的 Markdown 都能用:加粗、强调、行内代码、链接,还有脚注1。在宽屏上,脚注会变成右侧页边的旁注,读的时候不用跳到文末2。

引用块适合放别人的话,或者自己当时的想法。

  • 无序列表
  • 第二项
    • 可以嵌套
  1. 有序列表
  2. 第二项
语法 用途
.md 纯文字文章
.mdx 需要嵌入组件的文章

图片

图片的标题会变成带编号的图注,点击图片可以放大查看。

两组错位同心圆的莫尔纹

代码

代码块会按亮/暗主题自动切换配色,右上角有复制按钮。在语言后面写 title="文件名" 会显示文件名标题栏,{行号} 会高亮对应的行。

// 一个最小的粒子:位置 + 年龄
interface Particle {
  x: number;
  y: number;
  age: number;
}

function step(p: Particle, angle: number, speed = 1.2): Particle {
  return { x: p.x + Math.cos(angle) * speed, y: p.y + Math.sin(angle) * speed, age: p.age + 1 };
}

改动可以用 diff 标注:

export default defineConfig({
  site: 'https://example.com', 
  site: 'https://elvhack.com', 
  integrations: [mdx(), sitemap()],
});

实验

.mdx 文章里可以直接放交互组件。下面是两路正弦信号:叠加模式看合成波形,切到李萨如模式看两者的相位关系。拖一拖滑块。

LIVE双正弦示波器experiment
显示模式

试试频率 3 : 2、相位 90°,再切到李萨如模式。

接下来

首页的粒子流场会跟着鼠标形成涡旋,右上角可以切换明暗主题。剩下的,就是开始写了。

Footnotes

  1. 脚注会自动编号。窄屏上它们出现在文章末尾。 ↩

  2. 这种排版来自 Edward Tufte 的书,网页上的做法可以参考 gwern.net。 ↩