jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-19 07:17:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update website docs

Browse Source
This commit is contained in:
Paulus Schoutsen 2016-08-22 01:22:28 -07:00
parent 9527e27cc9
commit c122c670e1
1 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
source/developers/website.markdown
View File

@ -11,10 +11,9 @@ footer: true
The website you're reading now is the home of Home Assistant: [https://home-assistant.io](https://home-assistant.io). This is the place where we provide documentation and additional details about Home Assistant for end users and developers.
home-assistant.io uses the [Octopress](http://octopress.org/) framework for [Jekyll](http://github.com/mojombo/jekyll). To get more details, please checkout the [Octopress documentation](http://octopress.org/docs/).
That means that creating a new page is simple. The pages are written in [markdown](http://daringfireball.net/projects/markdown/); you don't need to care about HTML or the like.
home-assistant.io is built using [Jekyll](http://github.com/mojombo/jekyll). The pages are written in [markdown](http://daringfireball.net/projects/markdown/); to add a page you don't need to know about HTML or the like.
The process for working on the website is no different from working on Home Assistant itself.
The process for working on the website is no different from working on Home Assistant itself. You work on your change and propose it via a pull request.
To test your changes locally, you need to install the **Ruby** dependencies (gems):
@ -32,20 +31,23 @@ Then you can work on the documentation:
For a platform page, the fastest way is to make a copy of an existing page and edit it. The [component overview](/components/) is generated automatically, so there is no need to add a link to your page.
### {% linkable_title Code %}
To take advantage of the built-in features of Octopress to display code snippets, just use the default markdown syntax. Please use `$` and `#` if it's a command and to differ from output.
### {% linkable_title Embedding Code %}
```bash
Here goes the code...
You can use the default markdown syntax to generate syntax highlighted code. For inline code wrap your code in \`. For multi line syntax wrap your code like this:
```text
\`\`\`yaml
sensor:
platform: template
\`\`\`
```
If you want to display line numbers, add the following snippet somewhere on your page.
Note that you can replace `text` next to \`\`\` with the language that is within the block.
```
{::options coderay_line_numbers="table" /}
```
When you're writing code that is to be executed on the terminal, prefix it with `$`.
### {% linkable_title Images, icons, and logos %}
The images which are displayed on the pages are stored in various directories according to their purpose.
| Type | Location |
@ -54,4 +56,3 @@ The images which are displayed on the pages are stored in various directories ac
| logos | source/images/supported_brands |
Not everything (product, component, etc.) has a logo. To show something for internal parts of Home Assistant we are using the [Material Design Icons](https://materialdesignicons.com/).