StaticMania / portio-hugo

Portio Hugo is a simple, minimal and responsive Portfolio Hugo Theme. Portio Hugo is well organized, well-formatted, and named accordingly so it’s easy to change any and all of the design. Portio is built with Bootstrap 4. You can customize it very easily to fit your needs.
https://portio-hugo.staticmania.com/
MIT License
450 stars 290 forks source link

Page rendering stays empty #35

Open niklas-fischer opened 3 years ago

niklas-fischer commented 3 years ago

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)

juhair-cupcake commented 3 years ago

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.

niklas-fischer commented 3 years ago

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?

juhair-cupcake commented 3 years ago

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.

stephenajulu commented 3 years ago

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.