portio-hugo icon indicating copy to clipboard operation
portio-hugo copied to clipboard

Page rendering stays empty

Open niklas-fischer opened this issue 3 years ago • 4 comments

If I create a file in the content directory (let's call it whatever.md) and use hugo server to render the page for editing, I cannot access the page using localhost:1313/whatever/ - it remains white/empty. This also doesn't work if I create a folder named whatever under content and rename the file to index.md or _index.md. Am I doing something wrong or is this an error?

Hugo Version: hugo v0.82.0-9D960784+extended windows/amd64 BuildDate=2021-03-21T17:28:04Z VendorInfo=gohugoio OS: Windows 10.0.19042 Build 19042 (Pro)

niklas-fischer avatar Mar 29 '21 12:03 niklas-fischer

If you want your whatever.md as a blog post, then your file structure will be content>blog>whatever.md... then you can see the page on localhost:1313/blog/whatever/. OR If you want it as portfolio post then it will be in content>protfolio>whatever.md... if you want example. .... OR if you want a new page like localhost:1313/whatever/ then create a new folder inside layout name it whatever, in that folder create a file named list.html where you have to define that page as main {{ define "main" }} <>...your HTML code...</> {{ end }}...Bla Bla Bla... PLZ read the documentation for more info.

juhair-cupcake avatar Mar 29 '21 13:03 juhair-cupcake

Thanks for your answer! If I understand you correctly, there's so far no template for a page like privacy, imprint or comparable, if I don`t make a blog post out of it or create a specific HTML file as you described?

niklas-fischer avatar Mar 29 '21 13:03 niklas-fischer

This theme doesn't have any privacy, imprint or comparable page. If you want those pages you need to create them as a new page from scratch. Because "privacy and policy" is not a blog post, it's a unique page... Directory Structure Doc.

juhair-cupcake avatar Mar 29 '21 13:03 juhair-cupcake

Hi, here are 2 workable solutions

The long way:

  1. Create layout/privacy-policy/list.html(By copying the blog list template or creating your own) then content/privacy-policy/_index.md This means each new page will require their own list template and _index.md eg (layout/imprint/list.html → content/imprint/_index.md), (layout/pivacy-policy/list.html → content/privacy-policy/_index.md) and so on

The short simple way:

  1. Copy the blog's list.html template
  2. Create a new directory with the name "page" in layout(layout/page
  3. Paste the blog's list template copy in the new directory(layout/page/list.html).
  4. Edit it to suit your needs eg changing the breadcrumb structure
  5. Create a new directory under content with the name "page" (content/page)
  6. Then set the permalink structure on config.toml as [permalinks] page = '/:title' In order to route from https://examplesite.com/page/privacy policy → https://examplesite.com/privacypolicy
  7. You can then create pages in /content/page and they should be rendered as portio.com/privacy-policy eg content/page/privacy-policy.md → https://examplesite.com/privacy-policy.md

if either of these work, kindly close this issue.

stephenajulu avatar Oct 04 '21 09:10 stephenajulu