Comments: Obsidian - Setup a Digital Garden with GitHub and Cloudflare Pages

[fictionbecomesfact]

Comments for Obsidian - Setup a Digital Garden with GitHub and Cloudflare Pages

[fidelnamisi]

Thanks so much for this template. I've set it up. I was wondering how you went about configuring/ creating the tag cloud on your home page, and the Next and Previous links on the footer. Also, is it possible to get the plugins from the Obsidian user community working on the page? Thanks so much for your assistance. Are you on Discord by any chance?

[fictionbecomesfact]

Nice to read the setup was successful. I'm not active on Discord. Plugins will be a tricky one I think, I'm already very happy that the preview window works with links and of course the notes graph. For the Next and Previous links you need the Paginate v2 plugin (see also my note), the code is in pagination-post.html. I have described the configuration of the tags for you here. Good luck!

[fidelnamisi]

I will give it a go and let you know if I'm successful. Thanks so much! I really appreciate the help.

[fidelnamisi]

Okay. So far major flop! Nothing's worked...It might be that I dont' know where to put the snippets of code you have in the tutorials. I copy pasted them into new html files (or existing ones) via text edit. That didn't work... But I'll keep at it!

[fictionbecomesfact]

That is very unfortunate!
Make sure you get the paginate v2 plugin working first, and then the tags. Any errors, for example with the pages, can be found in the Jekyll logs. That way I was able to solve problems myself. If you run Jekyll via Docker you can see the logs with the docker logs command.
If you push the files directly via git after editing, there may be errors in the build logs (for example from Cloudflare pages). Furthermore, it is good to know that the paginate v2 plugin does not work with Github Pages but does work with Cloudflare pages and I thought also with Netlify

[jjude]

Thank you for the detailed post. I used this to setup my own digital garden based on obsidian and jekyll.

I have a question though: how are you managing images? As far as I can tell, for Obsidian images have to be within its vault, whereas Jekyll expects it be to outside of _notes folder.

[fictionbecomesfact]

@jjude Nice to hear. I place images in an assets folder at the same level as the _notes folder. In Obsidian you can then create the reference using a piece of HTML code: <img src="/assets/image.png"/>. In this way you will unfortunately not see the image itself within Obsidian. But I've included in my workflow that I always check the layout using a local Jekyll docker container before pushing changes and that works fine for me.

[Beingpax]

Hi! Thanks for the detailed post. I was able to create a digital garden. But there's a small problem. All of my files are not being uploaded/shown by cloudfare or netlify.

I have like 370 notes in repository but only around 70 are shown in the actual site. I'm frustrated as I can't seem to find any solution.

[fictionbecomesfact]

@Beingpax That is strange indeed. I now have 46 notes on Cloudflare so I hope I can get past 70 :) I would start by going through the logs. You may have already done this.

• If you also have Jekyll running locally with Docker you can view the logs with the docker logs command.
• If you push the files directly via git after editing, there may be errors in the build logs (for example from Cloudflare pages).

The problem could be caused by a specific note. In that case you could see what happens if you add the notes in parts (for example per 10 notes). Good luck and I hope you can solve the problem.

[Beingpax]

Got the solution. It was due to incorrectly formatted YAML frontmatter in most of notes. I edited all the notes and its working now. Thanks for your setup tutorial

[serpro69]

Hi @fictionbecomesfact , thanks for the write up on how to set this up. Do you by any chance have the obsidian vault with these notes open-sourced?

[juliohomus]

Hi! @fictionbecomesfact I'm planing on using this solution to create documentation for a graphical open-source software, but I'm having trouble dealing with jekyll limitations with obsidian special markdown. I tried searching for solutions but I noticed I could mess things up very easily, just by writing a wrong (i suppose) line for callouts substitute, cloudflare was unable do deploy the page. So, is there any tip as how I can better integrate obsidian with jekyll?

[fictionbecomesfact]

@juliohomus this is indeed a nice solution for documentation. Mainly because of its simplicity. Since I almost only use standard markdown, I haven't experienced this kind of problem myself. So unfortunately I don't have any tips to give you. You may be able to find another solution (or template) with more possibilities, it was also a quest for me to find the right solution (see also this note)

@serpro69 I see I'm a bit late with my response but I don't share my vault (via GitHub for example) because it also contains unpublished notes. My workflow is that I indicate this per note in the frontmatter (published: false)

[BahneGork]

hey there, I also tried jekyll and netlify. Im still not sure i completely understand how things work, but i do have notes published now.

However i am not satisfied with they design/layout of the site, the neverending scrolling of posts etc... do you know how i can change the design/layout?

my netlify site https://gmnotesarendur.netlify.app/

[Cormacauty]

Hello, thank you for your guide! I wondered if you might kindly be able to give me some advice. I use Obsidian, GitHub and Cloudflare Pages all from an iPad, but at present don’t know how to link Obsidian with the other two. I’m getting the impression I might be constrained by not being able to install desktop applications and prerequisites, but I’m not sure. It might be easier for me to just use basic html code for different pages and do it all more manually.

[fictionbecomesfact]

@Cormacauty Unfortunately I have little experience with an iPad. But I have all Obisidian notes on a network share. With Syncthing I ensure that these notes sync with all the devices I use Obisidan on. This way, for example, I can edit notes with the Obisidian Android app and after Syncthing has done its work, GitHub Desktop on Windows sees the changes and I create a new commit there and perform a push origin