354 lines
7.8 KiB
Markdown
354 lines
7.8 KiB
Markdown
---
|
|
type: reference
|
|
created: 2026-01-26
|
|
tags: [obsidian, guide, tutorial]
|
|
---
|
|
|
|
# Obsidian MD for VSCode Guide
|
|
|
|
A comprehensive guide to using Obsidian MD extension within VS Code for your Memory Palace.
|
|
|
|
## What is Obsidian MD for VSCode?
|
|
|
|
Obsidian MD for VSCode brings the power of Obsidian's knowledge management features directly into VS Code. You can use wiki-links, backlinks, graph view, and daily notes without leaving your editor.
|
|
|
|
## Key Features
|
|
|
|
### 1. Wiki-Links
|
|
|
|
Create bidirectional links between notes using `[[double brackets]]`:
|
|
|
|
```markdown
|
|
This is a note about [[Memory Techniques]] that relates to [[Spaced Repetition]].
|
|
```
|
|
|
|
- **Ctrl/Cmd + Click** on a link to navigate
|
|
- Links to non-existent notes show up differently (you can create them on click)
|
|
- Works with paths: `[[docs/concepts/memory-techniques]]`
|
|
|
|
### 2. Backlinks
|
|
|
|
See all notes that link to the current note:
|
|
|
|
- Open **Command Palette** (Cmd+Shift+P)
|
|
- Search for "Obsidian: Show Backlinks"
|
|
- A panel shows all incoming links to current note
|
|
|
|
### 3. Graph View
|
|
|
|
Visualize your note connections:
|
|
|
|
- Open **Command Palette** (Cmd+Shift+P)
|
|
- Search for "Obsidian: Open Graph View"
|
|
- See your knowledge graph with nodes (notes) and edges (links)
|
|
- Click nodes to navigate
|
|
|
|
### 4. Daily Notes
|
|
|
|
Quick access to today's note:
|
|
|
|
- **Command Palette** → "Obsidian: Open Today's Daily Note"
|
|
- Configured to save in `docs/daily/` as `daily-YYYY-MM-DD.md`
|
|
- Great for quick captures, journal entries, and daily logs
|
|
|
|
### 5. Quick Switcher
|
|
|
|
Fast navigation between notes:
|
|
|
|
- Open **Command Palette**
|
|
- Search for "Obsidian: Quick Switcher"
|
|
- Type note name to jump to it instantly
|
|
|
|
## Best Practices
|
|
|
|
### Organize Your Notes
|
|
|
|
```
|
|
docs/
|
|
├── daily/ # Daily journals and quick captures
|
|
├── concepts/ # Evergreen, refined knowledge
|
|
├── projects/ # Project-specific documentation
|
|
├── fleeting/ # Temporary notes to process later
|
|
└── reference-material/ # Resources and references
|
|
```
|
|
|
|
### Use Frontmatter
|
|
|
|
Add metadata to every note for better organization:
|
|
|
|
```markdown
|
|
---
|
|
type: concept|project|fleeting|reference
|
|
created: 2026-01-26
|
|
updated: 2026-01-26
|
|
tags: [programming, javascript, bookmarklets]
|
|
status: draft|in-progress|complete
|
|
---
|
|
|
|
# Note Title
|
|
```
|
|
|
|
### Link Liberally
|
|
|
|
Don't overthink links - add them as you write:
|
|
|
|
- Link to concepts: `[[memory techniques]]`
|
|
- Link to projects: `[[paperlyte]]`
|
|
- Link to daily notes: `[[daily-2026-01-26]]`
|
|
|
|
The graph view will reveal patterns over time.
|
|
|
|
### Progressive Summarization
|
|
|
|
1. **Capture** - Write fleeting notes in `docs/fleeting/`
|
|
2. **Connect** - Add links to related concepts
|
|
3. **Refine** - Move to `docs/concepts/` when mature
|
|
4. **Highlight** - Bold key insights
|
|
5. **Summarize** - Add overview sections
|
|
|
|
### Zettelkasten Method
|
|
|
|
Create atomic notes (one idea per note):
|
|
|
|
```markdown
|
|
# Memory Palace Technique
|
|
|
|
A mnemonic device using spatial memory.
|
|
|
|
## Core Concept
|
|
|
|
Associate information with specific locations in a familiar space.
|
|
|
|
## Related
|
|
|
|
- [[Spaced Repetition]]
|
|
- [[Mnemonic Devices]]
|
|
- [[Method of Loci]]
|
|
|
|
## References
|
|
|
|
- [[reference-material/moonwalking-with-einstein]]
|
|
```
|
|
|
|
### MOC (Map of Content)
|
|
|
|
Create index notes for topics:
|
|
|
|
```markdown
|
|
# JavaScript MOC
|
|
|
|
## Core Concepts
|
|
|
|
- [[ES Modules]]
|
|
- [[Async/Await]]
|
|
- [[Closures]]
|
|
|
|
## Projects
|
|
|
|
- [[bookmarklets/README]]
|
|
- [[scratchpad/experiments]]
|
|
|
|
## Resources
|
|
|
|
- [[reference-material/you-dont-know-js]]
|
|
```
|
|
|
|
## Workflows
|
|
|
|
### Capture Quick Thoughts
|
|
|
|
1. Open today's daily note (Command Palette → Obsidian: Open Today's Daily Note)
|
|
2. Write thoughts under `## Quick Captures`
|
|
3. Add links to related notes
|
|
4. Process later by moving to permanent notes
|
|
|
|
### Research & Learning
|
|
|
|
1. Create fleeting note in `docs/fleeting/`
|
|
2. Add source links and highlights
|
|
3. Connect to existing concepts with `[[wiki-links]]`
|
|
4. When understanding solidifies, refine into concept note
|
|
5. Archive or delete fleeting note
|
|
|
|
### Project Documentation
|
|
|
|
1. Create project folder in `docs/projects/[project-name]/`
|
|
2. Add `README.md` as entry point
|
|
3. Link to related concepts and resources
|
|
4. Use daily notes to log progress
|
|
5. Link daily entries back to project README
|
|
|
|
### Code + Documentation Together
|
|
|
|
Since this is a hybrid workspace:
|
|
|
|
```markdown
|
|
# Bookmarklet: Highlight Links
|
|
|
|
## Overview
|
|
|
|
Highlights all links on a page.
|
|
|
|
## Implementation
|
|
|
|
See [[code/bookmarklets/highlight-links.js]]
|
|
|
|
## Usage
|
|
|
|
Generated via: `npm run bookmarklet -- code/bookmarklets/highlight-links.js`
|
|
|
|
## Related
|
|
|
|
- [[JavaScript Bookmarklets]]
|
|
- [[Browser DOM Manipulation]]
|
|
```
|
|
|
|
## Keyboard Shortcuts
|
|
|
|
Configure these in VS Code settings for faster workflow:
|
|
|
|
- **Quick Switcher**: Set custom keybinding
|
|
- **Daily Note**: Set custom keybinding (e.g., Cmd+Shift+D)
|
|
- **Graph View**: Set custom keybinding (e.g., Cmd+Shift+G)
|
|
- **Follow Link**: Cmd+Click (built-in)
|
|
- **Go Back**: Cmd+- (VS Code navigation)
|
|
|
|
## Tips & Tricks
|
|
|
|
### Use Aliases in Frontmatter
|
|
|
|
```markdown
|
|
---
|
|
aliases: [ML, Machine Learning, AI Learning]
|
|
---
|
|
|
|
# Machine Learning Concepts
|
|
```
|
|
|
|
Now you can link with any alias: `[[ML]]` or `[[Machine Learning]]`
|
|
|
|
### Embed Notes
|
|
|
|
Show content from other notes:
|
|
|
|
```markdown
|
|
## Memory Technique Summary
|
|
|
|
![[memory-palace-technique]]
|
|
```
|
|
|
|
### Use Tags Strategically
|
|
|
|
```markdown
|
|
---
|
|
tags: [in-progress, needs-review, high-priority]
|
|
---
|
|
```
|
|
|
|
Search by tag using VS Code's search: `#in-progress`
|
|
|
|
### Combine with Todo Tree
|
|
|
|
```markdown
|
|
## TODO List
|
|
|
|
- TODO: Research spaced repetition algorithms
|
|
- FIXME: Update outdated references
|
|
- IDEA: Create MOC for learning techniques
|
|
```
|
|
|
|
These show up in Todo Tree extension sidebar.
|
|
|
|
### Use Templates
|
|
|
|
Create templates in `docs/templates/`:
|
|
|
|
```markdown
|
|
## <!-- docs/templates/concept-note.md -->
|
|
|
|
type: concept
|
|
created: {{date}}
|
|
tags: []
|
|
|
|
---
|
|
|
|
# {{title}}
|
|
|
|
## Overview
|
|
|
|
## Details
|
|
|
|
## Examples
|
|
|
|
## Related
|
|
|
|
-
|
|
|
|
## References
|
|
|
|
-
|
|
```
|
|
|
|
## Obsidian vs Foam
|
|
|
|
You've switched from Foam to Obsidian MD. Here are the differences:
|
|
|
|
| Feature | Foam | Obsidian MD |
|
|
| ------------------------ | ---- | -------------------------- |
|
|
| Graph View | ✓ | ✓ (Better visualization) |
|
|
| Backlinks | ✓ | ✓ |
|
|
| Wiki-links | ✓ | ✓ |
|
|
| Daily Notes | ✓ | ✓ |
|
|
| Quick Switcher | ✗ | ✓ |
|
|
| Community | Good | Larger |
|
|
| Obsidian App Integration | ✗ | ✓ Can open in Obsidian app |
|
|
| Performance | Good | Better for large vaults |
|
|
|
|
## Integration with Obsidian App (Optional)
|
|
|
|
You can also open this workspace in the actual Obsidian app:
|
|
|
|
1. Install [Obsidian](https://obsidian.md/)
|
|
2. Open as vault: `/Users/fragginwagon/Developer/MemoryPalace`
|
|
3. Edit in Obsidian or VS Code - they sync automatically
|
|
4. Use Obsidian's mobile app for notes on the go
|
|
|
|
Benefits:
|
|
|
|
- Richer graph view with filters
|
|
- More theme options
|
|
- Mobile app for capture
|
|
- Community plugins (dataview, calendar, etc.)
|
|
|
|
## Troubleshooting
|
|
|
|
**Links not working?**
|
|
|
|
- Check `obsidian.vaultPath` in [.vscode/settings.json](.vscode/settings.json)
|
|
- Ensure path is `/Users/fragginwagon/Developer/MemoryPalace`
|
|
|
|
**Graph view not showing?**
|
|
|
|
- Create more notes with `[[links]]`
|
|
- Graph appears when you have interconnected notes
|
|
|
|
**Daily notes in wrong location?**
|
|
|
|
- Check `obsidian.dailyNotePath` setting
|
|
- Should be `docs/daily`
|
|
|
|
## Resources
|
|
|
|
- [Obsidian Help](https://help.obsidian.md/)
|
|
- [Linking Your Thinking (YouTube)](https://www.youtube.com/c/NickMilo)
|
|
- [Zettelkasten Method](https://zettelkasten.de/)
|
|
- [Building a Second Brain](https://www.buildingasecondbrain.com/)
|
|
|
|
## Next Steps
|
|
|
|
1. Open today's daily note and start capturing thoughts
|
|
2. Create a few concept notes with `[[links]]`
|
|
3. View your graph to see connections
|
|
4. Explore backlinks panel for any note
|
|
5. Create a MOC for your main interest areas
|