DearNikki — Fuwariベースの静的ブログテンプレート

Web

概要

DearNikki は中国語表記の README でも案内されている、Fuwari(既存の静的ブログテーマ)をベースにした静的ブログテンプレートです。フロントエンドには Astro を採用し、軽量で高速な静的サイト生成を目指しています。開発者は pnpm を推奨しており、画像処理に sharp を追加する手順が明記されています。設定は src/config.ts を編集するだけで可能で、ブログタイトルやサムネイル、SNS リンク、テーマカラー、ナビゲーションなどを簡単にカスタマイズできます。プロジェクトには AI による修正が一部含まれる旨の注意書きもあります。

GitHub

リポジトリの統計情報

  • スター数: 8
  • フォーク数: 1
  • ウォッチャー数: 8
  • コミット数: 3
  • ファイル数: 22
  • メインの言語: Astro

主な特徴

  • Fuwari を基にした静的ブログテンプレートで導入が容易
  • Astro を中心としたモダンなフロントエンド構成と高速なビルド
  • src/config.ts による簡易カスタマイズ(タイトル、SNS、テーマ色等)
  • pnpm + sharp を使った実務向けのワークフローを想定

技術的なポイント

DearNikki は「使いやすさ」と「拡張性」を重視した静的サイトテンプレートです。コアに Astro を採用しているため、コンポーネントベースでページを構築しつつ、ビルド時に静的 HTML を生成して高速な配信が可能です。パッケージ管理は pnpm を推奨しており、ワークスペースやキャッシュ効率の恩恵を受けられます。画像最適化には sharp を追加する手順が README に明記されており、ローカルでの画像処理やビルド時のサムネイル生成などに対応できます。

設定項目は src/config.ts に集約されており、ブログタイトル・副題・アバター・ソーシャルリンク・テーマカラー・ナビゲーションなど、サイト運用に必要なほとんどの要素をコードレベルで管理できます。記事の配置は Markdown(または MDX 相当)で運用する想定と推測され、Fuwari 系のレイアウトやスタイルを継承しているため、既存テーマの拡張や微調整が容易です。

ライセンス周りでは元となった Fuwari のライセンスを示す LICENSE-Fuwari などが含まれており、オリジナル部分と派生部分の扱いが明確にされています。プロジェクト自体はコミット数が少なく小規模ですが、テンプレートとしての完成度は高く、デザインや機能を自分用にカスタマイズして運用するための良い出発点になります。なお、README に「プロジェクトの変更部分に AI の助けがある」旨の注記があるため、コンテンツや生成物の確認・校正は慎重に行うことが望ましいです。

プロジェクトの構成

主要なファイルとディレクトリ:

  • .gitignore: file
  • .npmrc: file
  • .vscode: dir
  • LICENSE: file
  • LICENSE-Fuwari: file

…他 17 ファイル

(主に src 配下にコンポーネント、ページ、設定ファイルがまとまっており、pnpm で依存をインストールしてビルドする想定です)

まとめ

Fuwari を踏襲した使いやすい Astro ベースの静的ブログテンプレート。カスタマイズが簡単で個人ブログに最適。

リポジトリ情報:

READMEの抜粋:

💌 DearNikki

基于 Fuwari 开发的静态博客模板。

❗ 警告:该项目的修改部分有来自 AI 的帮助

预览

🚀 使用方法

1️⃣ 克隆仓库并安装依赖

git clone https://github.com/Rabbit0w0/dear-nikki.git
cd DearNikki
pnpm install
pnpm add sharp

若未安装 pnpm: npm install -g pnpm


2️⃣ 自定义配置

修改文件:

src/config.ts

可以修改:

  • 博客标题、副标题
  • 头像、社交链接
  • 主题色
  • 导航菜单等

3️⃣ 创建文章(手动)

文章放在:

src/...