返回全部文章
·Engineering

从一张主页到一座内容站

记录这个个人网站如何从视觉实验,逐步长成可以承载产品、文章与游戏的长期空间。

#Website#Engineering

主页的第一版解决了“看起来像谁”的问题。接下来更重要的是解决另一个问题:内容怎样长期生长,而不让代码越来越难改。

好的个人网站不是一次完成的海报,而是一套允许想法持续进入的结构。

现在支持什么

  • 标准 Markdown 段落、标题、链接与引用
  • GitHub Flavored Markdown 的表格与任务列表
  • 行内与块级 LaTeX 数学公式
  • 代码块和本地图片
  • 分类与标签归档页
  • 在内容足够多以后,再加入全文搜索
内容来源发布方式
文章content/articles/*.md构建时生成静态页面
Android 产品content/apps/android.json数据驱动产品页
APKpublic/releases/android/Nginx 静态下载

数学公式

行内公式可以直接写成 E=mc2E = mc^2。块级公式也同样可用:

ex2dx=π\int_{-\infty}^{\infty} e^{-x^2}\,dx = \sqrt{\pi}

代码

export function ideaToExperience(idea: string) {
  return { idea, state: 'alive' as const };
}

图片

图片使用普通 Markdown 语法,推荐把站内图片放在 public/articles/ 下,再用以 /articles/ 开头的绝对路径引用。

Pozhu 网站的社交分享卡片

这套结构保持了最朴素的写作体验:新增文章时只需要添加一个 Markdown 文件。构建过程会负责生成页面,而不是把运行时复杂度留给服务器。