Updating to Nextra
Updatied my site to Nextra (opens in a new tab)
Reasoning Wanted to use images in my blog
Working Notes
After Nextra Update Checklist
-
Update the
theme.config.js -
Make the features shown on https://nextra.site/ (opens in a new tab) available
-
Do some design changes in figma and code the ideas out
-
Think about what's next for the technology I'm learning about
Notes on the process
Working through the checklist
-
Update the
theme.config.js-
I wish there were more setting available here.
-
Digging the sytax highlighting and images 😄
-
-
Make the features shown on https://nextra.site/ (opens in a new tab) available
-
Some features are just for the docs theme so I'll stick to what I need for the blog. First I'll need to get search going. Wait, search doesn't appear to be available for the Blog Theme, just the Docs Theme 🙁 or maybe I just haven't figured to a way to add this.
-
It seems like most of the links on https://nextra.site/ (opens in a new tab) direct you to the Docs Theme
-
-
Do some design changes in figma and code the ideas out
Here's a design, that I would like to apply to my site.
Adding my name and an icon to the header, moving the menu items above the page title
Some things I would expect to work while updating my website header
- Inspecting elements in my browser and then finding them in my repo. 🕵🏻♀️
Searching in the repo doesn't reveal an <h1>, About keywords or any kind of data binding. The index.mdx is the default homepage and also the About page. I'll have to dig in more as to how the code is generating the markup for the site.
Alright so what I am trying to do?
- Think about what's next for the technology I'm learning about