2026-10-29 · Projects

More than posts: notes, archive and homepage filters

Beyond long-form posts, astro-blog gives short thoughts their own notes, old content an archive, and the homepage a filter bar you define yourself.

More than posts: notes, archive and homepage filters

A blog holds more than one kind of content. Carefully written essays and passing thoughts jotted down in a hurry get in each other’s way when they share a single list. astro-blog splits content into two shapes, and gives what accumulates an archive and filters, so the site stays easy to browse as it grows.

Two shapes of content

Posts: the complete form

Posts are the formal long content: title, subtitle, cover, category, tags and language versions, nothing missing. They appear in the homepage list and the archive, and form the body of the site.

Notes: short, dated entries

Notes are lighter: the filename is the date plus a title, and the body can be a few sentences. They suit recording one idea, one link, one quote from the day — with no pressure to “make it a whole article”. A draft switch can hide a note until you are ready to publish it.

Archive: making old content findable

A time-ordered archive page

Once posts pile up, paging through the homepage is not enough. The archive page lists everything by time; its title and description are multilingual too, and it is the fastest route for returning readers to find an old piece.

Categories and tags

Every post has one category and several tags. Categories carry the broad direction, tags the finer-grained topics, and both are used by the archive and the homepage filters.

Homepage filters: your call

The filter bar above the homepage list is not hard-coded. In the settings you can:

  • Toggle the two built-in filters, “this month” and “popular”;
  • Add as many category and tag filters as you like;
  • Give every filter a label and a match value in all five languages.

Popular posts are decided by each post’s own popular flag — no view-count machinery. A static site has no database, and in that world simple is reliable.

Reading details

  • Dark mode follows the system or switches by hand, using the site’s ◐ symbol as the toggle;
  • Post pages support multi-level headings, tables, highlighted code, images and audio/video embeds — the showcase post demonstrates the full set;
  • Mobile layout is tuned on its own: lists hide covers, single posts trade rounded corners for divider lines, and small screens stay clean.

That is the content side. Next, behind the curtain: the admin panel built for these files, astro-blog-admin.

2026-10-29 · プロジェクト紹介

記事だけじゃない:ノート、アーカイブ、トップページの絞り込み

長文記事のほかに、astro-blog には短い思考のためのノート、古いコンテンツのためのアーカイブ、そして自分で定義できるトップページの絞り込みバーがあります。

記事だけじゃない:ノート、アーカイブ、トップページの絞り込み

ブログのコンテンツは「記事」だけではありません。腰を据えて書いた長文と、ふと思いついて書き留めた短い思考を同じ一覧に混ぜると、互いの邪魔になります。astro-blog はコンテンツを 2 つの形に分け、積み重なったコンテンツにはアーカイブと絞り込みを用意し、サイトが育っても回遊しやすさを保ちます。

2 つのコンテンツ形態

記事:完全な形の執筆

記事は正式な長文コンテンツです。タイトル、サブタイトル、カバー、カテゴリ、タグ、多言語版——どれも欠けません。トップページの一覧とアーカイブに現れ、サイトの主体となります。

ノート:日付で記す短いコンテンツ

ノートはもっと軽い存在です。ファイル名が日付+タイトルで、本文は数文でもかまいません。その日の 1 つのアイデア、1 本のリンク、1 つの引用を記録するのに向いていて、「記事に仕立てなければ」という圧力がありません。下書きスイッチで隠しておき、準備ができたら公開できます。

アーカイブ:古いコンテンツを見つけ直せるように

時間順のアーカイブページ

記事が増えてくると、トップページをめくるだけでは足りません。アーカイブページは全記事を時間順に並べ、タイトルと説明も多言語対応。再訪した読者が昔の記事を見つける最速の道です。

カテゴリとタグ

各記事にはカテゴリが 1 つとタグが複数。カテゴリが大まかな方向を、タグが細かい粒度の主題を担い、どちらもアーカイブとトップページの絞り込みで使われます。

トップページの絞り込み:自分で決める

記事一覧の上にある絞り込みバーは固定ではありません。設定で次のことができます:

  • 「今月の記事」と「人気の記事」という 2 つの組み込み絞り込みのオン/オフ;
  • カテゴリ絞り込みとタグ絞り込みを好きなだけ追加;
  • 各絞り込みのボタン文言とマッチ値を 5 言語すべてで指定。

人気記事は各記事自身の popular フラグで決まります。閲覧数カウントのような複雑な仕掛けはありません——データベースのない静的サイトでは、この単純さこそが信頼性です。

