Archive
https://vscode/file/Users/omareid/Workspace/git/artifacts/habits/blogging.md:4:0 vscode://file/Users/omareid/Workspace/git/artifacts/habits/blogging.md:4:0
Overview
* [ ] Make a basic blog!
- Use these constructs to import / construct blog!! @done(2021-09-15T22:23:32-05:00)
Productivity
- Add to the front matter the local development link to see this page ... and the remote link other people see!
- Nice to See my initiatives / habits / etc as a private blog post ...
- Add link to the blog post to edit it locally with glue!
---
Mechanics
Analytics Components
- I need to see how people are engaging with the blog!
- Make sure I can track usage in google analytics! @done(2021-09-15T22:29:53-05:00)
Voting Components
- I should seek peoples inputs when prioritizing blog posts ...
- Add a page dedicated to voting with tiles ...
- I need to make clear what blog posts are comming soon and which ones are to be ..
Support Mechanic
- I should give people the option of supporting me!
- Add a support me button!
- https://www.paypal.com/donate/buttons
- Change the email ... to be related to the site ...
- Add a support me button!
Diagraming Mechanics
- I need the ability of having plantuml diagmras, mind maps , etc ...
- Add a plantuml button!
Embedded Tasks
- Similar to mermaid ... i need atasks ...
Temaplates / React Components
- I need to be able to leverage reusable components across blog pages ...
- Add a import/templating ability to include button on all pages! @done(2021-09-15T22:29:31-05:00)
Table Component
- Add a table mechanic where I can leverage MDX to insert content ... so the markdown tables don't get unmaintainable ... @done(2022-05-15 12:46 PM)
Navbar Extentions
- Figure out how to add image / custom html to navbar item @done(2022-05-15T13:58:04-05:00)
Link Mechanic
- Figure out how to five headers in md files custom ids ... @done(2022-05-15T13:58:03-05:00)
Layout / Outline
Sections
- What sections should I have in the blog? - [ ] Have an architecture section! - [ ] Should I have a notebooks section? - [ ] Need a coming soon section where people can vote on future posts ... - [ ] Have an initiatives section? - [ ] Have an blueprints/roadmap section?
Components
Desgin
- Add Mechanics to highligt dates like spacey!
- Add icons into blogs!
- Make the vote button and support button more appealing , inviting!
Analytics
Analyzing
- Make sure things are properly setup to track in google analytics ...
- See if I can add custom button click events ... - [ ] Hook up a simple dynmaodb counter? 1 vote per browser?
Dashboard / Analytics
- How much of the Google Dashboard Analytics should I expose?
- Should I have and host notebooks that I update periodically ...
- Make sure I can track engagment per post ...
- Make sure I can track votes!
Ingress
- I need to understand how users arrive at each of my posts ... - https://search.google.com/search-console/performance/search-analytics?resource_id=sc-domain%3Abytesofpurpose.com
- I need to figure out best terms to use in description for seo for each blog post ... - senior software engineer vs sde ... https://trends.google.as/trends/explore?geo=US&q=senior%20sde,senior%20software%20engineer - principal software engineer vs sde ... - https://trends.google.as/trends/explore?geo=US&q=Principal%20sde,Principal%20software%20engineer - entry level https://trends.google.as/trends/explore?geo=US&q=junior%20sde,junior%20software%20engineer,entry%20level%20software%20engineer
Theme
Look and Feel
- Need to add icons to home screen ...
- Need to add a link to the dashboard ...
- Need to change the order of the menu bar ... Posts > Ideas > Docs
- Subscribe to noun project ... https://thenounproject.com/checkout/subscription/individual/confirmation/ @done(2022-05-14 10:28 PM)
- Need my own favicon ...
- Get favicon for site ... @done(2022-05-14 10:47 PM)
- https://favicon.io/tutorials/how-to-add-a-favicon-to-a-website-ico-format/
- https://thenounproject.com/icon/idea-4826361/
- https://thenounproject.com/icon/binary-3994392/
- https://thenounproject.com/icon/arabesque-1180259/
- https://thenounproject.com/icon/arabesque-409294/
- https://thenounproject.com/icon/arabesque-1180256/
- https://thenounproject.com/icon/arabesque-1125708/
- https://thenounproject.com/icon/arabesque-102302/
- https://thenounproject.com/icon/arabesque-pattern-245392/
- https://thenounproject.com/icon/arabesque-409294/
- https://thenounproject.com/icon/arabesque-409258/
- https://thenounproject.com/icon/islamic-window-1156376/
- https://thenounproject.com/icon/arabesque-370007/
- https://thenounproject.com/icon/arabesque-1180259/
- https://thenounproject.com/icon/arabesque-409294/
- https://thenounproject.com/search/icons/?iconspage=2&q=binary
- https://thenounproject.com/icon/decode-2311447/
- https://thenounproject.com/browse/icons/similar/decode-2311447/?p=1
- https://thenounproject.com/icon/coding-3730790/
- https://thenounproject.com/browse/icons/similar/coding-3730790/?p=4
- https://thenounproject.com/icon/idea-4826361/
- Get icon for support button ...
- Get Images for rest of sections ...
Differentiating
- Right now ... I don't have a separate diagramming / documentation habit ... does blogging effectively mix the two?
Blogging
- Move my processes from blog to paper ...
- My ideation habbit is a whole process ... I can conver it into a olanning doc ...
- how many other habits are whole processes too?
- what are the root most topics in my blog?
- Software development, personal development, business development, process development? Spiritual Development? ...
- I need to find a better way to deal with images ... svg??? smaller in size?? especially of I make them in figma??
- Doesn't seem like I can export figjam to svg ... maybe only figma ...
----------
Blog
- incorporate svg into blog, test with puml
Migrate to docusaurus3
- Upgrade docusaurus @done(2025-02-02 12:57 AM)
Docusaurus Features
- See https://docusaurus.io/docs/markdown-features/inline-toc
- Look for themes ...
- Setup visual regression tests
Learnings
- Learning - pointing to a draft page will throw an error ...
-------
https://docusaurus.io/docs/next/sidebar/autogenerated Validate all folders have a README.mdx
-------
Blog
- Enhance Blog
- Add projects with designs the the blog