|
||
---|---|---|
.. | ||
_data | ||
_includes | ||
_layouts | ||
_posts | ||
_react/bulma-customizer | ||
_sass | ||
_scripts | ||
assets | ||
cyp | ||
cypress | ||
documentation | ||
favicons | ||
library | ||
vendor | ||
_config.yml | ||
.babelrc | ||
.gitignore | ||
.prettierignore | ||
.prettierrc | ||
alternative-to-bootstrap.html | ||
atom.xml | ||
backers-md.html | ||
backers.html | ||
become-a-bulma-sponsor.html | ||
blog.html | ||
brand.html | ||
bulma-start.html | ||
bulma-templates.html | ||
CNAME | ||
customizer.html | ||
cypress.config.js | ||
docker-compose.yml | ||
documentation.html | ||
expo.html | ||
extensions.html | ||
index.html | ||
LICENSE | ||
love.html | ||
made-with-bulma.html | ||
more.html | ||
package-lock.json | ||
package.json | ||
README.md | ||
shop.html | ||
templates.html | ||
thank-you.html | ||
the-official-bulma-book.html | ||
videos.html | ||
website.scss |
Building the documentation
The documentation HTML is produced with the Ruby-based jekyll
tool.
- Make sure Ruby 2.x is installed.
gem install jekyll
ifjekyll
is not already installed.
Note
: If you are an
Ubuntu user
, make sure ruby2.x-dev is installed.
Viewing the documentation locally
To view the documentation on your system locally:
Setup
cd
intodocs/
directory- Copy the config file,
cp _config.yml _config.local.yml
- Edit
_config.local.yml
and change theurl:
value tohttp://localhost:4000
. This local config file will be ignored by git.
Run Jekyll
- In a separate shell session,
cd
to thedocs/
directory, and do:
jekyll serve --incremental --config _config.local.yml
This will start an HTTP server at http://localhost:4000/
that serves the docs built in the _site
directory; and anytime the docs are rebuilt by you, it will serve the docs site on the fly. You can also add the --open-url
option (or its alias --o
) to automatically open the server URL in your default browser when it's ready.
In your main shell session where you develop, if you change anything in docs/
the jekyll server will rebuild those on the fly. But if you change anything about the Bulma SASS or CSS, you need to do npm run start
to build the docs' CSS before you will see it in the browser. The process running jekyll serve
will pick up the new CSS automatically.