You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

156 lines
2.5 KiB
Markdown

2 years ago
# vss
vss is an easy to use static site generator. With `layout/index.html`, Markdown
content, and a little configuration, you can easily build your website!
- **Easy** to use
- Create site content with **Markdown**
<p align="center">
<img src="./image.gif" alt="vss" width="738">
</p>
2 years ago
![CI](https://github.com/zztkm/vss/workflows/CI/badge.svg)
2 years ago
## Caution
vss is still under development and the API is not stable. Be aware that
disruptive changes may be made!
2 years ago
## Usage
### Setup contents
Currently, be sure to configure the following
2 years ago
```
tree
2 years ago
.
├── about.md
├── config.toml
2 years ago
├── index.md
├── layouts
│ └── index.html
└── static
├── css
│ └── main.css
└── js
└── main.js
```
2 years ago
cat index.md
```markdown
2 years ago
# Open Sea
A static site generator
- [GitHub](https://github.com/zztkm)
[about page](./about.md)
```
2 years ago
cat config.toml
```toml
title = "Open Sea"
description = "Takumi Tsuruta's home page"
2 years ago
base_url = 'https://zztkm.github.io/vss/'
```
cat layouts/index.html
```html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>@title</title>
<base href="@baseUrl">
<meta name="description" content="@description" />
</head>
<body>
@contents
</body>
2 years ago
```
2 years ago
Build your site
2 years ago
```
vss build
2 years ago
```
Output
2 years ago
```
tree dist
dist
├── about.html
├── css
│ └── main.css
├── index.html
└── js
└── main.js
```
2 years ago
cat dist/index.html
```html
2 years ago
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Open Sea</title>
<base href="https://zztkm.github.io/vss/">
<meta name="description" content="Takumi Tsuruta's home page" />
2 years ago
</head>
2 years ago
<body>
<h1>Open Sea</h1>
<p>A static site generator</p>
<ul>
<li><a href="https://github.com/zztkm">GitHub</a></li>
</ul>
<p><a href="./about.html">about page</a></p>
2 years ago
</body>
```
## Example
Examples can be found at the
[example](https://github.com/zztkm/vss/tree/main/example) directory.
## Installation
### (Recommended) Install Script
With Shell(For Mac & Linux):
```shell
curl -fsSL https://raw.githubusercontent.com/vssio/vss_install/main/install.sh | sh
```
With PowerShell(for Windows):
```powershell
irm https://raw.githubusercontent.com/vssio/vss_install/main/install.ps1 | iex
```
More information: https://github.com/vssio/vss_install
### Get the binary
Download from [Releases](https://github.com/zztkm/vss/releases)
### Build from source
```
git clone https://github.com/vssio/vss.git
cd vss
v install markdown
v . -o vss
```