My contributions to @_jzhao 's Tabspace about to go crazy with Replit Cloud agents :D jackyzha0/tabspace.
I've used this extension every day for years and I've always wanted a Canvas view. Stay tuned. t.co
10 likes · 427 views
Repo link: jackyzha0/quartz
Runs 100% locally — nothing uploads. What paid tool should I replace next?
Stop Paying $96.00 for Obsidian Publish — This Free GitHub Repo Replaces It
Obsidian Publish costs $96.00 a year. Quartz is free, open source, and runs entirely on your own machine.
Quartz has 13,410 stars on GitHub and is licensed under MIT. Your data never leaves your own machine — nothing gets uploaded to anyone's cloud.
⭐ Repo: jackyzha0/quartz
🌐 Site: quartz.jzhao.xyz
── SYSTEM REQUIREMENTS ──
Windows: Windows 10 or 11 (any OS that runs Node.js) · Not stated; a light build tool that runs on any modern PC · Node.js 22 or later and npm 10.9.2 or later (official docs); Git
macOS: Any recent macOS that runs Node.js 22 · Not stated; a light build tool that runs on any modern Mac · Node.js 22 or later and npm 10.9.2 or later (official docs); Git
── WHAT YOU GET ──
• WIKILINKS
• BACKLINKS
• GRAPH VIEW
• FULL TEXT SEARCH
• LATEX
I post free open-source replacements for paid software every single day. If you're tired of subscriptions eating your budget, subscribe — there's a new one tomorrow.
Searching for: free obsidian publish alternative, quartz obsidian, publish obsidian notes free, digital garden website, obsidian vault to website, quartz github pages
#Shorts #Quartz #OpenSource #SelfHosted
Pricing shown is Obsidian Publish, $8 per site per month billed annually = $96 per year ($10 per site per month billed monthly), checked 2026-10-17. Prices change — verify before you buy.
1 comment · 16 views
@swebsyhq Yes, it comes with Quatz (jackyzha0/quartz) by default, but I had fun adding clustering on top.
1 like · 6 views
【メモ】Claude Code + Obsidian + Quartz 4で構築する無料Wiki環境手順メモ
Claude Code + Obsidian + Quartz 4で構築する無料Wiki環境
はじめに
情報を体系的に管理し、どこからでもアクセスできる個人Wiki環境を、完全無料で構築する方法をまとめました。Claude Code(Claude Pro契約済み)とObsidian(無料)、Quartz 4(無料)、GitHub Pages(無料)を組み合わせることで、記事生成から公開まで自動化できます。
構成の全体像
| コンポーネント | 役割 | 費用 |
|---|---|---|
| Claude Code | 記事生成・ナレッジ蓄積 | Claude Pro契約(月額20ドル、既存) |
| Obsidian | ローカル執筆・管理 | 無料(個人利用) |
| Quartz 4 | 静的サイト生成 | 無料 |
| GitHub Pages | Webホスティング | 無料 |
| iCloud/GitSync | モバイル同期(任意) | 無料 |
追加コスト:ゼロ
なぜこの構成なのか
Obsidian Publishは不要
Obsidian Publish(月額8ドル)の代わりに、Quartz 4という無料のオープンソースフレームワークを使います。以下の機能がすべて無料で使えます:
- Wiki記法([[リンク]])対応
- バックリンク自動表示
- グラフビュー(ノート間の関係を可視化)
- 全文検索(日本語対応)
- LaTeX数式レンダリング
- Obsidianのコールアウト記法
モバイル編集も無料
Obsidian Git プラグインのモバイル版は公式が「不安定」と明記しているため、GitSyncという専用アプリを使います(基本機能無料)。iCloudとの併用なら、iPhone側に特別な設定は不要です。
セットアップ手順
1. Obsidian Vaultの作成
Obsidianで新しいVaultを作成し、以下のディレクトリ構造にします:
security-wiki/
├── CLAUDE.md
├── vulnerabilities/
│ └── CVE-2024-xxxxx.md
├── incidents/
│ └── log4shell-timeline.md
├── countermeasures/
│ └── waf-configuration.md
└── tools/
└── nmap-cheatsheet.md
2. CLAUDE.mdの配置
Vault直下に CLAUDE.md を作成し、記事生成ルールを定義します:
# セキュリティWiki執筆ガイドライン
## 記事構成テンプレート
### 脆弱性記事
- CVE番号・発見日
- 影響範囲(対象バージョン、CVSS)
- 攻撃手法の概要
- 対策方法(パッチ、緩和策)
- 参考リンク(CVE Database、JPCERT/CC、IPA)
### インシデント記事
- 発生日時・発覚経緯
- 被害状況
- 攻撃者のTTP(Tactics, Techniques, Procedures)
- タイムライン
- 教訓と対策
## Frontmatter必須項目
---
title: 記事タイトル
date: YYYY-MM-DD
tags: [vulnerability, incident, countermeasure, tool]
---
## 情報源
- CVE Database: https://cve.mitre.org/
- JPCERT/CC: https://www.jpcert.or.jp/
- IPA: https://www.ipa.go.jp/security/
3. Quartz 4のセットアップ
前提条件
Node.js v22以上、npm v10.9.2以上が必要です。
リポジトリ作成
1. jackyzha0/quartz にアクセス
2. Use this template → Create a new repository
3. リポジトリ名を security-wiki-quartz に設定し、Public で作成
ローカルセットアップ
git clone https://github.com/ユーザー名/security-wiki-quartz.git
cd security-wiki-quartz
npm i
npx quartz create
対話形式で以下を選択:
- テンプレート: Empty Quartz
- Base URL: https://ユーザー名.github.io/security-wiki-quartz/
4. ObsidianとQuartzの連携
パターンA:シンボリックリンク(推奨)
cd security-wiki-quartz
rm -rf content
ln -s /path/to/security-wiki content
macOSの場合、Obsidian VaultをiCloud内に配置すれば、自動的にモバイルと同期されます。
パターンB:サブモジュール(高度)
Obsidian Vaultを別リポジトリで管理する場合:
# Obsidian Vaultをリポジトリ化
cd /path/to/security-wiki
git init
git add .
git commit -m "Initial commit"
gh repo create security-wiki --private --source=. --push
# Quartzリポジトリにサブモジュールとして追加
cd /path/to/security-wiki-quartz
git rm -r content
git submodule add git@github.com:ユーザー名/security-wiki.git content
git commit -m "Add vault as submodule"
git push
5. ローカルプレビュー
npx quartz build --serve
http://localhost:8080 でサイトが起動します。Obsidianで編集すると自動的にリロードされます。
6. GitHub Pagesへのデプロイ
手動デプロイ
npx quartz sync --no-pull
自動デプロイ設定
GitHubリポジトリの Settings → Pages → Source で GitHub Actions を選択します。Quartzに付属の .github/workflows/deploy.yml が自動的に動作し、main ブランチへのpushで自動デプロイされます。
7. Obsidian Gitプラグインで自動同期
Obsidianに「Obsidian Git」プラグインをインストールし、以下のように設定します:
- Vault backup interval (minutes): 5
- Auto pull interval (minutes): 5
- Commit message: vault backup: {{date}}
これで5分ごとに自動コミット・プッシュされます。
サブモジュール構成での自動デプロイ
Obsidianリポジトリ側
.github/workflows/dispatch.yml を作成:
name: Notify Quartz
on:
push:
branches: [main]
jobs:
dispatch:
runs-on: ubuntu-latest
steps:
- name: Trigger Quartz rebuild
uses: peter-evans/repository-dispatch@v3
with:
token: ${{ secrets.QUARTZ_DEPLOY_TOKEN }}
repository: ユーザー名/security-wiki-quartz
event-type: obsidian-updated
Quartzリポジトリ側
.github/workflows/update-submodule.yml を作成:
name: Update Submodule
on:
repository_dispatch:
types: [obsidian-updated]
jobs:
update:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
with:
submodules: true
token: ${{ secrets.GITHUB_TOKEN }}
- name: Update submodule
run: |
git submodule update --remote --merge
git config user.name "GitHub Actions"
git config user.email "actions@github.com"
git add content
git diff --quiet && git diff --staged --quiet || git commit -m "Update content"
git push
Personal Access Token(PAT)の発行
1. GitHub Settings → Developer settings → Personal access tokens → Fine-grained tokens
2. Generate new token をクリック
3. Repository access で security-wiki-quartz を選択
4. Permissions で Contents を Read and write に設定
5. トークンをコピーし、Obsidianリポジトリの Settings → Secrets and variables → Actions で QUARTZ_DEPLOY_TOKEN として登録
モバイル編集の設定
iCloud連携(最もシンプル)
1. Obsidian VaultをiCloud Drive内に配置
2. iPhoneのObsidianアプリで同じVaultを開く
3. Mac側のGitプラグインが自動的にプッシュ
この方法なら、iPhone側に特別な設定は不要です。
GitSync(git操作をモバイルでも実行したい場合)
1. App StoreからGitSyncをインストール
2. GitHubリポジトリをクローン(認証にはPATを使用)
3. Obsidianで「既存の保管庫を開く」を選択し、GitSyncが管理しているフォルダを指定
基本機能は無料ですが、Git LFS対応などのプロ機能は月額$4.99です。
Claude Codeでの記事生成フロー
1. Claude Codeに「CVE-2024-xxxxxに関する脆弱性記事を書いて」と指示
2. CLAUDE.md のテンプレートに従って記事が生成される
3. vulnerabilities/CVE-2024-xxxxx.md として保存
4. Obsidian Gitプラグインが5分以内に自動プッシュ
5. GitHub Actionsが自動的にビルド・デプロイ
6. 数分後に https://ユーザー名.github.io/security-wiki-quartz/ で公開
Quartz 4の主要機能
- 全文検索:日本語対応の高速検索エンジン
- グラフビュー:ノート間の関係を可視化
- バックリンク:被リンクを自動表示
- Wiki記法:[[リンク]] と [リンク](path.md) の両方に対応
- LaTeX:数式のレンダリング($$E=mc^2$$)
- Callout:Obsidianのコールアウト記法をそのまま使える
メモリ注意事項(モバイルgit同期)
モバイルでのgit同期は、端末のRAMに依存します:
- 初回クローン時はメモリ使用量が最大になる
- 画像・PDFを大量に含むVaultは重くなる
- 履歴が蓄積すると、クローン時に大量のオブジェクトを処理する
画像は /attachments フォルダにまとめ、必要に応じて Git LFS を検討してください。
まとめ
この構成により、以下が実現します:
- 記事生成の自動化:Claude Codeがテンプレートに従って記事を生成
- 完全無料:追加コストなしで運用可能
- マルチデバイス対応:iPhone/iPad/Macで編集可能
- バージョン管理:git履歴で変更を追跡
- 公開の自動化:編集後、数分でWeb公開
すべてのコンポーネントがオープンソースまたは無料プランで提供されており、長期的に持続可能な環境です。
参考リンク
- Quartz 4公式ドキュメント: quartz.jzhao.xyz
- Obsidian公式サイト: obsidian.md
- GitSync: gitsync.app
Mentions
My contributions to @_jzhao 's Tabspace about to go crazy with Replit Cloud agents :D jackyzha0/tabspace. I've used this extension every day for years and I've always wanted a Canvas view. Stay tuned. t.co
Repo link: jackyzha0/quartz Runs 100% locally — nothing uploads. What paid tool should I replace next?
Stop Paying $96.00 for Obsidian Publish — This Free GitHub Repo Replaces It Obsidian Publish costs $96.00 a year. Quartz is free, open source, and runs entirely on your own machine. Quartz has 13,410 stars on GitHub and is licensed under MIT. Your data never leaves your own machine — nothing gets uploaded to anyone's cloud. ⭐ Repo: jackyzha0/quartz 🌐 Site: quartz.jzhao.xyz ── SYSTEM REQUIREMENTS ── Windows: Windows 10 or 11 (any OS that runs Node.js) · Not stated; a light build tool that runs on any modern PC · Node.js 22 or later and npm 10.9.2 or later (official docs); Git macOS: Any recent macOS that runs Node.js 22 · Not stated; a light build tool that runs on any modern Mac · Node.js 22 or later and npm 10.9.2 or later (official docs); Git ── WHAT YOU GET ── • WIKILINKS • BACKLINKS • GRAPH VIEW • FULL TEXT SEARCH • LATEX I post free open-source replacements for paid software every single day. If you're tired of subscriptions eating your budget, subscribe — there's a new one tomorrow. Searching for: free obsidian publish alternative, quartz obsidian, publish obsidian notes free, digital garden website, obsidian vault to website, quartz github pages #Shorts #Quartz #OpenSource #SelfHosted Pricing shown is Obsidian Publish, $8 per site per month billed annually = $96 per year ($10 per site per month billed monthly), checked 2026-10-17. Prices change — verify before you buy.
@swebsyhq Yes, it comes with Quatz (jackyzha0/quartz) by default, but I had fun adding clustering on top.
【メモ】Claude Code + Obsidian + Quartz 4で構築する無料Wiki環境手順メモ Claude Code + Obsidian + Quartz 4で構築する無料Wiki環境 はじめに 情報を体系的に管理し、どこからでもアクセスできる個人Wiki環境を、完全無料で構築する方法をまとめました。Claude Code(Claude Pro契約済み)とObsidian(無料)、Quartz 4(無料)、GitHub Pages(無料)を組み合わせることで、記事生成から公開まで自動化できます。 構成の全体像 | コンポーネント | 役割 | 費用 | |---|---|---| | Claude Code | 記事生成・ナレッジ蓄積 | Claude Pro契約(月額20ドル、既存) | | Obsidian | ローカル執筆・管理 | 無料(個人利用) | | Quartz 4 | 静的サイト生成 | 無料 | | GitHub Pages | Webホスティング | 無料 | | iCloud/GitSync | モバイル同期(任意) | 無料 | 追加コスト:ゼロ なぜこの構成なのか Obsidian Publishは不要 Obsidian Publish(月額8ドル)の代わりに、Quartz 4という無料のオープンソースフレームワークを使います。以下の機能がすべて無料で使えます: - Wiki記法([[リンク]])対応 - バックリンク自動表示 - グラフビュー(ノート間の関係を可視化) - 全文検索(日本語対応) - LaTeX数式レンダリング - Obsidianのコールアウト記法 モバイル編集も無料 Obsidian Git プラグインのモバイル版は公式が「不安定」と明記しているため、GitSyncという専用アプリを使います(基本機能無料)。iCloudとの併用なら、iPhone側に特別な設定は不要です。 セットアップ手順 1. Obsidian Vaultの作成 Obsidianで新しいVaultを作成し、以下のディレクトリ構造にします: security-wiki/ ├── CLAUDE.md ├── vulnerabilities/ │ └── CVE-2024-xxxxx.md ├── incidents/ │ └── log4shell-timeline.md ├── countermeasures/ │ └── waf-configuration.md └── tools/ └── nmap-cheatsheet.md 2. CLAUDE.mdの配置 Vault直下に CLAUDE.md を作成し、記事生成ルールを定義します: # セキュリティWiki執筆ガイドライン ## 記事構成テンプレート ### 脆弱性記事 - CVE番号・発見日 - 影響範囲(対象バージョン、CVSS) - 攻撃手法の概要 - 対策方法(パッチ、緩和策) - 参考リンク(CVE Database、JPCERT/CC、IPA) ### インシデント記事 - 発生日時・発覚経緯 - 被害状況 - 攻撃者のTTP(Tactics, Techniques, Procedures) - タイムライン - 教訓と対策 ## Frontmatter必須項目 --- title: 記事タイトル date: YYYY-MM-DD tags: [vulnerability, incident, countermeasure, tool] --- ## 情報源 - CVE Database: https://cve.mitre.org/ - JPCERT/CC: https://www.jpcert.or.jp/ - IPA: https://www.ipa.go.jp/security/ 3. Quartz 4のセットアップ 前提条件 Node.js v22以上、npm v10.9.2以上が必要です。 リポジトリ作成 1. jackyzha0/quartz にアクセス 2. Use this template → Create a new repository 3. リポジトリ名を security-wiki-quartz に設定し、Public で作成 ローカルセットアップ git clone https://github.com/ユーザー名/security-wiki-quartz.git cd security-wiki-quartz npm i npx quartz create 対話形式で以下を選択: - テンプレート: Empty Quartz - Base URL: https://ユーザー名.github.io/security-wiki-quartz/ 4. ObsidianとQuartzの連携 パターンA:シンボリックリンク(推奨) cd security-wiki-quartz rm -rf content ln -s /path/to/security-wiki content macOSの場合、Obsidian VaultをiCloud内に配置すれば、自動的にモバイルと同期されます。 パターンB:サブモジュール(高度) Obsidian Vaultを別リポジトリで管理する場合: # Obsidian Vaultをリポジトリ化 cd /path/to/security-wiki git init git add . git commit -m "Initial commit" gh repo create security-wiki --private --source=. --push # Quartzリポジトリにサブモジュールとして追加 cd /path/to/security-wiki-quartz git rm -r content git submodule add git@github.com:ユーザー名/security-wiki.git content git commit -m "Add vault as submodule" git push 5. ローカルプレビュー npx quartz build --serve http://localhost:8080 でサイトが起動します。Obsidianで編集すると自動的にリロードされます。 6. GitHub Pagesへのデプロイ 手動デプロイ npx quartz sync --no-pull 自動デプロイ設定 GitHubリポジトリの Settings → Pages → Source で GitHub Actions を選択します。Quartzに付属の .github/workflows/deploy.yml が自動的に動作し、main ブランチへのpushで自動デプロイされます。 7. Obsidian Gitプラグインで自動同期 Obsidianに「Obsidian Git」プラグインをインストールし、以下のように設定します: - Vault backup interval (minutes): 5 - Auto pull interval (minutes): 5 - Commit message: vault backup: {{date}} これで5分ごとに自動コミット・プッシュされます。 サブモジュール構成での自動デプロイ Obsidianリポジトリ側 .github/workflows/dispatch.yml を作成: name: Notify Quartz on: push: branches: [main] jobs: dispatch: runs-on: ubuntu-latest steps: - name: Trigger Quartz rebuild uses: peter-evans/repository-dispatch@v3 with: token: ${{ secrets.QUARTZ_DEPLOY_TOKEN }} repository: ユーザー名/security-wiki-quartz event-type: obsidian-updated Quartzリポジトリ側 .github/workflows/update-submodule.yml を作成: name: Update Submodule on: repository_dispatch: types: [obsidian-updated] jobs: update: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 with: submodules: true token: ${{ secrets.GITHUB_TOKEN }} - name: Update submodule run: | git submodule update --remote --merge git config user.name "GitHub Actions" git config user.email "actions@github.com" git add content git diff --quiet && git diff --staged --quiet || git commit -m "Update content" git push Personal Access Token(PAT)の発行 1. GitHub Settings → Developer settings → Personal access tokens → Fine-grained tokens 2. Generate new token をクリック 3. Repository access で security-wiki-quartz を選択 4. Permissions で Contents を Read and write に設定 5. トークンをコピーし、Obsidianリポジトリの Settings → Secrets and variables → Actions で QUARTZ_DEPLOY_TOKEN として登録 モバイル編集の設定 iCloud連携(最もシンプル) 1. Obsidian VaultをiCloud Drive内に配置 2. iPhoneのObsidianアプリで同じVaultを開く 3. Mac側のGitプラグインが自動的にプッシュ この方法なら、iPhone側に特別な設定は不要です。 GitSync(git操作をモバイルでも実行したい場合) 1. App StoreからGitSyncをインストール 2. GitHubリポジトリをクローン(認証にはPATを使用) 3. Obsidianで「既存の保管庫を開く」を選択し、GitSyncが管理しているフォルダを指定 基本機能は無料ですが、Git LFS対応などのプロ機能は月額$4.99です。 Claude Codeでの記事生成フロー 1. Claude Codeに「CVE-2024-xxxxxに関する脆弱性記事を書いて」と指示 2. CLAUDE.md のテンプレートに従って記事が生成される 3. vulnerabilities/CVE-2024-xxxxx.md として保存 4. Obsidian Gitプラグインが5分以内に自動プッシュ 5. GitHub Actionsが自動的にビルド・デプロイ 6. 数分後に https://ユーザー名.github.io/security-wiki-quartz/ で公開 Quartz 4の主要機能 - 全文検索:日本語対応の高速検索エンジン - グラフビュー:ノート間の関係を可視化 - バックリンク:被リンクを自動表示 - Wiki記法:[[リンク]] と [リンク](path.md) の両方に対応 - LaTeX:数式のレンダリング($$E=mc^2$$) - Callout:Obsidianのコールアウト記法をそのまま使える メモリ注意事項(モバイルgit同期) モバイルでのgit同期は、端末のRAMに依存します: - 初回クローン時はメモリ使用量が最大になる - 画像・PDFを大量に含むVaultは重くなる - 履歴が蓄積すると、クローン時に大量のオブジェクトを処理する 画像は /attachments フォルダにまとめ、必要に応じて Git LFS を検討してください。 まとめ この構成により、以下が実現します: - 記事生成の自動化:Claude Codeがテンプレートに従って記事を生成 - 完全無料:追加コストなしで運用可能 - マルチデバイス対応:iPhone/iPad/Macで編集可能 - バージョン管理:git履歴で変更を追跡 - 公開の自動化:編集後、数分でWeb公開 すべてのコンポーネントがオープンソースまたは無料プランで提供されており、長期的に持続可能な環境です。 参考リンク - Quartz 4公式ドキュメント: quartz.jzhao.xyz - Obsidian公式サイト: obsidian.md - GitSync: gitsync.app