Notenote.link - Publish your Obsidian notes with Jekyll for free!

Neat, I like your theme, it seems very mature. Congrats ! Check _includes/content.html for the code that allows [[wikilink|alt name]]. I’ll see if I can push code to your repo allowing you to do this later in the day.

You can read the article on notenote.link about Obsidian integration, too.

2 Likes

Hi everyone ! I recently updated the template so that you can now link headers : [[note#header|title]], which is done natively in Obsidian. Besides, there are now header links that appear on hover. As my notes get longer and longer, this functionnality became very necessary for meaningful linkings. If you see a bug, please open an issue about it !

2 Likes

I’m liking how this is looking so far! I’m trying to put together a note system that will still work for me many years from now. I think I’m happy to use Obsidian for many years, but don’t have confidence Obsidian Publish will last, so looked at some other ways to publish notes, and this looks the most robust of what I’ve seen :slight_smile: Looking forward to more updates - but even if there are none, this looks great the way it is :slight_smile:

1 Like

why don’t you think that Publish will last?

Is it possible to add a comment section like Disqus?

1 Like

Because online services are far far far more likely to die than make it past their 10th year. I’ve seen enough online services I use die that I’d rather not go through that again with something as important as this. Luhmann’s zettelkasten system lasted him 50 years - that kind of scale is what I’d like to move towards in my tooling. So I’d rather commit to something more long lasting now, than commit to something I know almost for sure will not last.

2 Likes

Comments you can do with Hyvor Talk (https://talk.hyvor.com/).

Is it possible to add a comment section like Disqus?

Check Utterances and Telegram comments, they are awesome and super easy to implement in Jekyll

Hey, I am new to Jekyll and online publishing altogether. I was wondering if it was possible to convert another template to work with Obsidian.

My original idea was to simply open a vault in that local Jekyll installation and push to Git via the plugin, but upon reading this post, I feel that its not that simple.

Any guidance towards maybe being able to convert the template is deeply appreciated!

The template I am looking at converting, if possible. GitHub - piharpi/jekyll-klise: Klisé is a minimalist Jekyll theme for running a personal site or blog, light & dark mode support. (https://klise.now.sh)

@Maxence apologies for possibly stupid question but can your script be adapted to publish to a private folder rather than netlify?

Thanks

Nick

A tip for those of you looking to adapt this wonderful template for a more blog-like format, or if you simply want to document the chronological progression of your notes.

As you may have noticed, the feed generated by feed.html is based on the file name. Changing which files it reads first is non-trivial. It is instead much easier to wrap that output in a flex and sort that flex.

Open post.html in /_layouts/ and replace {%- include feed.html -%} with the following:

            <div class="feed-wrapper">
                {%- include feed.html -%}
            </div>

Make sure that the div is indented the same as {%- include header.html -%} in the line above it.

This will wrap the output of the feed, so we can now apply sorting through css.

I use zettelkasten prefixes on files I publish in _notes, which means that newer files, by default, are below older files in the feed, due to the aforementioned alphanumeric processing of files and adding them to the feed. The following CSS snippet reverses that order, placing newer files at the top of the feed.

.feed-wrapper {
    display: flex;
    flex-direction: column-reverse;
}

In addition, you can use css to ‘pin’ a file to the top of the feed. Every entry in the feed is given a ‘data-url’ property, which we can target. As the order of the flex has been reversed, a larger order: property means pinning a message to the top. The data-url contains the file’s name, which we can target using the method in the snippet below. Assuming there are no other files you are ‘pinning’ with css, an order of 1 suffices, if you are pinning multiple files the target with the highest order value is place on top.

.feed-wrapper [data-url*="FILENAME"]{
    order: 1
}

For a file called 20210528-Modifying the notenote.link template the data-url would be: [data-url*="20210528-Modifying the notenote.link template"].

You can place this css in the main style.css file, but I instead recommend writing the css in another file, and importing it in style.css, like so @import "/assets/css/feed_sorting.css";.

2 Likes

folder _notes is not being pushed to git repo, i created a new folder that one did get pushed… im new to git pushing.

I just tried creating a new folder and file directly in the git repo and then pushed my local files and the new folder i created directly on github was removed.

Edit/reply: i tried the commandline instead of the gui, finally got the commit part working as it has to be “xxxxxx” not ‘xxxxxx’ and pushed it and now the folder is there. i suppose im doing it wrong in the gui.

im putting new notes into _notes and they are being pushed to git now, but they are not showing up on netlify. Chaning the folder name to notes pops alerts of depencie issues.

I managed to change the title of the front page etc and removed the howto notes, but getting new notes up there is fooling me. argh

Is there anything inside a note that would cause it to not be shown in feed?
i have pushed 1200 notes to git repo, but only 5 are showing up in feed. Some after i put in a # header after front matter but that doesnt work on the other notes and the front matter is identical except for title. I have no sense of what is obstructing the feed :frowning:

Did you remove the “Season” from the feed ? There is a explanation to do this in the README.

Hello everyone ! Since Maxence doesn’t to seems to be active on github or here, I informe you that I “upgraded” this notenote.link to :

  • Update (FFI error) Gems
  • Add Jekyll-Spaceship to support MathJax (old version are depreciated) ; Mermaid ; PlantUML ; Table ; Emoji ; Media…
  • Add a support for Lithou Snippet image flags.
  • Add a support for Admonition.
  • Write a python script to convert from Obsidian to GFM, converting Admonition, and support partial vault.

To get more information, in waiting for the PR, you can check everything here : Yet Another Free Publish Alternative (YAFPA)

1 Like

I revisited the setup today, removed all the previous content notes and added new ones. Adjusted the feed.html as per the readme.md. only 1 note is now showing and no tags… i dont quite understand how it all works and where to go looking for tweaking :slight_smile:

i downloaded the deploy zip, it only contains 1 html file under notes.
so the issue must be in the build instructions? and not in the presentation instructions.

doh… i had no frontmatter — title: —
adding that fixed it, all files are now generated. nevermind me. gotta make myself a note on this for next time :smiley:

Is Netlify necessary if you use GitHub Pages? If not, what is the reason to use Netlify?