Due Date:: `YYYY-MM[-DDTHH:mm:ss]` Completed Date:: [[2022-09-11 Daily Note|2022-09-11]] Link:: Related Goals:: People:: Organizations:: up:: [[Projects MOC]] # Personal Site Redesign ## Overview I want to move away from webflow and build a simpler, static site for my articles and stuff. ## Lessons Learned Hugo archetypes are templates for different content types. They allow you to configure different frontmatter. ^q6nflg - [[Hugo Archetypes]] Each directory within the `content/` directory defines a different content section (like tutorials, articles, etc.), and this is used to determine a content's content type. ^osbj77 - [[Hugo Project Architecture]] [Page Bundles](https://gohugo.io/content-management/page-bundles/) are a way to organize pages. Branch bundles are used for a home page, section page, taxonomy terms, etc. (these are _list pages_) and must contain at least an `_index.md` file. Leaf bundles contain at least an `index.md` file and define a regular page. These aren't required organization methods, however. This all occurs within the `content/` directory. ^r3l76i - [Examples](https://www.ii.com/hugo-bundles/#_two_examples_without_resources) ^505b0f - [[Hugo Project Architecture]] To set up a menu section with Terminal, set it up in `config.toml` like so: ```toml [[languages.en.menu.main]] identifier = "showcase" name = "Showcase" url = "/showcase" ``` ![[Personal Site Redesign#^njyl78]] A shortcode is a repeatable snippet for content, while a partial is the same thing for templates. - [Source](https://gohugo.io/content-management/shortcodes/) ## Resources [Terminal theme](https://github.com/panr/hugo-theme-terminal) URL: erisianrite.com ## Project Plan Build out the rough structure of tasks to do for this project. These should be decomposed into intermediate and, ultimately, atomic tasks, the latter of which (previously referred to as "daily tasks") should be dated and added to Todoist, then linked to in the project notes. - [x] Select site generator - Hugo - Netlify or Github pages for hosting ```todoist { "name": "Personal Site Redesign", "filter": "#Personal Site Rebuild" } ``` ## Designs ### Theme choices Going to go with [Terminal](https://themes.gohugo.io/themes/hugo-theme-terminal/). Others I like include [Shell](https://themes.gohugo.io/themes/hugo-theme-shell/) and [Risotto](https://risotto.joeroe.io/about/). ### Navigation Header - About - Posts - An alphabetical list of posts by title? - Outside writings - Links to articles I've written elsewhere - Projects - Public projects - Notes ## Questions How do you define a single page section? - Use a content directory with just an index.md ## Journal ## [[2023-07-16 Daily Note|2023-07-16]] Today I discovered that URLs don't work quite right, and this may be a hugo thing? kylestratis.com is the alias for erisianrite.com and as such all links should come through kylestratis.com when accessed that way. The codex doesn't because Obsidian only supports 1 URL for Obsidian Publish, but internal post links all resolve to erisianrite.com while navigation links do not. ### [[2022-08-30]] Created a shortcode `{{< disclosure >}}` for affiliate disclosure, started porting pt 2 of information operating sysetm over. ### [[2022-08-21]] Finally figured out the domain settings for the non-www URL in Namecheap. The ALIAS record's host has to be `@`, and then you can point it to the Netlify load balancer. ^njyl78 I also moved kylestratis.com and erisianrite.com both to Cloudflare's nameservers. This made setting up SSL much easier and once everything propagated, https **just worked** for my Obsidian notes and for the main site. ### [[2022-08-20]] I deployed the site to Netlify today! It was pretty easy. I had trouble getting the theme to work, but updating the `baseUrl` to `http://www.erisianrite.com/` got it to work. The www was needed because the DNS alias for `erisianrite.com` without the `www` hasn't propagated yet. ### [[2022-07-18]] Beginning [[Obsidian to Hugo Linter]] ### [[2022-07-06]] Going to try and build out links to my external writing. ### [[2022-06-04]] Alternative URL: erisianrite.com, title Rites of Eris (or keep Principia Programmatica) - Forming order from chaos, and chaos from order ### [[2022-05-27]] Read docs, did initialization of site, and selected a theme.