How to create Blog using VueJS, Github pages and MD - vue.js

I want to create a custom themed blog using VUEJS and Github pages.
I want all my blog data to be stored in .MD on Github pages and a custom domain.
Preview: https://github.com/vuejs/blog
How to do so?

Related

how to create sitemap in laravel website to help google found my website

I need sitemap file to be read data form DB , For example say we have website and google searchers found content title and body , and show all website links .
I use spatie laravel/sitemap pacakge: https://github.com/spatie/laravel-sitemap
It is easy to install and implement just follow the steps in the readme.

Add blog posts in a Nuxt content blog

I want to create a blog using nuxt since I am familiar with vue js. I have looked at nuxt content module. I understand that i can create markdown blog posts. But, I am confused. If I deploy the app, then How can I add new blog posts?
Thank you.
You add the posts before deploying, in your source code, as described in Nuxt Content's documentation. Then you have to build the Nuxt project and (re)deploy the site.
If you need the ability to edit your blog after deployment, in your browser, and redeploy it after every editing automatically, you would need a service which has access to the source code and has ability to build & deploy your site. Netlify CMS can be one such solution, (especially) if your site's source code is on GitHub. (It works with private repositories too.)

How can I deep link into a Vue.js project on GitHub Pages?

I have a practise repository in GitHub (see https://jdomleo.github.io/vue-deploy-practise).
Navigate to "About" in the navigational list at the top:
You will see in the URL, it has appened /about, as expected. However, if I give people the URL https://jdomleo.github.io/vue-deploy-practise/about, they get a 404 error from GitHub Pages.
My question is, how can I configure my Vue.js project to allow deep linking?
See link to GitHub repository https://github.com/JDomleo/vue-deploy-practise.
You have to add a custom 404.html page to your github pages that reroutes the request using javascript.
The first problem though is that you have enabled HTML5 History Mode, that requires a server to be set up to handle that and I don't think github pages allows for it.
Once you fixed that you have a couple of options.
Here is one example on how the 404 page uses the local storage to reroute the app. https://medium.com/swlh/how-to-host-your-angular-reactjs-vuejs-spa-on-github-pages-2d9ab102ac7b
Another is simple to change the url to a fragment instead of path, similar to the method used in this library https://github.com/rafrex/spa-github-pages. This library maight even just work for you.

Is it possible to add pages to a Vuepress site through Netlify CMS back-end dynamically?

I'm trying to add pages to a Vuepress site I created with a Netlify CMS back-end. It seems the only way is to add them statically:
sidebar: [
'/welcome',
'/test'
],
I assume there must be a way for pages to auto-populate when ever you create a new page in Netlify CMS.
I have already tried Automatically add new posts to the Sidebar but with no luck. I imagine there must be a simpler solution, as adding pages dynamically through a CMS is kind of the whole point of implementing a CMS back-end.

How to create new template in Cornerstone theme using stencil framework

I am new to Bigcommerce, I need to create a page template in my Bigcommerce theme (Cornerstone).
I have followed the documentation but its redirected to 404 page. Please help me in this.
I have also tried with the below link but the Url redirected to 404 page
Creating a custom page template in stencil for bigcommerce
Note : I have installed stencil framework in local environment and trying it
https://developer.bigcommerce.com/stencil-docs/template-files/custom-templates/about-custom-templates
One common cause for 404 errors when working with custom templates locally is that the page the custom template has been mapped to isn't a page that exists in the live store. For example, if you map "custom-product.html":"/my-product/" in your .stencil file, you'll need to have created a product page in your live store with the URL /my-product/. The template needs to map to a live page of the same type: if you're creating a webpage, you'll need to map to a real webpage; if you're creating a category page, you'd map the custom template to one of your existing category URLs. Hope this helps!