Simple netlify cms integration to edit markdown blog on mobile


I have been experimenting with Fastpages over last few days. Today I managed to create a partial integration of netlify cms with my blog . Good thing about the setup is

  1. Workflow based on pull request for draft post
  2. Ability to do some editing directly from mobile. ( useful for those long commute to work)

I am wondering if some of these things can be adopted in different ways to future versions of fastpages. I espically like idea of automatic pull request to merge a finished post in netlify cms

Cool! I’m using Netlify to manage preview builds in fastpages

What is happening?

Hi @rahuketu86,

I followed your blog and I have a working cms.

But the netlify website doesn’t seem to render properly.

Here’s how it looks.

I have no programming or web dev experience, but I want to understand what’s going wrong?
I changed the build command in netlify to make server but then the build fails.
Would appreciate your response

I think you have not updated your baseurl. Css is looking for path at wrong url. Please change your baseurl in _config.yml and settings.ini as suggested. Welcome to world of programming. I made same mistake initially

1 Like

Hi @rahuketu86,

Thanks for the swift response and the warm welcome :slight_smile:

So here’s the actual site:
This is okay

Here’s the netlify site:
This is not okay

Does your answer still apply?

Yes. Why don’t you post a link to your repo if it’s open. I can do a quick check tomorrow. You can also check repo is rahuketu86/Fastpagesdev on github. This is my test repo. You can do a quick look at config.yml

It will only work on one properly depending on ur url. Either github Or netlify not on both

1 Like

Locally sometimes I have to delete. jekyll_cache and _site folder before running make server

Repo here:

2 Questions:

  1. This is what I wanted to know. Why not?

When I tried to netlify a standard jekyll blog, it worked fine.

  1. So is that how you use your cms?

i.e Github pages website for proper display & website admin access for making edits?

Rest, your tutorial was very clear, and I especially liked the suggestion to silence unnecessary builds in CI.


I have my site on a private repo. Mostly as a precaution in case I get a question from work. However i have made an exact replica of setup on test repo shared above. I also have a fork of fastpages which has cms and org pages built in rahuketu86/fastpages. But even then you still need to fix url in config.

Setting should work either way for blog site either or github or netlify.

Reason it doesn’t work on both is because being a static site you generate all the links by supplying a baseurl. It is rendered by liquid template in your page layout and header with {{ site.baseurl}} expansion.
So you have to choose one. In some dynamic apps with server / react you can link it based on some dynamic values provided by a api call or callback

This is done at jekyll build step in github action on remote / and fastpages-jekyll locally

Then _site folder is generated which is copied to gh-pages

If you render gh-pagws branch by mapping to netlify it won’t work. However if you take the build step also in netlify you can probably make it work on both but you will have to modify your github action . Add an addition transfer step as done @hamelsmu before your jekyll build step and do the same build on netlify. But why bother. It will break your upgrade in future

1 Like

Just tinkering here and there because right now it feels like magic. Especially the github actions part.

I’ll take a look in your repo for more clarity.

But really appreciate you taking the time. :smiley:

No worries we are all here to learn. I learn as much from feedback and question as by writing on blog. So keep it coming