This lesson's interactive features are locked, please to keep using them

Generate Page

Time to generate and serve a webpage!

Assignment

Create an extract_title(markdown) function.
- It should pull the h1 header from the markdown file (the line that starts with a single #) and return it.
- If there is no h1 header, raise an exception.
- extract_title("# Hello") should return "Hello" (strip the # and any leading or trailing whitespace)
Write some unit tests for it.
Create an HTML file called template.html in the root of your project. Use the content found at the bottom of this page.
Create a content/index.md file. This is the main page of the site. Copy the contents from the bottom of this page.
Create a generate_page(from_path, template_path, dest_path) function. It should:
1. Print a message like "Generating page from from_path to dest_path using template_path".
2. Read the markdown file at from_path and store the contents in a variable.
3. Read the template file at template_path and store the contents in a variable.
4. Use your markdown_to_html_node function and .to_html() method to convert the markdown file to an HTML string.
5. Use the extract_title function to grab the title of the page.
6. Replace the {{ Title }} and {{ Content }} placeholders in the template with the HTML and title you generated.
7. Write the new full HTML page to a file at dest_path. Be sure to create any necessary directories if they don't exist.
Update main.py: after copying files from static to public, it should generate a page from content/index.md using template.html and write it to public/index.html.
Update your main.sh script to start a simple web server after generating the site. Use the same built-in Python server as before:

python3 src/main.py
cd public && python3 -m http.server 8888

Run the main.sh script, if everything goes well, you should be able to see your webpage at http://localhost:8888 in your browser! Keep in mind, none of the links will work, but the content should be there.
Inspect the page in your browser, as well as the raw HTML output. If you wrote really good unit tests, its likely that everything worked as expected. If you see any errors, debug and fix them!

Run and submit the CLI tests with the server running.

template.html

<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>{{ Title }}</title>
    <link href="/index.css" rel="stylesheet" />
  </head>

  <body>
    <article>{{ Content }}</article>
  </body>
</html>

content/index.md

# Tolkien Fan Club

![JRR Tolkien sitting](/images/tolkien.png)

Here's the deal, **I like Tolkien**.

> "I am in fact a Hobbit in all but size."
>
> -- J.R.R. Tolkien

## Blog posts

- [Why Glorfindel is More Impressive than Legolas](/blog/glorfindel)
- [Why Tom Bombadil Was a Mistake](/blog/tom)
- [The Unparalleled Majesty of "The Lord of the Rings"](/blog/majesty)

## Reasons I like Tolkien

- You can spend years studying the legendarium and still not understand its depths
- It can be enjoyed by children and adults alike
- Disney _didn't ruin it_ (okay, but Amazon might have)
- It created an entirely new genre of fantasy

## My favorite characters (in order)

1. Gandalf
2. Bilbo
3. Sam
4. Glorfindel
5. Galadriel
6. Elrond
7. Thorin
8. Sauron
9. Aragorn

Here's what `elflang` looks like (the perfect coding language):

```
func main(){
    fmt.Println("Aiya, Ambar!")
}
```

Want to get in touch? [Contact me here](/contact).

This site was generated with a custom-built [static site generator](https://www.boot.dev/courses/build-static-site-generator-python) from the course on [Boot.dev](https://www.boot.dev).

Tips

Some standard library docs that might be helpful: