Editing the Wiki

This documentation is a Wiki, which means anyone can edit it.

Simply click the Edit button at the bottom of every page. The first time you will need to create a Wikidot account, which takes just a minute.

You are very much encouraged to help us improve this documentation.

Even small contributions can have a large impact and make lots of new user's life easier.

In order to edit the wiki, you will need to learn a few things, like how to write in Wiki Markup language.

You can just write plain text, and it will be displayed, but there are ways to make it more useful :)

It is fairly simple, and you can very easily just copy the way it is done on existing pages.

A good starting point is the Wikidot Wiki Syntax documentation.

A few examples

Text

You can just write text and it will be displayed as-is.

To make sure lines are separated, leave an empty line between them, like this : 

You can just write text and it will be displayed as-is. 

To make sure lines are separated, leave an empty line between them, like this :

Headers

You can add headers to structure your page ( like on this page ), by doing :  

== Header

The number of + signs determines how big the header is, the page title has one + sign, and the rest get more and more as they go deeper.

= One plus header == Two plus header === Three plus header ==== Four plus header

To insert a link into a page, simply to : 

This is a link : [[http://www.example.com|link name]].

Page links

To insert a link to a page on the wiki itself, do :  

This is a link to the [[Editing the wiki]] page.

Images

To insert an image, do : 

<html>
<!-- Original Wikidot-time syntax, auto-replaced: «<html>
<!-- Original Wikidot-time syntax, auto-replaced: «[[image http://www.example.com/image.png]]» -->
<img src="/_media///external/http.www.example.com.image.png" undefined>
</html>» -->
<img src="/_media//external/http.www.example.com.image.png" undefined>
</html>

A nicer way of integrating images is to do the following :

A laser power supply


They use very high voltages and are dangerous 

<html>
<div class='panel panel-default wrap_right' style='width:450px;padding:10px '>
<div class='panel-heading'><h4 class='panel-title'>A laser power supply</h4></div>
<image src='/_media///external/http.img.alibaba.com.img.pb.960.762.268.1285495147301.hz.cnmyalibaba.web4.68831.jpg' width='430px'><br/>
They use very high voltages and are dangerous
</div>
</html>

Which gives you a box, labels, and float control.

Note that you can change the floats to Middle to make the image centered, or Left to make it float to the left.

Commands

If you are mentionning a G-code or a configuration option, we have a special syntax that makes it look Like this, simply do : 

The <kbd>G1</kbd> G-code is pretty cool.

Code

To insert code into the page, you can use the special code tag : 

<code>
# This is redundant
Some code

</code>

It will be formatted as mono-space, and will not be interpreted as Wiki markup.

Boxes

We have a special syntax for “notes” that makes nice colored boxes, like this :

Shiny box

With lots of yummy information

The syntax is :  

<callout type="success" icon="true" title=" Shiny box">
With lots of yummy information
</callout>

You can change the color of the box by changing Bs+Callout+Success to other values : 

  • Bs+Callout+Danger : Red
  • Bs+Callout+Warning : Orange
  • Bs+Callout+Success : Green
  • Bs+Callout+Primary : Blue
  • Bs+Callout+Info : Light blue
  • Bs+Callout+Default : Grey

Table of contents

If the page has many headers, you can add a table of contents to it to make it easier to navigate, by doing :  

[[toc]]

You can right-justify it by doing : 

[[f>toc]]

Here is what it looks like : 

toc

Lists

You can make nicely formatted lists by doing : 

* Item one
* Item two
* Item three

They then look like this :

  • Item one
  • Item two
  • Item three

HTML

You can insert raw HTML into the page by doing : 

[[html]]
<h1>Custom HTML</h1>
<p>Something else</p>
<img src="/_media//anything.png" alt="hello ;-)"/>
[[/html]]

This is in particular useful to insert Youtube videos and the like.

Page formatting

The Smoothie wiki uses Bootstrap for formatting, which means you can use it's nice features to make your pages look nicer.

For example you can format your page with two columns : 

One column
Another column

You do this by writing : 

<grid>
<col md="6">
One column
</col>
<col md="6">
Another column
</col>