Export Ghost Site as Static HTML files

Developer help
1

Is it possible to export a ghost site as static HTML files, would it work if I used the localhost on my machine and built the site locally (if I can export HTML files) and push to a static site hosted e.g. GithubPages?

Thanks in advance

2

Hey @Aiyush-G :wave:
Rather than trying to export the static HTML files you could use an automation deployment workflow using Netlify. By forking this repo, linking your Ghost installation and adding the repo to Netlify you can host static files in the same way you were on GitHub Pages, but the static files would be automatically redeployed whenever you make a change in your Ghost content with the use of webhooks.

:bulb: Pro tip: You can use the ā€œDeploy to Netlifyā€ button in the readme of that repo to fast-track yourself to deploying your static site on Netlify :blush:

1 Like
3

Hi @DavidDarnes ,

Thanks, while researching I came across eleventy (my blog is currently on Jekyll) and would like to port to Eleventy (hopefully I can figure this out, but any tutorials would be very helpful) can eleventy be hosted on GitHub Pages.

Kind Regards

Aiyush

1 Like
4

Iā€™d recommend checking out our Eleventy documentation for more info. Eleventy can be hosted on GitHub Pages, however Iā€™d recommend using Netlify so you can benefit from the automation tooling

5

@DavidDarnes Ok, thanks for the help, I have one last question: for the ghost CMS given the admin api, would it be possible for someone like myself to completely rebuild the admin panel. Or is it possible to remove ghost branding from the current admin panel?

Thanks
Aiyush

6

The admin UI has very minimal branding towards Ghost, and any branding you do see I would personal not think is worth creating a completely custom UI to avoid :sweat_smile:.

However we do have our Admin API, which lets you interact with Ghost from another application. Itā€™s a very powerful API which you can read more about in our documentation here:
https://ghost.org/docs/api/v3/admin/

7

Hi David,

Yeah :joy: that makes sense, I have noticed that you have a blog where you use eleventy with the ghosts headless css functionality, one thing that I donā€™t fully understand is itsā€™ inheritance. What I mean by ā€˜inheritanceā€™ is that does the theming come from ghost or from eleventy and in the docs where can I find the correct syntax to help me. E.g. for posts in site.posts <ā€” Jekyll Equivilant for eleventy.

Ag

8

All styles / theming / front-end comes from the Eleventy application. Eleventy is pulling the content from Ghost using the Content API with JavaScript. In the Eleventy starter youā€™ll see Iā€™m pulling the content in with .eleventy.js and then using template code to reference the data, with nunjucks variables like {{ site.title }}. Theseā€™s correspond with the Ghost Content API Endpoints shown here:

Iā€™d highly recommend reading up on the Ghost Content API itself, as well as the Eleventy starter repo we have and the Eleventy docs itself.

Hope this helps!

9

Yes, that helps, I will be sure to fully read the resources that you have kindly provided them with me. I have been playing around with the Ghost admin panel, I notice in the editor (when you create a new post) you have the ā€˜primaryā€™ options and have the option to integrate services such as codepen etcā€¦ Would it be possible to create your own ā€˜blocksā€™ in HTML e.g. if I have a a HTML template for two columns would it be possible to use this in the ghost editing workspace without having to use the custom HTML feature?

Thanks
Aiyush

10

If youā€™re using Eleventy you can use the HTML card to insert special shortcodes which can then be picked up by filtering in the .eleventy.js file :blush:

11

Is there anywhere that I can read up more on this? I donā€™t quite understand it yet :grinning:

Thanks
Aiyush

ps. your support has been great :smiley: :smiley: :smiley:

1 Like
12

Check these out:

13

Hi, i came to this question through a search engine with the intent of making ghost blogs as HTML pages. Could you please say me a way through which I can export all my blogs from localhost to an HTML? I am not much used up to JS and NodeJS.

My other question is, is 11ty the same as the handlebar view engine.

14

The easiest solution Iā€™ve found and itā€™s not a pretty one is to just use a crawler.

wget --no-clobber --convert-links --random-wait -r -p --level 3 -E -e robots=off -U mozilla http://www.myawesomeblog.org/

You may end up with duplicate files and such but you should be able to rsync the files to a remote server and host them using nginx, apache, whatever your favorite webserver may be.