๐ 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
| Need | Solution |
|---|---|
| Group can read all pages on Android | Quartz site in Chrome โ no app install |
| Auto-updates when Jeff edits | Cloudflare Pages deploys on every git push |
| Private source, public read URL | Cloudflare 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 pages | Chrome โ โฎ โ Add to Home Screen; some offline caching |
| Day-by-day maps and routing | Wanderlog (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 installStep 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
pageTitleto โJapan Trip 2026โ - Enable
ObsidianFlavoredMarkdownplugin (handles wiki-links) - Set
baseUrlto your Cloudflare Pages domain
Step 4 โ Test Locally
npx quartz build --serve
# Opens at http://localhost:8080Check that wiki-links resolve and pages look right on a narrow (mobile) viewport.
Step 5 โ Deploy to Cloudflare Pages
- Go to pages.cloudflare.com โ free account
- Connect GitHub โ select
JapanTrip2026repo - Set build command:
npx quartz build - Set output directory:
public - Deploy โ Cloudflare builds and hosts it
- Every subsequent
git pushtriggers 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
- Jeff creates the trip in Wanderlog
- Adds locations from the vault (addresses are already in every location page)
- Shares trip with Jeannette, Ana, Matt โ they download the Wanderlog Android app
- 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
| Tool | Who Uses It | For What |
|---|---|---|
| Quartz site (Chrome bookmark) | All 4 | Reference content โ food, sights, decisions |
| Wanderlog | All 4 | Maps, routing, daily location list |
| Google Maps offline | All 4 | Navigation on the ground |
| WhatsApp group chat | All 4 | Real-time coordination |
| Daily Decision Helper page | Jeff (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