first post again
6 mins read ·
Create a new post for a new Hugo site (again) with minimum customization.
To create a Hugo site and deploy it to GitHub following steps are for Windows 11.
- Open File Explorer.
- Navigate to a drive or folder.
- Right click, Show more options, Open Git Bash here.
- Clone new GitHub repository.
$ git clone https://github.com/dudung/bug2 bug2 Cloning into 'bug2'... remote: Enumerating objects: 4, done. remote: Counting objects: 100% (4/4), done. remote: Compressing objects: 100% (4/4), done. remote: Total 4 (delta 0), reused 0 (delta 0), pack-reused 0 (from 0) Receiving objects: 100% (4/4), done.
- Create a new Hugo site.
$ hugo new site bug2 --force Congratulations! Your new Hugo site was created in M:\bug2. Just a few more steps... 1. Change the current directory to M:\bug2. 2. Create or install a theme: - Create a new theme with the command "hugo new theme <THEMENAME>" - Install a theme from https://themes.gohugo.io/ 3. Edit hugo.toml, setting the "theme" property to the theme name. 4. Create new content with the command "hugo new content <SECTIONNAME>\<FILENAME>.<FORMAT>". 5. Start the embedded web server with the command "hugo server --buildDrafts". See documentation at https://gohugo.io/.
- Change active directory to the newly created folder.
$ cd bug2
- Create a new theme
$ hugo new theme default Creating new theme in M:\bug2\themes\default
- Edit
hugo.toml
as follow.baseURL = 'https://dudung.github.io/bug2' languageCode = 'en-us' title = 'bug 2' theme = 'default' enableEmoji = true ignoreErrors = ['error-missing-instagram-accesstoken'] [taxonomies] author = "authors" tag = "tags" category = "categories" [[menu.main]] name = 'Home' weight = 1 identifier = 'home' url = '/'
- Create a new post.
$ hugo new posts/00/first-post-again.md Content "M:\\bug2\\content\\posts\\00\\first-post-again.md" created
- Edit the post, which is this one.
- Remove sample posts in newly created theme.
$ rm themes/default/content -r
- Create
footer.html
file.$ mkdir layouts/partials $ cp themes/default/layouts/partials/footer.html layouts/partials
- Edit the file.
<p> Copyright Sparisoma Viridi {{ now.Year }}. All rights reserved. Unless stated otherwise in a post. </p>
- Start Hugo server including draft posts.
$ hugo server -D Watching for changes in M:\bug2\{archetypes,assets,content,data,i18n,layouts,static,themes} Watching for config changes in M:\bug2\hugo.toml, M:\bug2\themes\default\hugo.toml Start building sites … hugo v0.124.1-db083b05f16c945fec04f745f0ca8640560cf1ec+extended windows/amd64 BuildDate=2024-03-20T11:40:10Z VendorInfo=gohugoio | EN -------------------+----- Pages | 16 Paginator pages | 0 Non-page files | 0 Static files | 1 Processed images | 0 Aliases | 0 Cleaned | 0 Built in 9 ms Environment: "development" Serving pages from disk Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender Web Server is available at http://localhost:1313/bug2/ (bind address 127.0.0.1) Press Ctrl+C to stop
- Open an internet browser and visit
http://localhost:1313/bug2/
. - Stop the server by pressing Ctrl+C.
- Create .gitignore file.
# shortcuts cmd.lnk # folders public slides
- Update GitHub repository
https://github.com/dudung/bug2
.$ git add . warning: in the working copy of 'archetypes/default.md', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'content/posts/00/first-post-again.md', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'hugo.toml', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'layouts/partials/footer.html', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/LICENSE', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/README.md', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/archetypes/default.md', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/assets/css/main.css', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/assets/js/main.js', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/hugo.toml', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/layouts/_default/baseof.html', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/layouts/_default/home.html', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/layouts/_default/list.html', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/layouts/_default/single.html', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/layouts/partials/footer.html', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/layouts/partials/head.html', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/layouts/partials/head/css.html', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/layouts/partials/head/js.html', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/layouts/partials/header.html', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/layouts/partials/menu.html', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/layouts/partials/terms.html', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'themes/default/theme.toml', LF will be replaced by CRLF the next time Git touches it $ git commit -a -m "new files" [main 0da303d] new files 25 files changed, 299 insertions(+) create mode 100644 .gitignore create mode 100644 .hugo_build.lock create mode 100644 archetypes/default.md create mode 100644 content/posts/00/first-post-again.md create mode 100644 hugo.toml create mode 100644 layouts/partials/footer.html create mode 100644 themes/default/LICENSE create mode 100644 themes/default/README.md create mode 100644 themes/default/archetypes/default.md create mode 100644 themes/default/assets/css/main.css create mode 100644 themes/default/assets/js/main.js create mode 100644 themes/default/hugo.toml create mode 100644 themes/default/layouts/_default/baseof.html create mode 100644 themes/default/layouts/_default/home.html create mode 100644 themes/default/layouts/_default/list.html create mode 100644 themes/default/layouts/_default/single.html create mode 100644 themes/default/layouts/partials/footer.html create mode 100644 themes/default/layouts/partials/head.html create mode 100644 themes/default/layouts/partials/head/css.html create mode 100644 themes/default/layouts/partials/head/js.html create mode 100644 themes/default/layouts/partials/header.html create mode 100644 themes/default/layouts/partials/menu.html create mode 100644 themes/default/layouts/partials/terms.html create mode 100644 themes/default/static/favicon.ico create mode 100644 themes/default/theme.toml $ git push Enumerating objects: 43, done. Counting objects: 100% (43/43), done. Delta compression using up to 16 threads Compressing objects: 100% (29/29), done. Writing objects: 100% (42/42), 7.11 KiB | 2.37 MiB/s, done. Total 42 (delta 1), reused 0 (delta 0), pack-reused 0 remote: Resolving deltas: 100% (1/1), done. To https://github.com/dudung/bug2 6915531..0da303d main -> main
- Visit
https://github.com/dudung/bug2/settings/pages
. - Change Source to GitHub Actions from previously Deploy from a branch to.
- Visit
https://github.com/dudung/bug2/actions/new
. - Type 'hugo' on Search workflows field.
- Click Configure on Hugo workflow.
- Edit as necessary and then click Commit changes…, the green button.
- Visit GitHub Pages
https://dudung.github.io/bug2/
.
Futher information about customization Hugo template can be found 1.
Pedro Lopez, “Creating a Hugo Theme From Scratch”, Retrolog.io, 25 Jan 2020, url https://retrolog.io/blog/creating-a-hugo-theme-from-scratch/ [20241011]. ↩︎