How to add list of blog posts in Blog section with netlify CMS? - hugo

I already asked this question in the Netlify community but no response yet so I thought I should also post the question here in case someone could help solve the problem.
I am using Hugo-academia template for my site. It works fine but the issue is that I am unable to view a list of my posts in the BLOG section. I have three sections(About | BLOG | Resume) on the website I'm working on
Once I create a post with Netlify-CMS, it creates the post successfully and I can see the post under Recent Posts in my homepage. But if I click on BLOG, I am unable to see the accumulation of my blog posts.
Unfortunately, the Github repo is private but here's how my content directory looks like (Kindly note that I am using hugo-academic theme)
content/blog/index.md
I expect that once I create a blog post (let's call it 'new-post') with netlify CMS, a folder should be created automatically and create a pull request on my GitHub. Something like this:
(On a side note, I changed post in the original theme to blog in mine so the URL will make use of blog instead of post).
Kindly help me with this problem. I can provide any other details that may assist with getting this problem solved.

After playing around with the template, I was able to solve my problem.
I was able to solve this problem by changing a little detail in netlify's cms config.yml located in static/admin/. I changed folder: 'content/post' to folder: 'content/blog'
The list of posts is now located at ../blog but the downside is that the page looses its original soothing styling.

Related

SEO for each page thats added dynamically : react js

I am trying to create a site like stackoverflow where there can be multiple questions added by users and they can answer
https://wixten.com/
But I don't know how to seo for each page that's added dynamically when a question is asked.
I have configured the dynamic page that is created when each page is created with helmet so each route has its own page title and description.
Since all inner pages are dynamically generated, I am not able to create site maps for each pages.
Since Google bot does not crawl through the dynamic urls I have no idea how I can index these pages - I need help.
Hope someone will help me I have been stuck with this for the past 2 weeks, I tried everything on the internet I could find but no luck
Adding links pointing to the dynamic pages is the key. For example if you have a list of questions like in stackoverflow, google has already accessed that page (list of questions) and it's a matter of time for your new page to get indexed. The other thing you have to do is create a dynamic sitemap.xml file witch changes depending on the creating/deletion of pages in your website :)

Duplicate in Gatsby path to markdown file for blog post

I am editing this Gatsby starter to make a personal website: https://www.gatsbyjs.org/starters/rolwin100/rolwinreevan_gatsby_blog/
Note that the problem I'm having with my site also happens when I develop the starter (with no changes made).
My desired outcome is pretty simple, I just want to be able to click on a blog post at site-name.com/blog/post-name that works. So, I set the path in my markdown files to be blog/post-name, replicating the starter exactly. However, when I run gatsby develop and click on the posts, the weirdest thing happens, For ex, from running the starter I get: There's not a page yet at /blog/blog/code-splitting-in-react (pictured fully below). But the page /blog/code-splitting-in-react does exist and when you adjust the url to that it brings up the page perfectly.
So the question is-- where is that extra 'blog' coming from in the path and how do I get rid of it??
error messages when I click on a blog post
You said that you are setting the url to blog/post-name. That is a relative path. It is going to start from whatever url you currently are. For example if you are in http://example.com/bla/foo you'll end in http://example.com/bla/foo/blog/post-name. You need to add a slash at the beginning: /blog/post-name.

Deployed a react project. It's only showing a blank page instead of the project

I see other topics regarding this issue, but following their advice has not helped my particular issue.
I have tried following the https://create-react-app.dev/docs/deployment/ documentation on the github pages section. It didn't work the first time, so I thought maybe I did something wrong. So, I also did a hard reset, and started back over and tried it again.
Yesterday I published my calculator project to git hub pages. I then deleted it because someone told me I wouldn't be able to post a dynamic site on there. Well I later found out that a simple calculator is not dynamic site because its not accessing a server. So, I decided to try and post it to gh pages once again. Once again, the gh page is showing a blank page. Apparently this is a common issue.
the gh page link: https://benjamin-wofford.github.io/Purple-Calculator/
and the repository link: https://github.com/Benjamin-Wofford/Purple-Calculator/tree/gh-pages
Please help guide me so that I can get my calculator up on the internet
My manifest.json file somehow was built using HTML code. So, I switched out the code with the actual manifest.json file that was on my local repository, and it fixed the issue.

Weird Content of Facebook share/like button preview from angular app

I have an issue with share/like button from Angular app. I finally made it working correctly with links but share/like preview if completely wrong. I tried XFBML.parse(), switching to html 5 mode, etc.
There are two complete enigmas:
1. I got "Given URL is not allowed by the Application configuration..." despite adding all possible variants to fb app setting.
When share preview appear - it has "Angular", but I never added it anywhere.
Here is the link
Would be grateful for any ideas...
Thx
The Facebook Scraper only looks at the HTML code your server delivers, it does not execute any JavaScript.
So if you want to share different articles, you need an individual URL for each article, that delivers the relevant meta data when requested from the server.
You can find some more explanation and hints on how to implement this in this article, http://www.michaelbromley.co.uk/blog/171/enable-rich-social-sharing-in-your-angularjs-app

Show all post content in dotnetnuke blog module

I'm got a website with the DNN blog module. Almost all of the posts have images in them, but on the standard view of the posts they're all listed out with none of the html content and simply a "read more" link at the bottom of the post. Is there a way to display the full post content as you would see in the details view?
Please have a look at the Ultimate DNN Blog Module - SunBlogNuke, which supports the option "ShowAll in the EntryList" for some specific entries or all the entries. I thought that this handy option should fit your requirement. Hope it makes sense.
BTW, you can try out the demo website here - demo.sunblognuke.com.

Resources