How to make a website

Learn how to make your own website. See demo.

Screenshot

Install website

  1. Download and unzip Datenstrom Yellow.
  2. Copy all files to your web hosting.
  3. Open your website in a web browser.

Your website is immediately available. The installation comes with two pages, 'Home' and 'About'. This is just an example to get you started, change everything as you like. You can make a website by adding more files and folders.

When there are problems, please check the web server configuration.

Writing web pages

Have a look inside your content folder, here are all your web pages. Open the file content/1-home/page.txt. You'll see settings and text of the page. You can change Title and other settings at the top of a page. Here's an example:

---
Title: Home
---
Your website works! 

You can [edit this page] or use your text editor. 

To create a new page, add a new file to the home folder or another content folder. To add something to the navigation, create a new folder with a numerical prefix. Only folders with a prefix are shown in the navigation. Here's another example page:

---
Title: Yellow is for people who make websites
---
You can [edit this page]. The help gives you more information 
about how to create small web pages, blogs and wikis.

Now let's add an image:

---
Title: Yellow is for people who make websites
---
[image picture.jpg Picture rounded]

You can [edit this page]. The help gives you more information 
about how to create small web pages, blogs and wikis.

Let's show a different title in the navigation:

---
Title: Yellow is for people who make websites
TitleNavigation: Home
---
[image picture.jpg Picture rounded]

You can [edit this page]. The help gives you more information 
about how to create small web pages, blogs and wikis.

You can write pages in Markdown.

Creating a sidebar

To create a sidebar add the file sidebar.txt to a content folder. The sidebar will be shown on all pages in the same folder. Here's an example sidebar:

---
Title: Sidebar
Status: hidden
---
Links

* [Twitter](https://twitter.com/datenstromse)
* [GitHub](https://github.com/datenstrom)
* [Instagram](https://instagram.com/datenstromse)

More features

Next: How to make a blog →