[](https://nodei.co/npm/ink-docstrap/)
npm install ink-docstrap-smadey
 
DocStrap is Bootstrap based template for JSDoc3.
In addition, it includes all of the themes from Bootswatch giving you a great deal of look
and feel options for your documentation, along with a simple search. Additionally, it adds some options to the conf.json file that gives
you even more flexibility to tweak the template to your needs. It will also make your teeth whiter.
* Right side TOC for navigation in pages
* Integrated offline search
* Themed
* Customizable
* Syntax highlighting
+ Cerulean
+ Cosmo
+ Cyborg
+ Flatly
+ Journal
+ Lumen
+ Paper
+ Readable
+ Sandstone
+ Simplex
+ Slate
+ Spacelab
+ Superhero
+ United
+ Yeti
To change your theme, just change it in the conf.json file. See below for details.
If you manage your own version of jsdoc:
``bash`
npm install ink-docstrap
When using grunt, please look at grunt-jsdoc which you can use with
docstrap.
`bash`
jsdoc -c path/to/conf.json -t ./node_modules/ink-docstrap/template -R README.md -r .
The -c sets the config, and the docstrap README does talk about the options you can put in templates that docstrap is supposed to look for.
The -t sets the template. This is the option you need to set to get the docstrap template to be used.
The -R sets a markdown file to be the front page of the documentation.
The -r tells jsdoc to run recursively.
The . says from current directory.
DocStrap ships with a conf.json file in the template/ directory. It is just a regular old
JSDoc configuration file, but with the following new options:
`javascript
"templates": {
"systemName" : "{string}",
"footer" : "{string}",
"copyright" : "{string}",
"includeDate" : "{boolean}",
"navType" : "{vertical|inline}",
"theme" : "{theme}",
"linenums" : "{boolean}",
"collapseSymbols" : "{boolean}",
"inverseNav" : "{boolean}",
"outputSourceFiles" : "{boolean}" ,
"outputSourcePath" : "{boolean}",
"dateFormat" : "{string}",
"syntaxTheme" : "{string}",
"sort" : "{boolean|string}"
}
`$3
* __systemName__
The name of the system being documented. This will appear in the page title for each page
* __footer__
Any markup want to appear in the footer of each page. This is not processed at all, just printed exactly as you enter it
* __copyright__
You can add a copyright message below the footer and above the JSDoc timestamp at the bottom of the page
* __includeDate__
By default, the current date is always shown in the footer of the generated documentation. You can omit the current date by setting this option to false
* __navType__
The template uses top level navigation with dropdowns for the contents of each category. On large systems these dropdowns
can get large enough to expand beyond the page. To make the dropdowns render wider and stack the entries vertically, set this
option to . Otherwise set it to "vertical" to make them regular stacked dropdowns.cerulean
* __theme__
This is the name of the them you want to use in all lowercase. The valid options are
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
* __linenums__
When true, line numbers will appear in the source code listing. If you have
also turned that on.
* __collapseSymbols__
If your pages have a large number of symbols, it can be easy to get lost in all the text. If you turn this to
all of the symbols in the page will roll their contents up so that you just get a list of symbols that can be expanded
and collapsed.
* __analytics__ Add a Google Analytics code to the template output
_e.g._
* __ua__ The google agent (see Google Analytics help for details)
* __domain__ The domain being served. (see Google Analytics help for details)
* __inverseNav__
Bootstrap navbars come in two flavors, regular and inverse where inverse is generally higher contrast. Set this to tooutputSourceFiles
use the inverse header.
* __outputSourceFiles__
When true, the system will produce source pretty printed file listings with a link from the documentation.
* __outputSourcePath__
When is false, you may still want to name the file even without a link to the pretty printed output.true
Set this to when outputSourceFiles is false. outputSourceFiles when true takes precedence over this setting."default"
* __dateFormat__ The date format to use when printing dates. It accepts any format string understood by moment.js
* __syntaxTheme__ String that determines the theme used for code blocks. Default value is . It can be any value supported"default"
at sunlight themes which right now consists of...uh... and "dark","longname, version, since"
but at least you have it if you need it.
* __sort__ Defaults to true. Specifies whether jsdoc should sort data or use file order. Can also be a string and if so it is passed to jsdoc directly. The default string is .
The default language will be JavaScript, but there are a couple of ways to secify the language.
DocStrap support the language specified in the standard way e.g.
`html`
DocStrap also introduces a new documentation tag which can appear inside any example block in source code,
or in any fenced code block in markdown: {@lang languageName}, wherelanguage
__ can be any of the languages supported by Sunlight
When in a doclet, add the tag just after the @example tag like this:
@example {@lang xml}
These are the supported languages.
* ActionScript
* bash
* C/C++
* C♯
* CSS
* Diff
* DOS batch
* Erlang
* Haskell
* httpd (Apache)
* Java
* JavaScript
* Lisp
* Lua
* MySQL
* nginx
* Objective-C
* Perl
* PHP
* PowerShell
* Python
* Ruby
* Scala
* T-SQL
* VB.NET
* XML (HTML)
$3
If you want a caption to your example, add it in a HTML caption before your example e.g.
@example my caption
{@lang xml}
Customizing DocStrap ##
No template can meet every need and customizing templates is a favorite pastime of....well, no-one, but you may need to anyway.
First make sure you have bower and grunt-cli installed.
Fetch the source using or grab the zip file from github. and unzip
it somewhere. Everything that follows happens in the unzip directory.Next, prepare the environment:
bower install
and
npm install
When that is done, you have all of the tools to start modifying the template. The template, like Bootstrap, uses less.
The way it works is that
./styles/main.less pulls in the bootstrap files uncompiled so that you have access to all of bootstraps mixins, colors,
etc, that you would want. There are two more files in that directory, variables.less, bootswatch.less. These are the
theme files and you can modify them, but keep in mind that if you apply a new theme (see below) those files will be overwritten. It is best
to keep your changes to the main.less file.To compile your changes to
main.less and any other files it loads up, grunt less
The output is will be put in
./template/static/styles/site.. The next time you create your documentation, it
will have the new css file included.To apply a different template to the
styles directory to modify, open up the conf.json in the template directory and
change the theme option to the theme you want. Then grunt apply
And the new theme will be in
variables.less, bootswatch.less. Don't forget to compile your changes using grunt apply to
get that change into the template.NOTE that these steps are not necessary to just change the theme, this is only to modify the theme. If all you want to do is
change the theme, just update conf.json with the new theme and build your docs!
Contributing ##
Yes! Contribute! Test! Share your ideas! Report Bugs!$3
Huge thanks to all contributors. If your name should be here, but isn't, please let us know
* marklagendijk
* michaelward82
* kaustavdm
* vmeurisse
* bmathern
* jrkim123us
* shawke
* mar10
* mwcz
* pocesar
* hyperandroid
* vmadman
* whitelynx
* tswaters
* lukeapage
* rcosnita
History ##
1.2.1 ##
* Update lunr dependency used for searching
1.2.0 ##
* Add square brackets around optional parameters
* new option disablePackagePath option which if true makes docstrap not append the package and version to the out path
* allow version to be missing in package.json
1.1.4 ##
* Remove the unreadable orange on pre/code tags and use a dark red. Remove white background as is readable on black or white.
1.1.3 ##
* Get sort option from navOptions as per docs
* tweaks from bootswatch
1.1.2 ##
* Allow example captions to contain markdown if configured in the markdown config
includeTags` section. * Bootswatch update
* Add viewport meta tag to html for better mobile experience
* Added includeDate option
* Navigation to anchor links now works in IE (with some flicker)
* links to other pages now work (with some flicker in some browsers)
* Search results no longer erroneously included in side navbar
* Tutorials now get page titles consistent with everything else
* Improvements to the highlighted nav heading
* Drop-down shows a scrollbar when too big (regression in 1.0.1)
* Support older jsdoc by not looking in "interfaces"
* Tweak side nav and dropdowns to be the bootswatch style
* Make the documentation responsive
* Bump to follow semver (initial development is well and truly over)
* Corrected list of themes
* Added Search
* Remove highlightTutorialCode option - it didnt work
* Fix layout glitch on hte bottom of code samples
* Support for specifying the language for fenced code blocks in the normal way
* Fix the active item in some themes, which was missing a background
* Tables get marked as tables
* Dependency updates
* Removed duplicate headers
* Remove "Index" header
* re-fixed navigation
* removed some dubious features (now pr's that can be re-added with a little polishing)
Again huge, huge thanks to tswaters. Make sure you send him thanks or a tip!!!!!
* Added jump to source linenumers - still a problem scrolling with fixed header
* changed syntax highlighter to sunlight
* Modify incoming bootswatch files to make font calls without protocol.
JSDoc3 is licensed under the Apache License
DocStrap is licensed under the MIT license.
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following
conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.