読書体験の細部

  • ダークモードはシステム連動と手動切替の両対応、切替ボタンはサイトの ◐ マーク;
  • 記事ページは多段見出し、表、コードハイライト、画像、音声・動画の埋め込みに対応(サンプル記事に全セットのデモあり);
  • モバイルは個別に調整:リストではカバーを隠し、記事単体では角丸をやめて区切り線にし、小さな画面でもすっきり。

コンテンツ側の紹介はここまで。次回は舞台裏へ——このファイル群のために作られた管理画面、astro-blog-admin です。

2026-10-29 · 프로젝트 소개

글만 있는 게 아니다: 노트, 아카이브, 홈페이지 필터

긴 글 말고도 astro-blog에는 짧은 생각을 위한 노트, 오래된 콘텐츠를 위한 아카이브, 직접 정의할 수 있는 홈페이지 필터 바가 있습니다.

글만 있는 게 아니다: 노트, 아카이브, 홈페이지 필터

블로그의 콘텐츠는 “글” 한 종류만 있는 게 아닙니다. 공들여 쓴 긴 글과 스치듯 떠오른 생각을 적어 둔 짧은 글이 같은 목록에 섞이면 서로 방해가 됩니다. astro-blog는 콘텐츠를 두 가지 형태로 나누고, 쌓여 가는 콘텐츠를 위해 아카이브와 필터를 마련해 사이트가 커져도 둘러보기 좋게 유지합니다.

두 가지 콘텐츠 형태

글: 완전한 형태의 글쓰기

글은 정식 장문 콘텐츠입니다. 제목, 부제, 커버, 카테고리, 태그, 다국어 버전까지 빠짐없습니다. 홈페이지 목록과 아카이브에 나타나며 사이트의 본체를 이룹니다.

노트: 날짜로 적는 짧은 콘텐츠

노트는 더 가벼운 존재입니다. 파일 이름이 날짜+제목이고 본문은 몇 문장이면 됩니다. 그날의 아이디어 하나, 링크 하나, 인용 하나를 기록하기에 알맞아 “글로 완성해야 한다”는 부담이 없습니다. 초안 스위치로 숨겨 두었다가 준비되면 공개할 수 있습니다.

아카이브: 오래된 콘텐츠를 다시 찾을 수 있게

시간순 아카이브 페이지

글이 많아지면 홈페이지 페이징만으로는 부족합니다. 아카이브 페이지는 모든 글을 시간순으로 나열하고, 제목과 설명 역시 다국어를 지원합니다. 다시 찾아온 독자가 옛 글을 찾는 가장 빠른 길입니다.

카테고리와 태그

모든 글에는 카테고리 하나와 태그 여러 개가 있습니다. 카테고리는 큰 방향을, 태그는 세밀한 주제를 담당하며, 둘 다 아카이브와 홈페이지 필터에서 쓰입니다.

홈페이지 필터: 직접 정한다

글 목록 위의 필터 바는 고정되어 있지 않습니다. 설정에서 할 수 있는 일:

  • “이번 달 글”과 “인기 글” 두 가지 내장 필터의 켜기/끄기;
  • 카테고리 필터와 태그 필터를 원하는 만큼 추가;
  • 각 필터의 버튼 문구와 매칭 값을 다섯 언어로 모두 지정.

인기 글은 각 글 자신의 popular 표시로 결정됩니다. 조회 수 통계 같은 복잡한 장치는 없습니다——데이터베이스가 없는 정적 사이트에서는 이 단순함이 오히려 신뢰성입니다.

읽기 경험의 디테일

  • 다크 모드는 시스템을 따르거나 직접 전환할 수 있고, 토글 버튼은 사이트의 ◐ 상징;
  • 글 페이지는 다단계 제목, 표, 코드 강조, 이미지, 오디오·동영상 삽입을 지원하며 예시 글에 전체 데모가 있습니다;
  • 모바일은 따로 다듬었습니다. 목록에서는 커버를 숨기고, 글 단독 화면에서는 둥근 모서리를 없애고 구분선으로 바꿔 작은 화면에서도 깔끔합니다.

콘텐츠 쪽 소개는 여기까지입니다. 다음 글에서는 무대 뒤로——이 파일들을 위해 만든 관리 화면, astro-blog-admin을 다룹니다.

2026-10-29 · 项目介绍

不只是文章:随记、归档与首页筛选

长文章之外,astro-blog 还给短想法留了随记,给旧内容留了归档,给首页留了可以自己定义的筛选栏。

