saey55 / hugo-elate-theme

A one page parallax theme with animation for Hugo
MIT License
193 stars 103 forks source link

How can i create new post? #5

Open oleginishev opened 7 years ago

oleginishev commented 7 years ago

Hi, how can i generate new post? I mean I want add page for description item ( url = "#")

[[params.intro.item]] title = "test" description = "" url = "#"

virtualjj commented 7 years ago

Your issue was opened some time ago but in case you are still wondering...

  1. Check your version of hugo
  2. Create a new site
  3. Change directory to the themes folder.

image

  1. Confirm that you are in the root directory of your new site.
  2. Observe the small byte count for the default config.toml file.
  3. Copy the config.toml file from the /themes/hugo-elate-theme/exampleSite folder to your site's root directory.
  4. List your root directory contents again.
  5. Confirm the changed byte count for the copied over config.toml file.

image

  1. View the contents of the config.toml file that you copied over.

image

  1. At this point you can run your hugo server locally to view the site.
  2. Copy localhost:1313/

image

  1. Paste into your browser - the site should come up.

image

  1. Scroll down to the area you want to change - by default you'll see Plan,Develop, and Launch.

image

  1. Open up the config.toml file in your local site's root directory with your favorite editor and scroll down to the first [[params.intro.item]] which is Plan

image

15 Make some changes and save.

image

  1. Observe the change in your local site.

image

  1. You can add another one if you like - just add a new [[params.intro.item]] section and click save.

image

  1. Observe the change in your local site.

image

I hope this helps!

ludolac commented 7 years ago

Hi, I've check all 15 point below... I've same issue @umocolombo , I don't know how to create a new page...

I can create the page but have css issue, no header and footer in this new page. for example in your 3 items Plan/Develop/launch, i want to add new page for each items, so inside config.toml, i modify url inside each [params.intro.item]:


  [[params.intro.item]]
    title = "Plan"
    description = "blablabla"
    url = "/plan/"
    button = "see more"
    icon = "icon-social-soundcloud"
    img = "img_7.jpg"

I create a new page inside content/plan.md But relaunch hugo server, css issue (not found), no header and footer in this new page. Some help can be useful...

jwilander commented 7 years ago

I ran into the same problem. It looks like it's because the themes/hugo-elate-theme/layouts/_default have both list.html and single.html as empty. Filling those in with:

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

would cause the markdown/pages defined by the files in content/ to display for me

ShKlinkenberg commented 6 years ago

even with the solution of @jwilander no header or footer is created for the new page.

ShKlinkenberg commented 6 years ago

@jwilander do you have a working example of an extra page in content?

jwilander commented 6 years ago

I don't have an example on hand and I've since switched away from using the theme but you can take a look at the history of the site I was building around the below commit. That might help you out

https://github.com/mattermost/mattermost-developer-documentation/tree/164ae19a86b1f1de73307a832f5f39a00fc4662f

ShKlinkenberg commented 6 years ago

Thanks Joram,

It took some backwards engineering but I got things working.

Regards, Sharon


Universiteit van Amsterdam

Sharon Klinkenberg

Bezoek | Nieuwe Achtergracht 129Bhttps://mapkit.io/embed/cq4eoa | Kamer REC-G -1.12 (Souterrain) Post | Postbus 15943 | 1001 NK Amsterdam Pakketpost | Valckenierstraat 59 | 1018 XE Amsterdam T: +31 (0)20 525 6904 | S.Klinkenberg@uva.nl From: Joram Wilander notifications@github.com Reply-To: saey55/hugo-elate-theme reply@reply.github.com Date: Thursday, 22 March 2018 at 18:53 To: saey55/hugo-elate-theme hugo-elate-theme@noreply.github.com Cc: Sharon Klinkenberg S.Klinkenberg@uva.nl, Comment comment@noreply.github.com Subject: Re: [saey55/hugo-elate-theme] How can i create new post? (#5)

I don't have an example on hand and I've since switched away from using the theme but you can take a look at the history of the site I was building around the below commit. That might help you out

https://github.com/mattermost/mattermost-developer-documentation/tree/164ae19a86b1f1de73307a832f5f39a00fc4662f

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://github.com/saey55/hugo-elate-theme/issues/5#issuecomment-375400257, or mute the threadhttps://github.com/notifications/unsubscribe-auth/AEs-VKI9qAcEyv-iSW9LwdskUpTx-YKWks5tg-UegaJpZM4K9NHX.

johnatasjmo commented 6 years ago

@ShKlinkenberg can you please share what to include in partial and list?

murattasdemir commented 4 years ago

I am having hard time in making css work in pages. I can create content but without any css, just plain html. In the source, there exist the link to css file:

<link rel="stylesheet" href="css/style.css">

But not working. Do you think the path to the css corect?

BGameiro2000 commented 3 years ago

Any solution yet?

I also get content without css, even if the file is linked. When searching the source there are no ::after and ::before.

BGameiro2000 commented 3 years ago

I've been trying to use this theme for a multiple page website. One quick fix to the css problem is to add "/" to all css and js relation links. For example the omes in layouts/partials/head.html and layouts/partials/js.html. This doesn't solve everything but most of the css is added to other pages besides the index.

ulich commented 3 years ago

I had a similar requirement and solved it as follows: https://github.com/ulich/hugo-elate-theme/commit/3bee735eaa5404ddf1d8c3b426e1f1f87523f084