modify config & about page

content/about.md

@@ -0,0 +1,19 @@
++++
+title = "About"
+date = "2024-05-27"
+aliases = ["about-us","about-hugo","contact"]
+[ author ]
+  name = "Peiran Du"
++++
+
+Hugo is the **world’s fastest framework for building websites**. It is written in Go.
+
+It makes use of a variety of open source projects including:
+
+* https://github.com/russross/blackfriday
+* https://github.com/alecthomas/chroma
+* https://github.com/muesli/smartcrop
+* https://github.com/spf13/cobra
+* https://github.com/spf13/viper
+
+Learn more and contribute on [GitHub](https://github.com/gohugoio).

hugo.toml

@@ -40,6 +40,13 @@ posts = "/posts/:year/:month/:title/"
 [blackfriday]
 hrefTargetBlank = true
 
+
+[taxonomies]
+category = "blog"
+tag = "tags"
+series = "series"
+
+
 [params]
 
 
@@ -105,14 +112,139 @@ justifyContent = false # Set "text-align: justify" to .post-content.
 # plausibleDataDomain = 'test.com'
 # plausibleScriptSource = 'https://plausible.io/js/script.js'
 
+[params.author]
+name = "Peiran Du"
 
-[taxonomies]
-category = "blog"
-tag = "tags"
-series = "series"
+# Custom footer 
+# If you want, you can easily override the default footer with your own content. 
+#
+[params.footer]
+trademark = 2024
+rss = true
+copyright = false
+author = true
+
+topText = []
+bottomText = [
+  "Powered by <a href=\"http://gohugo.io\">Hugo</a>",
+  "Made with &#10084; by <a href=\"https://github.com/dupeiran001/hugo-theme-hello-friend-ng\">Peiran Du</a>",
+]
+
+
+# Colors for favicons
+#
+[params.favicon.color]
+mask = "#1b1c1d"
+msapplication = "#1b1c1d"
+theme = "#1b1c1d"
+
+[params.logo]
+logoMark = ">"
+logoText = "$ cd $HOME/"
+logoHomeLink = ""
+# Set true to remove the logo cursor entirely.
+logoCursorDisabled = false
+# Set to a valid CSS color to change the cursor in the logo.
+logoCursorColor = "#88C0D0"
+# Set to a valid CSS time value to change the animation duration, "0s" to disable.
+logoCursorAnimate = "1.5s"
+# Append the current url pathname to logoText 
+logoCursorPathname = true
+
+
+# # # # # # # # # # # # # # # # # # # # # # # # # # # # #  
+# Addon: Startpage portrait 
+# # # # # # # # # # # # # # # # # # # # # # # # # # # # #
+# Uncomment this if you want a portrait on your start page
+#
+# [params.portrait]
+#   path     = "/img/image.jpg"
+#   alt      = "Portrait"
+#   maxWidth = "50px"
+
+# # # # # # # # # # # # # # # # # # # # # # # # # # # # #  
+# Addon: Commento
+# # # # # # # # # # # # # # # # # # # # # # # # # # # # #
+# Commento is more than just a comments widget you can embed — 
+# it’s a return to the roots of the internet. 
+# An internet without the tracking and invasions of privacy. 
+# An internet that is simple and lightweight. 
+# An internet that is focused on interesting discussions, not ads. 
+# A better internet.
+# Uncomment this to enable Commento.
+#
+# [params.commento]
+#   url = ""
+
+# # # # # # # # # # # # # # # # # # # # # # # # # # # # #  
+# Addon: Utteranc.es
+# # # # # # # # # # # # # # # # # # # # # # # # # # # # #
+# Utteranc.es is a lightweight comments widget built on GitHub issues.
+# See https://utteranc.es/ for documentation
+# Uncomment this to enable Utteranc.es.
+#
+# [params.utterances]
+#   Your GitHub repository
+#
+#   repository = ""
+#
+#   label used for GitHub issues
+#
+#   label      = ""
+# 
+#   Blog Post <-> Issue mapping. This parameter is optional. Possible values are:
+#      - pathname
+#      - url
+#      - title
+#      - og:title
+#      - issue number
+#      - specific term
+#
+#   issueTerm  = ""
+#
+#   Theme used: possible values are:
+#      - github-light
+#      - github-dark
+#      - preferred-color-scheme
+#      - github-dark-orange
+#      - icy-dark
+#      - dark-blue
+#      - photon-dark
+#      - boxy-light
+#      - gruvbox-dark
+#
+#   theme      = ""
+#
+
+
+# # # # # # # # # # # # # # # # # # # # # # # # # # # # #  
+# Addon: Social icons
+# # # # # # # # # # # # # # # # # # # # # # # # # # # # #
+#
+# [[params.social]]
+# name = "twitter"
+# url = "https://twitter.com/"
+
+[[params.social]]
+name = "email"
+url = "[email protected]"
+
+[[params.social]]
+name = "github"
+url = "https://github.com/dupeiran001"
+
+# [[params.social]]
+# name = "linkedin"
+# url = "https://www.linkedin.com/"
+#
+# [[params.social]]
+# name = "stackoverflow"
+# url = "https://www.stackoverflow.com/"
+#
 
 [languages]
 [languages.en]
+weight = 1
 title = "Welcome to My Homepage"
 copyright = '<a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" rel="noopener">CC BY-NC 4.0</a>'
 
@@ -121,16 +253,15 @@ subtitle = "A simple theme for Hugo"
 readOtherPosts = "Read other posts"
 keywords = ""
 
-[languages.en.params.logo]
-logoText = "cd $HOME/"
-logoHomeLink = "/blog/"
-# or
-#
-# path = "/img/your-example-logo.svg"
-# alt = "Your example logo alt text"
 
 # And you can even create generic menu
+[menu]
+[[menu.main]]
+identifier = "posts"
+name = "Posts"
+url = "posts/"
+
 [[menu.main]]
-identifier = "blog"
-name = "Blog"
-url = "/posts"
+identifier = "about"
+name = "About"
+url = "about/"