Elysia's Notes.
技术文章 · 示例文章

从一个静态页面开始

这是一篇展示博客版式的示例文章。它介绍的是当前模板,不代表作者过往的经历。

文件就是内容

博客首页位于 templates/blog/index.html。新增文章时,可以在 templates/blog/posts/ 中创建 HTML 文件,再从首页添加链接。已有示例文章在准备脚本中生成,修改示例内容请编辑 scripts/prepare.mjs。

保持简单

页面只依赖本地 CSS 和 JavaScript,没有数据库或运行时 API。正文使用语义化 HTML,可以添加标题、段落、列表、图片与代码块。

<h2>一个具体的问题</h2>
<p>说明背景、尝试和得到的结果。</p>

发布一篇文章

  1. 替换示例标题和正文,加入真实发布日期。
  2. 为首页添加指向文章文件的链接。
  3. 运行准备脚本,生成新的博客部署目录。
  4. 将博客目录上传到对应的静态托管项目。

预览后再发布:确认链接、图片、日期,以及窄屏下的阅读体验。

← 返回博客