Why the web pages I generated are different from those rendered by Hugo?

Hi,

After I operate according to quick start, hugo server, I got a very pretty page.
Like this: https://themes.gohugo.io/hugo-papermod/
Sorry, I can only upload one picture as a new user.

But after I build, I got a very crude page (public/index.html):

hugo

Did I do something wrong?

This is my config.toml

# General
baseURL = "https://example.com"
languageCode = "en_us"
title = "See, Hear, Think, and Record"

# Appearance
theme = "papermod"

My input steps:

> hugo new site test
> cd test
> git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/papermod
> echo `theme = papermod` >> config.toml
> hugo new posts/test.md

# Modify the draft tag of test (draft: false)

> hugo server

# It looks great, then I run hugo
> hugo
Start building sites …

                   | EN
-------------------+-----
  Pages            | 10
  Paginator pages  |  0
  Non-page files   |  0
  Static files     |  7
  Processed images |  0
  Aliases          |  2
  Sitemaps         |  1
  Cleaned          |  0

# I got a public directory, the index.html inside is just like the one above.

What is the actual baseURL value?

If you are publishing to a subdomain or the directory of a domain, here are a few reasons why the CSS stylesheet is 404 when the site is generated: https://github.com/gohugoio/hugoThemes#common-permalink-issues

If the above link does not help you fix the issue you encountered, then you will need to share the source code of your project for people in this forum to see what’s going on.

Thank you!!!

It turned out to be bareurl problem. I have been testing it for two days, because I only test locally QAQ.

My website URL is https://xzen.cc and there is no content yet, you are welcome to check it out if you are free.