不只是文章:随记、归档与首页筛选

博客不只有“文章”一种内容。认认真真写的长文,和随手记下的一闪而过的想法,放在同一个列表里互相干扰。astro-blog 把内容分成两种形态,又给积累下来的内容准备了归档和筛选,让站点长大之后依然好逛。

两种内容形态

文章:完整的写作

文章是正式的长内容:标题、副标题、封面、分类、标签、多语言版本,一样不少。它们出现在首页列表和归档里,是站点的主体。

随记:按日期记的短内容

随记是更轻的存在:文件名就是日期加标题,正文可以只有几句话。它适合记录当天的一个想法、一个链接、一句摘抄——写起来没有“要凑成一篇文章”的压力。草稿开关可以先藏起来,想好了再发布。

归档:让旧内容找得回来

按时间的归档页

文章多了之后,光靠首页翻页是不够的。归档页按时间把全部文章列出来,页面标题和说明同样支持多语言,是老读者找回旧文最快的路。

分类与标签

每篇文章有一个分类、若干标签。分类管大方向,标签管细颗粒度的主题,两者在归档和首页筛选里都会用到。

首页筛选:自己说了算

首页文章列表上方的筛选栏不是写死的。设置里可以:

  • 开关「本月文章」和「热门文章」两个内置筛选;
  • 添加任意多个分类筛选和标签筛选;
  • 每个筛选的按钮文字和匹配值都支持五种语言。

热门文章由文章自己的 popular 标记决定,不搞复杂的浏览量统计——静态站点没有数据库,这种简单反而可靠。

阅读体验的细节

  • 深色模式跟随系统,也可手动切换,切换按钮就是站点的 ◐ 标志;
  • 文章页支持多级标题、表格、代码高亮、图片、音视频嵌入,示例文章里有全套演示;
  • 移动端单独调过排版:列表不显示封面、单篇去掉圆角改分割线,小屏幕上一样清爽。

内容侧就介绍到这里。下一篇换到幕后:给这套文件配的那个管理后台,astro-blog-admin。

2026-10-29 · 項目介紹

不只是文章:隨記、歸檔與首頁篩選

長文章之外,astro-blog 還給短想法留了隨記,給舊內容留了歸檔,給首頁留了可以自己定義的篩選欄。

不只是文章:隨記、歸檔與首頁篩選

部落格不只有「文章」一種內容。認認真真寫的長文,和隨手記下的一閃而過的想法,放在同一個列表裡互相干擾。astro-blog 把內容分成兩種形態,又給累積下來的內容準備了歸檔和篩選,讓站點長大之後依然好逛。

兩種內容形態

文章:完整的寫作

文章是正式的長內容:標題、副標題、封面、分類、標籤、多語言版本,一樣不少。它們出現在首頁列表和歸檔裡,是站點的主體。

隨記:按日期記的短內容

隨記是更輕的存在:檔案名就是日期加標題,正文可以只有幾句話。它適合記錄當天的一個想法、一個連結、一句摘抄——寫起來沒有「要湊成一篇文章」的壓力。草稿開關可以先藏起來,想好了再發布。

歸檔:讓舊內容找得回來

按時間的歸檔頁

文章多了之後,光靠首頁翻頁是不夠的。歸檔頁按時間把全部文章列出來,頁面標題和說明同樣支援多語言,是老讀者找回舊文最快的路。

分類與標籤

每篇文章有一個分類、若干標籤。分類管大方向,標籤管細顆粒度的主題,兩者在歸檔和首頁篩選裡都會用到。

首頁篩選:自己說了算

首頁文章列表上方的篩選欄不是寫死的。設定裡可以:

  • 開關「本月文章」和「熱門文章」兩個內建篩選;
  • 添加任意多個分類篩選和標籤篩選;
  • 每個篩選的按鈕文字和匹配值都支援五種語言。

熱門文章由文章自己的 popular 標記決定,不搞複雜的瀏覽量統計——靜態站點沒有資料庫,這種簡單反而可靠。

閱讀體驗的細節

  • 深色模式跟隨系統,也可手動切換,切換按鈕就是站點的 ◐ 標誌;
  • 文章頁支援多級標題、表格、程式碼高亮、圖片、音影片嵌入,示例文章裡有全套示範;
  • 行動端單獨調過排版:列表不顯示封面、單篇去掉圓角改分割線,小螢幕上一樣清爽。

內容側就介紹到這裡。下一篇換到幕後:給這套檔案配的那個管理後台,astro-blog-admin。