๐ŸŒ Trip Publishing โ€” Quartz and Wanderlog

Goal

Make this vault accessible to all four travelers on their Android phones without requiring everyone to install or manage Obsidian.


Live Site

https://jjamjapan.com โ€” bookmark this in Chrome on all 4 phones.

Auto-deploys within ~2 minutes of every git push.


The Stack

Obsidian vault (OneDrive)
        โ†“
   GitHub repo (GreySecurity/JapanTrip2026)
        โ†“
   Quartz (static site builder)
        โ†“
   Netlify (free hosting, auto-deploys on every git push)
        โ†“
   jjamjapan.com โ€” everyone bookmarks in Chrome

Wanderlog runs in parallel as the day-by-day map and routing layer.


Why This Setup

NeedSolution
Group can read all pages on AndroidQuartz site in Chrome โ€” no app install
Auto-updates when Jeff editsCloudflare Pages deploys on every git push
Private source, public read URLCloudflare Pages reads private GitHub repos for free
Works in Japan (any network or Wi-Fi)Standard web โ€” no VPN, no account
Offline access to key pagesChrome โ†’ โ‹ฎ โ†’ Add to Home Screen; some offline caching
Day-by-day maps and routingWanderlog (separate โ€” see below)

Part 1 โ€” Quartz + Cloudflare Pages Setup

This is a one-time ~60โ€“90 minute technical task for Jeff.

Step 1 โ€” Install Quartz (on Windows)

# Requires Node.js (nodejs.org) and Git
git clone https://github.com/jackyzha0/quartz.git quartz-japan
cd quartz-japan
npm install

Step 2 โ€” Point Quartz at the Vault Content

Quartz expects content in a /content folder. Options:

  • Copy vault markdown files into quartz-japan/content/
  • Or symlink / configure the path (advanced)

The simplest workflow: copy the vault content into the Quartz content/ folder and keep it in sync with the GitHub repo.

Step 3 โ€” Configure Quartz

Edit quartz.config.ts:

  • Set pageTitle to โ€œJapan Trip 2026โ€
  • Enable ObsidianFlavoredMarkdown plugin (handles wiki-links)
  • Set baseUrl to your Cloudflare Pages domain

Step 4 โ€” Test Locally

npx quartz build --serve
# Opens at http://localhost:8080

Check that wiki-links resolve and pages look right on a narrow (mobile) viewport.

Step 5 โ€” Deploy to Cloudflare Pages

  1. Go to pages.cloudflare.com โ€” free account
  2. Connect GitHub โ†’ select JapanTrip2026 repo
  3. Set build command: npx quartz build
  4. Set output directory: public
  5. Deploy โ€” Cloudflare builds and hosts it
  6. Every subsequent git push triggers an automatic redeploy

Result: A URL like japantrip2026.pages.dev that the whole group bookmarks.


Part 2 โ€” Wanderlog

Wanderlog is best for the โ€œwhere are we going today and how do we get thereโ€ layer.

What It Does Well

  • Day-by-day itinerary view
  • Map with all locations pinned
  • Walking/transit route between stops
  • Expense tracking (optional)
  • Offline access to saved locations
  • Android app โ€” free

What It Doesnโ€™t Replace

  • Narrative content (food guides, photography tips, dietary notes)
  • The decision framework (Daily Decision Helper, Weather Routing Rules)
  • Any page with more than a location and address

Workflow

  1. Jeff creates the trip in Wanderlog
  2. Adds locations from the vault (addresses are already in every location page)
  3. Shares trip with Jeannette, Ana, Matt โ€” they download the Wanderlog Android app
  4. Each person views the same trip, shared in real time

Suggested Location Groups to Enter

  • All Osaka sights (Kuromon, Dotonbori, Shitennoji, Osaka Castle, Shinsekai, USJ)
  • All Kyoto sights (Fushimi Inari, Arashiyama, Gion, Kenninji, Sanjusangendo, etc.)
  • All Tokyo sights (Senso-ji, Meiji, Shibuya, Odaiba, etc.)
  • All watch shops (Ginza cluster, Nakano Broadway cluster)
  • Accommodations (Osaka and Tokyo)
  • HND airport
  • Shin-Osaka Station

Not Worth Entering in Wanderlog

  • Food/restaurant picks (too variable, better handled by the food guides)
  • Day hike trailheads (too detailed โ€” use the hiking pages instead)

What the Group Uses On-Trip

ToolWho Uses ItFor What
Quartz site (Chrome bookmark)All 4Reference content โ€” food, sights, decisions
WanderlogAll 4Maps, routing, daily location list
Google Maps offlineAll 4Navigation on the ground
WhatsApp group chatAll 4Real-time coordination
Daily Decision Helper pageJeff (primary)Morning decisions

Before Departure โ€” Publishing Checklist

  • Set up Quartz locally and confirm local build works
  • Deploy to Cloudflare Pages
  • Test on Android Chrome (check mobile layout, test a few wiki-links)
  • Share URL with Jeannette, Ana, Matt โ€” have them bookmark it
  • Set up Wanderlog trip and enter locations
  • Share Wanderlog trip with all 4 โ€” confirm they can view it on their phones
  • Confirm Google Maps offline downloads done on all 4 phones