Permalink
Browse files

convert configuration table to html

  • Loading branch information...
cobyism committed Aug 27, 2012
1 parent c8b995b commit 674d91fde498b9fd6d928abb59bfbddbc63e1f3d
Showing with 242 additions and 1 deletion.
  1. +182 −1 _posts/2012-07-01-configuration.md
  2. +60 −0 css/style.css
@@ -18,8 +18,189 @@ options. The order of precedence for conflicting settings is this:
## Configuration Settings
-**Setting** **Config** **Flag** **Description**
+<table>
+ <thead>
+ <tr>
+ <th>Setting</th>
+ <th>Options &amp; Flags</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Safe</strong></p>
+ <p class='description'>Disables <a href="../plugins">custom plugins</a>.</p>
+ </td>
+ <td class="align-center">
+ <p><code class="option">safe: [boolean]</code></p>
+ <p><code class="flag">--safe</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Regeneration</strong></p>
+ <p class='description'>Enables or disables Jekyll from recreating the site when files are modified.</p>
+ </td>
+ <td class="align-center">
+ <p><code>auto: [boolean]</code></p>
+ <p><code>--auto</code></p>
+ <p><code>--no-auto</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Local Server</strong></p>
+ <p class='description'>Fires up a server that will host your <code>_site</code> directory</p>
+ </td>
+ <td class="align-center">
+ <p><code>server: [boolean]</code></p>
+ <p><code>--server</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Local Server Port</strong></p>
+ <p class='description'>Changes the port that the Jekyll server will run on</p>
+ </td>
+ <td class="align-center">
+ <p><code>server_port: [integer]</code></p>
+ <p><code>--server [port]</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Base URL</strong></p>
+ <p class='description'>Serve website from a given base URL</p>
+ </td>
+ <td class="align-center">
+ <p><code>baseurl: [BASE_URL]</code></p>
+ <p><code>--base-url [url]</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>URL</strong></p>
+ <p class='description'>Sets <code>site.url</code>, useful for environment switching</p>
+ </td>
+ <td class="align-center">
+ <p><code>url: [URL]</code></p>
+ <p><code>--url [URL]</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Site Destination</strong></p>
+ <p class="description">Changes the directory where Jekyll will write files to</p>
+ </td>
+ <td class='align-center'>
+ <p><code>destination: [dir]</code></p>
+ <p><code>jekyll [dest]</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Site Source</strong></p>
+ <p class="description">Changes the directory where Jekyll will look to transform files</p>
+ </td>
+ <td class='align-center'>
+ <p><code>source: [dir]</code></p>
+ <p><code>jekyll [source] [dest]</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Markdown</strong></p>
+ <p class="description">Uses RDiscount or <code>[engine]</code> instead of Maruku.</p>
+ </td>
+ <td class='align-center'>
+ <p><code>markdown: [engine]</code></p>
+ <p><code>--rdiscount</code></p>
+ <p><code>--kramdown</code></p>
+ <p><code>--redcarpet</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Pygments</strong></p>
+ <p class="description">Enables highlight tag with Pygments.</p>
+ </td>
+ <td class='align-center'>
+ <p><code>pygments: [boolean]</code></p>
+ <p><code>--pygments</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Future</strong></p>
+ <p class="description">Publishes posts with a future date</p>
+ </td>
+ <td class='align-center'>
+ <p><code>future: [boolean]</code></p>
+ <p><code>--no-future</code></p>
+ <p><code>--future</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>LSI</strong></p>
+ <p class="description">Produces an index for related posts.</p>
+ </td>
+ <td class='align-center'>
+ <p><code>lsi: [boolean]</code></p>
+ <p><code>--lsi</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Permalink</strong></p>
+ <p class="description">Controls the URLs that posts are generated with. Please refer to the <a href="../permalinks">Permalinks</a> page for more info.</p>
+ </td>
+ <td class='align-center'>
+ <p><code>permalink: [style]</code></p>
+ <p><code>--permalink=[style]</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Pagination</strong></p>
+ <p class="description">Splits your posts up over multiple subdirectories called "page2", "page3", ... "pageN"</p>
+ </td>
+ <td class='align-center'>
+ <p><code>paginate: [per_page]</code></p>
+ <p><code>--paginate [per_page]</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Exclude</strong></p>
+ <p class="description">A list of directories and files to exclude from the conversion</p>
+ </td>
+ <td class='align-center'>
+ <p><code>exclude: [dir1, file1, dir2]</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Include</strong></p>
+ <p class="description">A list of directories and files to specifically include in the conversion. <code>.htaccess</code> is a good example since dotfiles are excluded by default.</p>
+ </td>
+ <td class='align-center'>
+ <p><code>include: [dir1, file1, dir2]</code></p>
+ </td>
+ </tr>
+ <tr class='setting'>
+ <td>
+ <p class='name'><strong>Limit Posts</strong></p>
+ <p class="description">Limits the number of posts to parse and publish</p>
+ </td>
+ <td class='align-center'>
+ <p><code>limit_posts: [max_posts]</code></p>
+ <p><code>--limit_posts=[max_posts]</code></p>
+ </td>
+ </tr>
+ </tbody>
+</table>
Default Configuration
---------------------
View
@@ -452,6 +452,7 @@ p {
.right { float: right; }
.align-right { text-align: right; }
.align-left { text-align: left; }
+.align-center { text-align: center; }
/* Article HTML */
@@ -471,3 +472,62 @@ h5, h6 {
font-size: 1em;
font-style: italic;
}
+
+/* Tables */
+
+table {
+ width: 100%;
+ background: #555;
+ margin: .5em 0;
+ border-radius: 5px;
+ box-shadow: 0 1px 3px rgba(0,0,0,.3);
+}
+
+thead {
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ color: #fff;
+ background: #3a3a3a;
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhM2EzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, #3a3a3a 0%, #1e1e1e 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#1e1e1e));
+ background: -webkit-linear-gradient(top, #3a3a3a 0%,#1e1e1e 100%);
+ background: -o-linear-gradient(top, #3a3a3a 0%,#1e1e1e 100%);
+ background: -ms-linear-gradient(top, #3a3a3a 0%,#1e1e1e 100%);
+ background: linear-gradient(to bottom, #3a3a3a 0%,#1e1e1e 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#1e1e1e',GradientType=0 );
+}
+
+thead th {
+ position: relative;
+}
+
+thead th:first-child {
+ border-top-left-radius: 5px;
+}
+
+thead th:last-child {
+ border-top-right-radius: 5px;
+}
+
+td {
+ padding: .5em .75em;
+}
+
+td p {
+ margin: 0;
+}
+
+th {
+ text-transform: uppercase;
+ font-size: 16px;
+ padding: .5em 0;
+ text-shadow: 0 -1px 0 rgba(0,0,0,.9);
+}
+
+.setting .title {
+}
+
+.setting .description {
+ font-size: 16px;
+}

0 comments on commit 674d91f

Please sign in to comment.