How To Make A Hugo Blowfish Website
HTML-код
- Опубликовано: 28 июн 2024
- This is a tutorial on how to make a Hugo website using the Blowfish theme.
Timestamps:
00:00 Overview
00:17 Prerequisites
03:29 Install
06:15 Setting Up The Site
08:44 Config Files
11:40 Navigation Bar
17:11 Page Appearance Config
23:51 Creating Pages
28:44 Custom Code/Text Alignment
36:33 Hosting
38:05 Outro
Requirements:
go.dev/
git-scm.com/
gohugo.io/
Code editor of your choice
Developer Documentation:
blowfish.page/ - Наука
Update - 04/2024
This video has been getting a lot more views recently, so now's a good time for an update on how things are going. At some point, I'll be making a part 2 to cover some of the finer points of the platform.
It's been working great so far, and I'm getting ready for a significant expansion of the site. There's a lot of features that I haven't had a chance to use yet, but will be working on in the near future. If you're considering using a SSG, this is a solid choice.
Thank you Mr. Harris for a such a nice tutorial. I was able to learn a lot from this video. :) Keep it up.
Thank you sir!
Awesome starting. This version of hugo does not work well with Linux right now though.
That's unfortunate. Thanks for letting me know.
Nice tutorial, Could you explain how to use carousel? Thanks
Sure thing. I'll test it on my site to make sure I have it working properly and then I'll paste the code here with instructions.
@@KenHarrisio hello did we end up doing that lol
@@prestontai3619 Damn lol, you got me on that one. I remembered this comment last week and that I needed to reply to it. I haven't done any testing with carousels yet, but once I do and get it figured out, I'll come back here and comment and paste the code in and tag both of you so you can see it.
@@KenHarrisio I believe you just paste the shortcodes provided by the blowfish docs within the markdown files. But I am having trouble with where I should put my actual image files.
@@prestontai3619 I did some experimentation on this and got it working (haven't posted anything to the public facing site yet though). A folder called "gallery" needs to be created inside of each page folder where you want to have the carousel. Then you can either have it display certain images or have it display them all:
{{< carousel images="{gallery/*}" >}} }}
8:04 - Using Hugo (extended) 0.125 in Linux (Ubuntu) gives the previous 'page not found' error. Works fine in Windows.
In Windows it also gave a 'WARN Module "blowfish" is not compatible with this Hugo version: 0.87.0/0.125.4; run "hugo mod graph" for more information.' but still seemed to work.
Unsure if this is Hugo being pants or Blowfish. Either way, seems frustrating. Was hoping to get this working in Linux.
Damn, that's unfortunate. When I have some time, I'll see if I can fire this up on Linux and figure out if there's a fix.
I don't know enough about Hugo to diagnose what the problem is. Does it give verbose log information, eg, 'trying to look here for this file .. didn't find it .. looking here for this .. didn't find it .. ' etc?
@@chrisjlocke I'm not sure about that either. The site that I made is my first time working with the platform. I spent a weekend last month going through documentation and was focused on the design aspect, but didn't read anything specific about errors.
What about deploying using Codespaces with the template? Did you try that?