├── .nojekyll
├── .gitignore
├── _sass
└── customized-bootstrap.scss
├── _config.yml
├── index.md
├── _layouts
└── default.html
├── package.json
├── assets
└── main.scss
├── Makefile
├── yarn.lock
└── README.md
/.nojekyll:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | *~
2 | _site
3 | .sass-cache
4 | node_modules
5 | assets/vendor
--------------------------------------------------------------------------------
/_sass/customized-bootstrap.scss:
--------------------------------------------------------------------------------
1 | /* Here you can customize Bootstrap. Remember to customize as it is explained here: https://getbootstrap.com/docs/5.0/customize/sass. */
2 |
--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | sass:
2 | load_paths:
3 | - _sass
4 | - node_modules
5 | exclude:
6 | - node_modules
7 | - LICENSE
8 | - Makefile
9 | - README.md
10 | - package.json
11 | - package-lock.json
12 | - yarn.lock
13 |
--------------------------------------------------------------------------------
/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | ---
4 |
5 | Example page
6 |
7 |
8 | I should be using the custom font size defined at SCSS variables
9 | {: .content}
10 |
11 | Hey look I am using a Bootstrap variable color!
12 | {: .primarycolor}
13 |
--------------------------------------------------------------------------------
/_layouts/default.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | {{ content }}
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mysite",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1"
8 | },
9 | "keywords": [],
10 | "author": "",
11 | "license": "ISC",
12 | "dependencies": {
13 | "bootstrap": "*"
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/assets/main.scss:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 | @import "variables";
4 | /* This is the .scss file that jekyll will process. */
5 | @import "customized-bootstrap";
6 |
7 | /* If you did NOT customized Bootstrap, uncomment the line below */
8 | // @import "bootstrap/scss/bootstrap";
9 |
10 | .content {
11 | font-size: $custom-font-size; //using custom variable
12 | }
13 |
14 | .primarycolor{
15 | color: $primary; //using Bootstrap variable
16 | }
17 |
--------------------------------------------------------------------------------
/Makefile:
--------------------------------------------------------------------------------
1 | NPM := npm
2 | JS_DIR := assets/vendor/
3 | JEKYLL := jekyll
4 |
5 | install:
6 | $(NPM) install
7 |
8 | include-npm-deps:
9 | mkdir -p $(JS_DIR)
10 | cp node_modules/bootstrap/dist/js/bootstrap.bundle.min.js $(JS_DIR)
11 |
12 | build: install include-npm-deps
13 | $(JEKYLL) build
14 |
15 | serve: install include-npm-deps
16 | JEKYLL_ENV=production $(JEKYLL) serve
17 |
18 | generate-githubpages:
19 | rm -fr docs && JEKYLL_ENV=production $(JEKYLL) build --baseurl https://marcanuy.github.io/jekyll-bootstrap4/ -d docs/ && touch docs/.nojekyll
20 |
--------------------------------------------------------------------------------
/yarn.lock:
--------------------------------------------------------------------------------
1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
2 | # yarn lockfile v1
3 |
4 |
5 | bootstrap@^4.3.1:
6 | version "4.3.1"
7 | resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.3.1.tgz#280ca8f610504d99d7b6b4bfc4b68cec601704ac"
8 | integrity sha512-rXqOmH1VilAt2DyPzluTi2blhk17bO7ef+zLLPlWvG494pDxcM234pJ8wTc/6R40UWizAIIMgxjvxZg5kmsbag==
9 |
10 | jquery@^3.4.1:
11 | version "3.5.0"
12 | resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.5.0.tgz#9980b97d9e4194611c36530e7dc46a58d7340fc9"
13 | integrity sha512-Xb7SVYMvygPxbFMpTFQiHh1J7HClEaThguL15N/Gg37Lri/qKyhRGZYzHRyLH8Stq3Aow0LsHO2O2ci86fCrNQ==
14 |
15 | popper.js@^1.15.0:
16 | version "1.15.0"
17 | resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.15.0.tgz#5560b99bbad7647e9faa475c6b8056621f5a4ff2"
18 | integrity sha512-w010cY1oCUmI+9KwwlWki+r5jxKfTFDVoadl7MSrIujHU5MJ5OR6HTDj6Xo8aoR/QsA56x8jKjA59qGH4ELtrA==
19 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # jekyll-bootstrap5
2 | A blank jekyll site with latest Bootstrap.
3 |
4 | # Test & Modify
5 | jekyll-bootstrap5 can be used as a starter theme for theming jekyll with Bootstrap. Just run these commands and you'll have a Bootstrap-flavored jekyll:
6 |
7 | ```
8 | git clone https://github.com/marcanuy/jekyll-bootstrap4.git
9 | cd jekyll-bootstrap5/
10 | make serve
11 | ```
12 |
13 | This repository is the result of following the steps ```
14 | in git clone (https://github.com/marcanuy/jekyll-bootstrap4.git
15 | . cd jekyll-bootstrap5/
16 | make serve
17 | ```
18 |
19 |
20 | # Testing locally
21 |
22 | To test the site locally:
23 |
24 | 1. `$ git clone https://github.com/marcanuy/jekyll-bootstrap4.git`
25 | 2. `$ cd jekyll-bootstrap4/`
26 | 3. `make serve`
27 |
28 | Happy Jekylling!
29 |
30 |
31 |
32 | Video generating this repo available at: [](https://asciinema.org/a/198975)
33 |
34 | # Contributors
35 |
36 | - Update Bootstrap https://github.com/kiarashazimzadeh/jekyll-bootstrap
37 |
--------------------------------------------------------------------------------