siteG - A static site generator | SiteG is a static site generator with automatic management techniques. It is specially designed for portfolio websites.

SiteG - A static site generator

Create and manage your site easily!
Home

View Demo · Report Bug

1. Home Banner
- Home Banner Subtitle
2. About Me
- Your introduction
3. Contact Form
4. Posts
5. For modification
License
Contact

Note: Go through this page: click me before moving forward because you will only learn some important rules and procedures available in SiteG.
Some Rules:

Siteg supports images listed here.
- BMP
- EPS
- GIF (Only for Images for post)
- ICO
- JPEG
- JPEG 2000
- PNG
- TIFF
SiteG does not show upload progress information so better upload small size images.
Keep your website files safe because siteG cannot recover your site if anything goes wrong by human mistake or in case of lost.

Hiting Enter will result in break of line.
Example: Result:

2. About Me

Your introduction

Hiting Enter will result change in paragraph.
Example: Screenshot Result:

3. Contact Form

SiteG supports google form. So to include google form, you will need to follow some steps. Let’s see how.

Open this link. Google Forms
Click Blank to get a new form.
First input should be like this.
The whole form should look like this.
Now get the link of the form. Click the send button.
Copy the link from here.
Replace /viewform to /formResponse in the link. It should look like https://docs.google.com/forms/d/e/<form-id>/formResponse. Paste it in the action input of contact section
For rest of inputs, paste the copied link in new tab of browser and Hit Ctrl+Shift+I to open inspector and Focus on search HTML as shown in red box.
Now, search for “entry.” and you will see like this.

First one is for name
Second one is for email
Third one is for message

Hurray! Form can now be submitted from your site.

4. Posts

Screenshot

Click Go to Posts to post or edit articles. After clicking it, you will go to Category section. Category is here just to tell people what kind of posts you are writing.

Screenshot

Add a category and click it to go to post section.

Screenshot

If you want to delete or rename it, just right-click the category folder.

Screenshot See!! Its that simple. Now, Let’s add new post.

Screenshot

Click it and you will see a window like below: Screenshot

In Post Setup, you can write short descriptions and keywords about the post.

Next is Image for the post. Here, you have to add the images you want to add in the post article.

Third is Markdown Editor. You can write post in markdown format. Also enabling Allow HTML will allow you to write in html format. You can learn to write markdown from Common Mark. As it supports syntax from Common Mark, I would recommend learning from there. It’s so easy and interesting than writing normal documents. :happy:

A demo file is already loaded in the editor to help you.

Things you need to know while writing markdown:

Heading: Do not use Heading 1. Start from Heading 2 and so on.
Image: For uploading image from your PC, First upload the image in Image for the post. Then, copy the link generated below the added image and paste the link with image syntax in markdown. I will show a demo.
- Upload the image
- Get File Path
- Go to Markdown Editor below and hit Ctrl+SPACE to get image snippet.
- Now hitting Enter will produce a img code like this.
- Replace alttext with image description and press TAB. and give post id and image id. In this example, post-id is 1 and image-id is 1. Now it should look like this.
```
  ![Chair made on blender](/posts/images/1/1-1.jpg "Chair 3D model")
```