Skip to content
This repository was archived by the owner on Dec 20, 2021. It is now read-only.
This repository was archived by the owner on Dec 20, 2021. It is now read-only.

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

Description

@GregHilston

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!

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions