uPagge/uBlogger

[Question] How to display one's `featured-image.jpg` at the top of a post, as well as the table of contents

Closed this issue · 0 comments

Describe the bug question

Hey so I've been following your example site and have been looking at how you've written a post which is shown here as well as your config.toml.

I haven't been able to figure out how to display the featured-image.jpg at the top of one's post automatically as well as display the table of contents along the side of my post.

I don't see you specifically embedding these features in each individual post, so I am figuring there's a specific spot in your config where you turn this on automatically.

Example config.toml

baseURL = "https://www.greghilston.com/"
languageCode = "en-us"
title = "Greg Hilston"
theme = "uBlogger"
disqusShortname = "greghilston"
googleAnalytics = ""

[Taxonomies]
	tag = "tags"
	series = "series"

[params]
    author = "Greg Hilston"
    showBorder = true
    version = "2.0.X"

    [params.home]
        rss = 10
        [params.home.profile]
            enable = true
            social = true

    [params.page]
        # whether to show link to Raw Markdown content of the content
        linkToMarkdown = true

    [params.page.toc]
        # whether to enable the table of the contents
        enable = true

        # whether to keep the static table of the contents in front of the post
        keepStatic = false

        # whether to make the table of the contents in the sidebar automatically collapsed
        auto = true

    [params.summary]
        hiddenImage = false
        hiddenDescription = false
        hiddenTitle = false

    [params.search]
        enable = true

        # type of search engine ("lunr", "algolia")
        type = "algolia"

        # max index length of the chunked content
        contentLength = 4000

        # placeholder of the search bar
        placeholder = ""
        # 0.2.1 max number of results length
        maxResultLength = 10

        # snippet length of the result
        snippetLength = 30

        #HTML tag name of the highlight part in results
        highlightTag = "em"

        # whether to use the absolute URL based on the baseURL in search index
        absoluteURL = false

[Permalinks]
    blog = "/:year/:month/:filename/"
    code = "/:filename/"

[[menu.main]]
    url = "/"
    name = "Home"
    weight = 1

[[menu.main]]
    url = "/post/about/"
    name = "About"
    weight = 2

[[menu.main]]
    url = "/post/"
    name = "Posts"
    weight = 3

[[menu.main]]
    url = "/tags/"
    name = "Tags"
    weight = 4

[[menu.main]]
    url = "/categories/"
    name = "Categories"
    weight = 5

# [[menu.main]]
#     url = "/project/"
#     name = "Projects"
#     weight = 6

[[menu.main]]
    url = "https://GregHilston.com/Greg_Hilston_Resume.pdf"
    name = "Resume"
    weight = 7

[params.social]
    Github = "GregHilston"
    Linkedin = "greghilston"
    Twitter = "GregHilston"
    Email = "Gregory.Hilston@gmail.com"

[params.page.math]
    enable = true

    # KaTeX extension copy_tex
    copyTex = true

    # KaTeX extension mhchem
    mhchem = true

[params.page.code]
    # whether to show the copy button of the code block
    copy = true

    # the maximum number of lines of displayed code by default
    maxShownLines = 10

[params.page.share]
    enable = true
    Twitter = true
    Facebook = true
    Linkedin = false

[markup]
    [markup.highlight]
        codeFences = true
        guessSyntax = true
        lineNos = true
        lineNumbersInTable = true
        # false is a necessary configuration
        noClasses = false

An example of the top of a blog post

---
title: "How To Right Click To Paste In Vim"
date: 2021-05-11
tags: [vim]
resources:
- name: "featured-image"
  src: "featured-image.png"
featured-image-source: https://res.cloudinary.com/campbellsci/image/upload/w_300,h_300,c_limit,f_auto/8463.png
draft: false
---

A simple fix for right clicking to paste in Vim

<!--more-->

<more is written down here but its the blog post's content>

Expected behavior

I expect the featured-image.jpg to be visible at the top of each of my page's individual page.

I expect the table of contents to be visible in each of my posts.

Screenshots

N/A

Build Environment

  • Pop OS 20.10
  • 2.02
  • v0.83.1

Please try to use Hugo extended version before opening the issue.

Preview Environment

Same as above

Additional Information

I imagine this is not a bug but rather a misunderstanding on how I should configure my config.toml file

Any help would be super appreciated!