Comments (7)
OK! Looks like we're getting there! And thank you for the examples in the commit.
I started reading about front matter recently for my notes and didn't consider that for these test pages. I added titles to a few notes and I'm able to navigate to them from page links and from the graph ๐
Thank you so much for taking the time to reply to all my questions with such detailed responses! I'm looking forward to doing some more playing around
from digital-garden-jekyll-template.
from digital-garden-jekyll-template.
As for linking to notes from other notes, you may use the double-bracket syntax (for example, using [[videos on how to zk]]
in a Markdown file would generate an HTML link to /videos-on-how-to-zk
, which should work since you have a file named videos-on-how-to-zk.md
in the _notes/
directory).
from digital-garden-jekyll-template.
I was testing both the "_notes" folder and another since the first notes I tested weren't showing up. I'll try just using the notes directory. To make sure I understand, do I have to use the double brackets for links? By default I've been using [link text](filename.md)
for all my links in case I ever use a platform that doesn't support [[
links.
That's the part that's been confusing to me. In the index.md file I have [videos-on-how-to-zk](../_notes/videos-on-how-to-zk.md)
but that link comes backs with 404-not found. I'm working in Obsidian and it generates a relative link when I link to a note.
Edit: I just noticed in the syntax section it has {: .internal-link}
after markdown style links. I missed that before.
from digital-garden-jekyll-template.
I was testing both the "_notes" folder and another since the first notes I tested weren't showing up. I'll try just using the notes directory.
There are a few things to understand before we discuss linking to notes.
All Markdown notes in the _notes/
directory must have a "front matter" section defined at the top of the files. As an example, look at the first 4 lines in this file:
---
title: Your first seed
image: /assets/image.jpg
---
This is what Jekyll considers as front matter.
Notes in the _notes/
directory that have valid front matter will be exposed on the final website at the /<note-filename>
path. For example, if you have a note file in _notes/cats.md
(which you do), you'll be able to access the note on the generated website at this relative address: /cats
(so https://mv-dg.netlify.app/cats in your case).
Make sure all your Markdown notes have a front-matter section (with at least a title).
To make sure I understand, do I have to use the double brackets for links? By default I've been using link text for all my links in case I ever use a platform that doesn't support [[ links.
That's the part that's been confusing to me. In the index.md file I have videos-on-how-to-zk but that link comes backs with 404-not found. I'm working in Obsidian and it generates a relative link when I link to a note.
As for linking to other notes from a note, there are three ways to do so (in descending order of how easy they are to use).
Let's assume we have a file at _notes/cats.md
with the following content:
---
title: "A note about cats"
---
This is a note about cats!
A) Double-bracket link syntax (Roam/wiki-style)
You may use the double-bracket syntax to link to another note by its title, or its filename without extension (as defined by this plugin).
- Double-bracket syntax using note title:
Here's a link to the note about cats: [[A note about cats]]
- Double-bracket syntax using note filename without extension:
Here's a link to the note about cats: [[cats]]
This approach doesn't let you use a link label that's different than the note title or filename. The next two do.
B) Markdown link syntax
You may use an HTML anchor tag to link directly to a note, like this: [A link to the note about cats](/cats)
.
C) HTML anchor tag
You may use an HTML anchor tag to link directly to a note, like this: <a href="/cats">A link to the note about cats</a>
.
from digital-garden-jekyll-template.
I pushed a commit to show how we could fix the link syntax for a few links: ShannaSeigel@bd2321b
Feel free to take inspiration from this commit!
from digital-garden-jekyll-template.
I'll close this as it's not an issue with the template itself, but feel free to reach out for help. ๐
from digital-garden-jekyll-template.
Related Issues (20)
- Graphic view errors in Korean(foreign languages) HOT 2
- How can I change the table of contents link to internal link?
- Emoji Filenames Break The Template HOT 2
- Links with quotes in them don't work HOT 1
- link-previews.html has embedded SCSS
- <!DOCTYPE> tag being generated with content HOT 1
- Failed to build: liquid exception HOT 4
- `note.html` breaks with `{{ content }}` HOT 6
- Link with accent (รฉร รจโฆ) doesn't work HOT 1
- Graph does work properly when zoomed or moved HOT 2
- Strict equality causes error in console HOT 10
- notes_graph.json cannot be found, github-pages' build fails HOT 1
- github-pages can't satisfy your Gemfile's dependencies HOT 1
- Ask for ID HOT 1
- Easy Github Pages
- Github Sponsor HOT 1
- basic jekyll question HOT 3
- how to train your graph
- Documentation
- Fail to deploy on the Cloudflare Pages HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from digital-garden-jekyll-template.