324 lines
16 KiB
HTML
324 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html class="no-js" lang="en">
|
||
<head>
|
||
<title>Html export - DAUX.IO</title>
|
||
<meta name="description" content="The Easiest Way To Document Your Project">
|
||
<meta name="author" content="Stéphane Goetz">
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
||
<link rel="icon" href="../themes/daux/img/favicon-blue.png" type="image/x-icon">
|
||
|
||
<!-- Mobile -->
|
||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<!-- Font -->
|
||
|
||
<!-- CSS -->
|
||
<link href='../themes/daux/css/theme-blue.min.css' rel='stylesheet' type='text/css'>
|
||
<!-- Tipue Search -->
|
||
<link href="../tipuesearch/tipuesearch.css" rel="stylesheet">
|
||
|
||
<!--[if lt IE 9]>
|
||
<script src="../themes/daux/js/html5shiv-3.7.3.min.js"></script>
|
||
<![endif]-->
|
||
</head>
|
||
<body class="with-float ">
|
||
<div class="Columns content">
|
||
<aside class="Columns__left Collapsible">
|
||
<button type="button" class="Button Collapsible__trigger">
|
||
<span class="Collapsible__trigger__bar"></span>
|
||
<span class="Collapsible__trigger__bar"></span>
|
||
<span class="Collapsible__trigger__bar"></span>
|
||
</button>
|
||
|
||
<a class="Brand" href="../index.html">DAUX.IO</a>
|
||
|
||
<div class="Search">
|
||
<svg class="Search__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 451 451">
|
||
<path d="M447.05 428l-109.6-109.6c29.4-33.8 47.2-77.9 47.2-126.1C384.65 86.2 298.35 0 192.35 0 86.25 0 .05 86.3.05 192.3s86.3 192.3 192.3 192.3c48.2 0 92.3-17.8 126.1-47.2L428.05 447c2.6 2.6 6.1 4 9.5 4s6.9-1.3 9.5-4c5.2-5.2 5.2-13.8 0-19zM26.95 192.3c0-91.2 74.2-165.3 165.3-165.3 91.2 0 165.3 74.2 165.3 165.3s-74.1 165.4-165.3 165.4c-91.1 0-165.3-74.2-165.3-165.4z"/>
|
||
</svg>
|
||
<input type="search" id="tipue_search_input" class="Search__field" placeholder="Search..." autocomplete="on"
|
||
results=25 autosave=text_search>
|
||
</div>
|
||
|
||
<div class="Collapsible__content">
|
||
<!-- Navigation -->
|
||
<ul class='Nav'><li class='Nav__item '><a href="../Getting_Started.html">Getting Started</a></li><li class='Nav__item has-children'><a href="../Features/Auto_Syntax_Highlight.html" class="folder"><i class="Nav__arrow"> </i>Features</a><ul class='Nav'><li class='Nav__item '><a href="../Features/Auto_Syntax_Highlight.html">Auto Syntax Highlight</a></li><li class='Nav__item '><a href="../Features/CommonMark_compliant.html">CommonMark compliant</a></li><li class='Nav__item '><a href="../Features/Edit_on_GitHub_links.html">Edit on GitHub links</a></li><li class='Nav__item '><a href="../Features/Front_Matter.html">Front Matter</a></li><li class='Nav__item '><a href="../Features/Internal_links.html">Internal links</a></li><li class='Nav__item '><a href="../Features/Landing_page.html">Landing page</a></li><li class='Nav__item '><a href="../Features/Live_mode.html">Live mode</a></li><li class='Nav__item '><a href="../Features/Multilanguage.html">Multilanguage</a></li><li class='Nav__item '><a href="../Features/Multiple_Output_Formats.html">Multiple Output Formats</a></li><li class='Nav__item '><a href="../Features/Navigation_and_Sorting.html">Navigation and Sorting</a></li><li class='Nav__item '><a href="../Features/Search.html">Search</a></li><li class='Nav__item '><a href="../Features/Static_Site_Generation.html">Static Site Generation</a></li><li class='Nav__item '><a href="../Features/Table_of_contents.html">Table of contents</a></li></ul></li><li class='Nav__item has-children'><a href="../Examples/index.html" class="folder"><i class="Nav__arrow"> </i>Examples</a><ul class='Nav'><li class='Nav__item '><a href="../Examples/Code_Highlighting.html">Code Highlighting</a></li><li class='Nav__item '><a href="../Examples/Hello_World.html">Hello World</a></li><li class='Nav__item '><a href="../Examples/Hello_World_de.html">Hallo Welt</a></li><li class='Nav__item '><a href="../Examples/привет_мир.html">привет мир</a></li><li class='Nav__item '><a href="../Examples/你好世界.html">你好世界</a></li></ul></li><li class='Nav__item Nav__item--open has-children'><a href="../Configuration/index.html" class="folder"><i class="Nav__arrow"> </i>Configuration</a><ul class='Nav'><li class='Nav__item '><a href="../Configuration/Confluence_upload.html">Confluence upload</a></li><li class='Nav__item Nav__item--active'><a href="../Configuration/Html_export.html">Html export</a></li></ul></li><li class='Nav__item has-children'><a href="../For_Developers/Creating_a_Processor.html" class="folder"><i class="Nav__arrow"> </i>For Developers</a><ul class='Nav'><li class='Nav__item '><a href="../For_Developers/Creating_a_Processor.html">Creating a Processor</a></li><li class='Nav__item '><a href="../For_Developers/Creating_a_Theme.html">Creating a Theme</a></li></ul></li></ul>
|
||
|
||
<div class="Links">
|
||
<hr/>
|
||
<a href="https://github.com/dauxio/daux.io/archive/master.zip" target="_blank">Download</a>
|
||
<br />
|
||
<a href="https://github.com/dauxio/daux.io" target="_blank">GitHub Repo</a>
|
||
<br />
|
||
<a href="https://github.com/dauxio/daux.io/issues" target="_blank">Help/Support/Bugs</a>
|
||
<br />
|
||
</div>
|
||
|
||
<div class="CodeToggler">
|
||
<hr/>
|
||
<span class="CodeToggler__text">Code blocks</span>
|
||
<div class="ButtonGroup" role="group">
|
||
<button class="Button Button--default Button--small CodeToggler__button CodeToggler__button--hide">No</button>
|
||
<button class="Button Button--default Button--small CodeToggler__button CodeToggler__button--below">Below</button>
|
||
<button class="Button Button--default Button--small CodeToggler__button CodeToggler__button--float">Inline</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="Twitter">
|
||
<hr/>
|
||
<iframe allowtransparency="true" frameborder="0" scrolling="no" style="width:162px; height:20px;" src="https://platform.twitter.com/widgets/follow_button.html?screen_name=onigoetz&show_count=false"></iframe>
|
||
<br />
|
||
<br />
|
||
</div>
|
||
|
||
<div class="PoweredBy">
|
||
<hr/>
|
||
Powered by Daux.io </div>
|
||
</div>
|
||
</aside>
|
||
<div class="Columns__right Columns__right--float">
|
||
<div class="Columns__right__content">
|
||
<div class="doc_content">
|
||
<article class="Page">
|
||
|
||
<div class="Page__header">
|
||
<h1><a href="../Configuration/index.html">Configuration</a> <svg class="Page__header--separator" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 477.175 477.175"><path d="M360.73 229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1 0s-5.3 13.8 0 19.1l215.5 215.5-215.5 215.5c-5.3 5.3-5.3 13.8 0 19.1 2.6 2.6 6.1 4 9.5 4 3.4 0 6.9-1.3 9.5-4l225.1-225.1c5.3-5.2 5.3-13.8.1-19z"/></svg> <a href="../Configuration/Html_export.html">Html export</a></h1>
|
||
<span class="ModifiedDate">
|
||
Thursday, June 7, 2018 11:42 AM </span>
|
||
<span class="EditOn">
|
||
<a href="https://github.com/dauxio/daux.io/blob/master/docs/05_Configuration/Html_export.md" target="_blank">
|
||
Edit on GitHub </a>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="s-content">
|
||
<p><strong>Table of contents</strong></p>
|
||
<div class="TableOfContentsContainer">
|
||
<h4 class="TableOfContentsContainer__title">Table of Contents</h4>
|
||
<div class="TableOfContentsContainer__content">
|
||
<ul class="TableOfContents">
|
||
<li>
|
||
<p><a href="#page_Analytics">Analytics</a></p>
|
||
<ul class="TableOfContents">
|
||
<li>
|
||
<p><a href="#page_Google-Analytics">Google Analytics</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_Piwik-Analytics">Piwik Analytics</a></p>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_Automatic-Table-of-Contents">Automatic Table of Contents</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_Buttons">Buttons</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_Breadcrumb-titles">Breadcrumb titles</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_Code-Floating">Code Floating</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_Date-Modified">Date Modified</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_GitHub-Repo">GitHub Repo</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_Inherit-Index">Inherit Index</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_Jump-buttons">Jump buttons</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_Landing-page">Landing page</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_Links">Links</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_Search">Search</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_Themes">Themes</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_Toggling-Code-Blocks">Toggling Code Blocks</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="#page_Twitter">Twitter</a></p>
|
||
</li>
|
||
</ul> </div>
|
||
</div>
|
||
<h2 id="page_Analytics">Analytics</h2>
|
||
<h3 id="page_Google-Analytics">Google Analytics</h3>
|
||
<p>This will embed the google analytics tracking code.</p>
|
||
<pre><code class="language-json">{
|
||
"html": { "google_analytics": "UA-XXXXXXXXX-XX" }
|
||
}
|
||
</code></pre>
|
||
<h3 id="page_Piwik-Analytics">Piwik Analytics</h3>
|
||
<p>This will embed the piwik tracking code.</p>
|
||
<pre><code class="language-json">{
|
||
"html": { "piwik_analytics": "my-url-for-piwik.com" }
|
||
}
|
||
</code></pre>
|
||
<p>You can Also give a specific Piwik ID as well.</p>
|
||
<pre><code class="language-json">{
|
||
"html": { "piwik_analytics_id": "43" }
|
||
}
|
||
</code></pre>
|
||
<h2 id="page_Automatic-Table-of-Contents">Automatic Table of Contents</h2>
|
||
<p>You can add a table of contents on each page automatically, read about it <a href="../Features/Table_of_contents.html">here</a></p>
|
||
<h2 id="page_Buttons">Buttons</h2>
|
||
<p>You can add buttons to the landing page.</p>
|
||
<pre><code class="language-json">{
|
||
"html": {
|
||
"buttons": {
|
||
"My Website": "http://example.com"
|
||
}
|
||
}
|
||
}
|
||
</code></pre>
|
||
<h2 id="page_Breadcrumb-titles">Breadcrumb titles</h2>
|
||
<p>Daux.io provides the option to present page titles as breadcrumb navigation.
|
||
You can <em>optionally</em> specify the separator used for breadcrumbs.</p>
|
||
<pre><code class="language-json">{
|
||
"html": {
|
||
"breadcrumbs": true,
|
||
"breadcrumb_separator" : " > "
|
||
}
|
||
}
|
||
</code></pre>
|
||
<h2 id="page_Code-Floating">Code Floating</h2>
|
||
<p>By default your code blocks will be floated to a column on the right side of your content.
|
||
To disable this feature, set the <code>float</code> property to <code>false</code>.</p>
|
||
<pre><code class="language-json">{
|
||
"html": { "float": false }
|
||
}
|
||
</code></pre>
|
||
<h2 id="page_Date-Modified">Date Modified</h2>
|
||
<p>By default, daux.io will display the last modified time as reported by the system underneath the title for each document.
|
||
To disable this, change the option in your config.json to <code>false</code>.</p>
|
||
<pre><code class="language-json">{
|
||
"html": { "date_modified": false }
|
||
}
|
||
</code></pre>
|
||
<p>If you want to use the last modified time you can set the <a href="http://php.net/manual/function.date.php" class="Link--external">format</a> with the <code>date_modified_format</code> option.</p>
|
||
<pre><code class="language-json">{
|
||
"html": {
|
||
"date_modified": true,
|
||
"date_modified_format": "l, F j, Y g:i A"
|
||
}
|
||
}
|
||
</code></pre>
|
||
<h2 id="page_GitHub-Repo">GitHub Repo</h2>
|
||
<p>Add a 'Fork me on GitHub' ribbon.</p>
|
||
<pre><code class="language-json">{
|
||
"html": { "repo": "dauxio/daux.io" }
|
||
}
|
||
</code></pre>
|
||
<h2 id="page_Inherit-Index">Inherit Index</h2>
|
||
<p>This feature will instructs the navigation generator to seek the first available file to use when there is no index in a folder.</p>
|
||
<pre><code class="language-json">{
|
||
"html": { "inherit_index": true }
|
||
}
|
||
</code></pre>
|
||
<h2 id="page_Jump-buttons">Jump buttons</h2>
|
||
<p>You can have previous/next buttons on each page.
|
||
They can be disabled by setting <code>jump_buttons</code> to <code>false</code>.</p>
|
||
<pre><code class="language-json">{
|
||
"html": { "jump_buttons": false }
|
||
}
|
||
</code></pre>
|
||
<h2 id="page_Landing-page">Landing page</h2>
|
||
<p>The automatic landing page can be disabled through the <code>auto_landing</code> option, read about it <a href="../Features/Landing_page.html">here</a></p>
|
||
<h2 id="page_Links">Links</h2>
|
||
<p>Include custom links in the sidebar.</p>
|
||
<pre><code class="language-json">{
|
||
"html": {
|
||
"links": {
|
||
"GitHub Repo": "https://github.com/dauxio/daux.io",
|
||
"Help/Support/Bugs": "https://github.com/dauxio/daux.io/issues",
|
||
"Made by Todaymade": "http://todaymade.com"
|
||
}
|
||
}
|
||
}
|
||
</code></pre>
|
||
<h2 id="page_Search">Search</h2>
|
||
<p>Daux has an embedded search engine read all about it <a href="../Features/Search.html">here</a></p>
|
||
<h2 id="page_Themes">Themes</h2>
|
||
<p>We have 4 built-in Bootstrap themes. To use one of the themes, just set the <code>theme</code> option to one of the following:</p>
|
||
<ul>
|
||
<li>daux-blue</li>
|
||
<li>daux-green</li>
|
||
<li>daux-navy</li>
|
||
<li>daux-red</li>
|
||
</ul>
|
||
<pre><code class="language-json">{
|
||
"html": { "theme": "daux-blue" }
|
||
}
|
||
</code></pre>
|
||
<p>To use a custom theme, just copy over the theme folder into the <code>themes</code> directory and set its value in the <code>theme</code> param in <code>config.json</code></p>
|
||
<pre><code class="language-json">{
|
||
"html": { "theme": "new-theme" }
|
||
}
|
||
</code></pre>
|
||
<h2 id="page_Toggling-Code-Blocks">Toggling Code Blocks</h2>
|
||
<p>Some users might wish to hide the code blocks & view just the documentation.
|
||
By setting the <code>toggle_code</code> property to <code>true</code>, you can offer a toggle button on the page.</p>
|
||
<pre><code class="language-json">{
|
||
"html": { "toggle_code": true }
|
||
}
|
||
</code></pre>
|
||
<h2 id="page_Twitter">Twitter</h2>
|
||
<p>Include twitter follow buttons in the sidebar.</p>
|
||
<pre><code class="language-json">{
|
||
"html": { "twitter": ["justin_walsh", "todaymade"] }
|
||
}
|
||
</code></pre>
|
||
</div>
|
||
|
||
<nav>
|
||
<ul class="Pager">
|
||
<li class=Pager--prev><a href="../Configuration/Confluence_upload.html">Previous</a></li> <li class=Pager--next><a href="../For_Developers/Creating_a_Processor.html">Next</a></li> </ul>
|
||
</nav>
|
||
</article>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||
|
||
ga('create', 'UA-3551397-7', '');
|
||
ga('send', 'pageview');
|
||
</script>
|
||
|
||
<!-- JS -->
|
||
<script src="../themes/daux/js/jquery-1.11.3.min.js"></script><script src="../themes/daux/js/highlight.pack.js"></script><script src="../themes/daux/js/daux.js"></script>
|
||
<!-- Tipue Search -->
|
||
<script type="text/javascript" src="../tipuesearch/tipuesearch.js"></script>
|
||
|
||
<script>
|
||
window.onunload = function(){}; // force $(document).ready to be called on back/forward navigation in firefox
|
||
$(function() {
|
||
tipuesearch({
|
||
'base_url': '../'
|
||
});
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|