Compare commits

...

3 Commits

Author SHA1 Message Date
Franz Klotsche
bf3126ea00 .gitignore 2025-11-09 20:05:24 +01:00
Franz Klotsche
a9053b6b26 Remove .DS_Store file 2025-11-09 20:04:28 +01:00
Franz Klotsche
2df409d54d README rodneymaiato.dev 2025-11-09 20:01:52 +01:00
3 changed files with 30 additions and 0 deletions

BIN
.DS_Store vendored

Binary file not shown.

2
.gitignore vendored Normal file
View File

@@ -0,0 +1,2 @@
.DS_Store

28
README_bootstrap-module Normal file
View File

@@ -0,0 +1,28 @@
Simplified steps:
Step 1 - Initialize Your Project as a Hugo Module
Open your terminal. Use the command hugo mod init github.com/your-username/repository-name, replacing “your-username” and “repository-name” with your GitHub information.
This creates a file called go.mod in your projects root.
Step 2 - Add Hugo Bootstrap Module to Your Config File
Locate your projects configuration file, which could be named config.toml or hugo.toml.
Add the following code in the .toml format, or adjust if you prefer YAML or JSON:
[module]
[[module.imports]]
path = "github.com/gohugoio/hugo-mod-bootstrap-scss/v5"
Step 3 - Update the Added Module#
In your terminal, run hugo mod get -u.
This command downloads the module to your project, and youll find a new file called go.sum in your projects root.
Step 4 - Create SCSS and JS Files in the Assets Directory#
Inside your project, create a folder named “scss” in the assets directory.
In the “scss” folder, create a file named “styles.scss”.
Create another folder in the assets directory named “js”.
In the “js” folder, create a file named “index.js”.
You should now have these files: /assets/scss/styles.scss and /assets/js/index.js.
Step 5 - Add CSS and JS Links in Your Projects Head#
In the head section of your website, add links to the files created in step 4. This allows your pages to access the SCSS and JS files for styling and functionality.
More code I do not yet understand just above the closing head tag (</head>)