GithubHelp home page GithubHelp logo

fleetingnotes / fleeting-notes-quartz Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jackyzha0/quartz

0.0 0.0 0.0 8 MB

Notes that extend your brain

Home Page: https://fleetingnotes.app

License: MIT License

JavaScript 23.47% SCSS 42.71% HTML 32.41% Makefile 1.41%

fleeting-notes-quartz's People

Contributors

adube avatar aidenybai avatar benbohmer avatar brandonkboswell avatar brechtcs avatar bur3ku avatar claudio4 avatar dhammacharts avatar earnestma avatar exu3 avatar geoffreygarrett avatar jackyzha0 avatar juaoose avatar matthewwong525 avatar meleu avatar pranavm7 avatar ransurf avatar rphla avatar saberzero1 avatar siyangsun avatar slrvb avatar straightupjac avatar vincenthuang75025 avatar y1450 avatar yshalsager avatar

fleeting-notes-quartz's Issues

set up netlify split testing and GA integration

https://docs.netlify.com/site-deploys/split-testing/

Netlify tasks

  1. Log into netlify using your github acct and see if you can access the `
  2. create a new branch called john-ui-improvements
  3. Add the branch to netlify split testing (and test that it actually works)
  4. Once you finish it set the split to 50-50 with hugo branch and john-ui-improvements branch
  5. From now on work from this branch for future changes in quartz

integrate with google analytics

  1. add dimensional data to GA in quartz repo
  2. see that the branch being tracked is sent to bigquery. Dataset is fleetingnotes-22f77.analytics_309455445

Open Source NextJS Obsidian Blog

Is your feature request related to a problem? Please describe.

  • Hard to configure Hugo html and add reusable components.
  • #17
  • Better UI
  • put in your Obsidian vault and you're good. No changes necessary. also support images, gifs, etc.

Describe the solution you'd like

  • Next JS blog with backlinks + normal links (statically generated) & link previews on hover
  • open source blog post & documentation on how to get started
  • a _public folder with subdirectories for the path
  • Obsidian Export > Post Processing (remove .md from links) > Remark > NextJS

Nice to haves: (or future TODOs)

  • Config to grab markdown from github repo
  • maybe a search feature

Describe alternatives you've considered

How to take Fleeting "programming" Notes in Obsidian

While programming, I often spend a lot of time searching for things that I already know. Which is why taking programming notes can be so useful. It creates a personalized "cache" of notes. But how do I create meaningful programming notes that I can always go back to? Well stay here to find out!

To create programming notes, I always start off with a title. I typically start with "how to" and end with "in {insert relevant language / framework}". This title succinctly explains the solution to the problem and makes searching easy. For example: "How to center a div in javascript".

Then I create step-by-step instructions on how to solve the particular "how to". While writing, I keep things as dumb as possible because I know my future self will have no idea what I'm writing about. Typically I:

  • Add code snippets when relevant
  • Use numbered steps so i can easily scan the answer
  • Include the source to where i found the solution

For more complicated notes, I take advantage of linking notes. With linking, I reduce the amount I need to write in the note by expanding on the context in another note. The powerful thing about this is that I can reuse my notes just like how I reuse functions while coding!

So where does Obsidian come into this? Well with the Fleeting Notes app, notes can be synced with Obsidian through the FN plugin. This way all notes taken within the Fleeting Notes will be automatically transferred into Obsidian!

I want to embed other notes

Is your feature request related to a problem? Please describe.
When writing atomic notes, i'd like to be able to show previews of other notes within the currently viewed note. In obsidian it's normally done like ![[link]]. Essentially I want the same support for quartz. This covers the use case where I can embed a note that's super relevant and the user can see it without needing to hover over the note.

Describe the solution you'd like

See example: https://notes.aadam.dev/TrU0OxcmyepG9PBaJ3ZoH/ (programming)

blog post about taking youtube notes in Obsidian in 30 Seconds

Right now, taking notes from youtube to Obsidian sucks. To take YT notes, I need to manually copy the timestamp of the video, annotate the video with the correct timestamp, and put all of this in Obsidian. If I don't keep track of the timestamp, coming back to the video requires me to sift through the video to find where my note is referencing. I don't like this manual work so I decided to add a better way in Fleeting Notes.

When taking YT notes in FN, the YT timestamp is automatically added to the source URL. This way timestamps are located within the links themselves. And thanks to youtube's timestamp feature, videos play at the exact time specified within the link. Additionally, I can turn on a setting that automatically fills the source URL when I add a note. Which further simplifies this process.

When combined with the automatic Obsidian sync, I don't need to worry about capturing the timestamp, URL or integrating the note to my knowledge base. I can finally focus on the one thing that matters--writing notes.

You lose out on 90% of what you learn on the internet

We take notes while learning in the classroom but we don't do the same while we come across interesting content on the internet. Why is that?

For most people it's probably because you don't care about learning. But for some people like me who is a keener and has a poo poo memory we want to be able to retain important information because more often than not information goes in through one ear and out through the other.

https://medium.com/@WeAreHowDoI/what-you-need-to-know-about-the-curve-of-forgetting-dff1bb3e6d26

implement giscus for my blog posts

https://github.com/giscus/giscus

<script src="https://giscus.app/client.js"
        data-repo="fleetingnotes/fleeting-notes-quartz"
        data-repo-id="R_kgDOHKigvA"
        data-category="Announcements"
        data-category-id="DIC_kwDOHKigvM4CQjum"
        data-mapping="pathname"
        data-strict="1"
        data-reactions-enabled="1"
        data-emit-metadata="0"
        data-input-position="top"
        data-theme="light"
        data-lang="en"
        data-loading="lazy"
        crossorigin="anonymous"
        async>
</script>

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.