Github Pages Start to Bootstrap mit SCSS (plan) (Work in progress)
- Lastes Version of this Workshop will always shown in: https://my-github-pages.github.io/
- This is the simplest way to have a github page!
- I will start with a simple HTML Page. It shows up in github: https://my-github-pages.github.io/HTML
- Next Step will be: Simple use of Jekyll: https://my-github-pages.github.io/Jekyll
- Use of Markdown!
- Use and reuse of footer, header …. generating static pages from templates!
- CSS simple use first. Show what is possible. What is the best idea with css. https://my-github-pages.github.io/CSS/
- CSS remove bugs and problems of browsers and HTML. see: https://my-github-pages.github.io/normalize.css/
- Add Bootstrap https://my-github-pages.github.io/bootstrap-4-only-github-pages
- Add Themes from https://bootswatch.com/ https://my-github-pages.github.io/bootstrap-4-github-pages
Planed:
- Javascript why? Why not? https://my-github-pages.github.io/javascript
- npm Javascript on server.
- https://bootstrap-vue.org/
Credits:
-
https://experimentingwithcode.com/creating-a-jekyll-blog-with-bootstrap-4-and-sass-part-1/
- https://nicolas-van.github.io/bootstrap-4-github-pages/
- https://bootswatch.com/
See also:
- https://www.heise.de/ratgeber/GitHub-Pages-Websites-mit-und-ohne-eigener-Domain-auf-GitHub-hosten-4715183.html?seite=4
Info for me!
Use always the last README.md for all tags and branches if possible.
- I use this project to check if I understand something correct or not. :-)
- Also you will learn a little bit of git.
———-I have to check:
- https://travis-ci.org/nicolas-van/bootstrap-4-github-pages
- https://github.com/vuejs/vue
Boostrap 4 Github Pages
A Bootstrap 4 start up project for Github Pages and Jekyll.
- A full Bootstrap 4 theme usable both on Github Pages and with a standalone Jekyll.
- Recompiles Bootstrap from SCSS files, which allows to customize Bootstrap’s variables and use Bootstrap themes.
- Full support of Bootstrap’s JavaScript plugins.
- Supports all features of Github Pages and Jekyll.
See the website for demonstration and documentation.