Table of Content
I could then render this page using the already existing page.hbs template. Connect and share knowledge within a single location that is structured and easy to search. However, there’s one big disadvantage with this approach. Any static page you create will have the same layout as the one defined in the page.hbs page. This page contains the template layout for all your pages apart from the home page.
Then it fails on other calls where it assumes data.primary_author is not null. Sign up for a free GitHub account to open an issue and contact its maintainers and the community. The 'Go to the front page →' is a link to the same page - /blog. I am attempting to run ghost with the Ghost home page, normally displayed at /, instead displayed on the /blog subdir of my site. But in that case, your pages will be totally outside ghost and there will be no integration possible except link sharing. Having pages as a part of ghost gives you a better integration and easier maintainability.
Using Nginx to create a separate landing page for your Ghost Blog
Don’t settle for another basic profile that looks just like everyone else. If you are planning to quickly build out your landing page into something bigger in a short period of time, it might make sense to go directly to Ghost Pro. However, if you are comfortable with a bit of configuration and are looking to minimize costs, the self-hosted option is probably your best bet. That’s the goal of this guide, to show you step-by-step how you can build a landing page using Ghost with as little configuration as possible. And if you want to just skip ahead to the template, you can grab that for free here. We modified only 6 lines of code to implement the feature.
This will allow you to have a truly static html home page. It is more tricky to setup, but if that is what your looking for, it is definitely possible. Restart Ghost and make sure it is working when you go to the blog url. Edit the config.js in Ghost to have the correct url you are going to use for the blog section (ex. yoursite.com/blog).
How to add custom static pages to ghost blog
By creating a static Ghost site, you naturally break all interactive features. Say goodbye to Ghost's library of integrations, and you won't be able to monetize with Ghost's membership and subscription management. The application server analyzes the incoming request and dispatches requests to the database for necessary content . By default, Ghost shows a list of posts when opened in the browser. I would like to have a home page at the / location, and have my posts available at /blog.
By default, our index.hbs file has that code since it was originally our homepage, so we want to go ahead and remove it from there. Add the customjs task to build task so that the files will be added while building the project. If you ignore this, your local live environment will work, but your theme's zip file will not have the required js files.
Static Ghost.io 👻
The application server renders the content from the database into a web page. The web server passes the end user's request to a running application server (Node.js for Ghost, PHP for WordPress). 14 August 2015I’m currently in the process of upgrading my Ghost blog. I’ve been using the platform for some time now and, apparently, I’m a few versions behind. This was the perfect opportunity to dig my teeth in Ghost, Node.js and Visual Studio Code. A perfect little project with just the right size.
But since we want to remove that list of articles from the homepage to create a landing page effect we need to move them somewhere else. We can do that by editing our routes.yaml file. Now that we have created a custom template, its time to add other assets like js files. Ghost's Blogging platform is great but its fairly new, and the lack of customization options available can be a little frustrating sometimes. For example, there is currently no way from within Ghost to create a static home page, and a list of posts available at /blog.
Step 2 - Custom template
Let us migrate your content to Ghost from Substack, Medium, WordPress, and most other platforms — for free. Deliver posts by email newsletter to your audience, so they’ll be in the loop whenever something new goes live. Segment your audience and send multiple different newsletters based on preference. An editor built from the ground-up for professionals. Calm by design, with advanced workflows by default. No more suffering through clumsy toolbars or drag & oops.
Not to big to feel overwhelming but large enough to allow me to learn a bit about the technology stack. I also wanted to see how well Node.js plays with VS Code. If you need something now though, check out one of the other 3 ways.
This location block is also doing a direct match, this time on the /blog route, and proxy_pass'es to the ghost server to load the regular Ghost homepage. Custom routes gives you the power to create custom templates within the theme and map specific URLs to a template. As you must already be aware that a template is nothing but a handlebars file .hbs.
This is because Ghost themes can only access the full array of posts on the root of the site at /. So the way to have a static home page would be to create that home page in a template, then create a new channel called blog which grabs all the posts. Then, you would create a new blog.hbs file to loop through and show all the posts like what your index.hbs already does. Now keeping in mind that last point - this means that any place that code is present our header will be transparent if there is a hero image.
Netlify offers 100GB of bandwidth/month for free, which is plenty for most use cases. They also take care of TLS certificates automatically. You can secure access to this system with a firewall or VPN. A better approach is to use an authentication proxy like oauth2-proxy or pomerium for a user-friendly, "zero trust" solution.
No comments:
Post a Comment