NOTE: Fomantic was created to continue active development of Semantic-UI and has the intent to be merged back into the master repository once active development can restart. For more info please read the following issues https://github.com/Semantic-Org/Semantic-UI/issues/6109 https://github.com/Semantic-Org/Semantic-UI/issues/6413
This folder contains the templates used to generate the static website for fomantic-ui.com.
This repo can be used to create a fork of the UI documents to serve as styleguide for your project.
You must install DocPad, the static site generator used to create the HTML for the site, to render the contents of this repository.
npm install -g docpad docpad install eco docpad update docpad upgrade
Generating Fomantic UI for Docs
Assuming two sibling folders:
- UI folder ./ui
- Docs folder ./docs
Directory structure should look like this:
fomantic/ ├── ui/ │ ├── node_modules/ | ├── ... ├── docs/ │ ├── node_modules/ | ├── ...
- Clone both repos to respective folders
- npm install in both directories
- Go through Fomantic UI installer steps (auto)
gulp build-docs(builds files to ./docs)
- Go to http://localhost:9778/ docs should be there
- Optionally run
gulp serve-docsin ./ui to serve any changes from ./ui/src to ./docs
Running the Server
Start the docs server (and generate docs):
# run from inside docs folder that will now contain the compiled docs # windows users can then navigate to http://localhost:9778 docpad run
Watch for changes from your UI folder, and serve to the docs instance:
Publishing to GitHub Pages
You can publish your docs to GitHub Pages from the command line automatically
docpad deploy-ghpages --env static
Help Fix Typos and Errors
If you find any typos or mistakes, submitting a fix is easy!
- Open the
documents/folder on GitHub
- Click the “Edit” button on the appropriate page
- Click to submit a pull request