angular-markdown is a working example of an Angular App that can display content and posts dynamically through the use of multiple markdown files. The basic idea is that each post or page with content will have their own markdown file. The website iterates over each markdown post/page and displays a preview on the home page. When opened, the content of that markdown file will be opened on it's own page.
In this example, there is a list of posts for different recipes. The home page will show a preview of all recipes, with a link that will open any given recipe on it's own page.
This can be used as a base for simple blog/post websites.
- Run
npm installin the root directory to add the necessary npm packages to the project. - Once completed, run
ng serve. - Navigate to
localhost:4200in a browser.
- Run
ng buildto build the project. The build artifacts will be stored in the dist/ directory. - Use
ng build --prodfor a production build.
From Creating a list of posts using Markdown on your Angular Website.
