· 2 min read
Updating to Nextra
Updatied my site to Nextra
Reasoning Wanted to use images in my blog
Working Notes
After Nextra Update Checklist
Update the
theme.config.jsMake the features shown on https://nextra.site/ 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.jsI wish there were more setting available here.
Digging the sytax highlighting and images 😄
Make the features shown on https://nextra.site/ 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/ 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
