TEA is a template engine with GUI. TEA is focused on the separation of working files and files that will get to the host. In particular, TEA is great for generating static websites.
-
Download the latest version of the app.
-
Launch the app.
-
Click
Create projectbutton to create a project folder orOpen projectbutton if this folder already exists.Please note that the project folder must contain
settings.json. In the "templates/" folder you should store yourtemplates. Templates can containany textor an inline block of another template. In the "workspace/" folder you should store your working files usingtemplates. The generated project files will be stored in the "app/" folder. -
If you have changed the settings in the application and want to save them, click
Save settingsbutton. All personal settings of the application will be saved insettings.json. -
Click
Generatebutton to generate the app files in the "app/" folder.
Since users can change the pointers of inline blocks, we will analyze only the default pointers.
If you just want to insert a template, use the construction [[template_link]] in the working file and any text in the template file:
// workspace/index.html
<html>
<head>
[[head.html]]
<meta name="description" content="TEA releases">
<meta property="og:title" content="TEA releases">
<meta property="og:url" content="https://github.com/DARKNEET69/TemplateEngineApp/releases">
</head>
</html>// templates/head.html
<meta charset="utf-8">
<title> TEA WEBSITE </title>
<meta name="theme-color" content="#b4c290">
<meta property="og:type" content="website">
<meta property="og:site_name" content="TEA WEBSITE">// After generation index.html will appear in the "app/"
<html>
<head>
<meta charset="utf-8">
<title> TEA WEBSITE </title>
<meta name="theme-color" content="#b4c290">
<meta property="og:type" content="website">
<meta property="og:site_name" content="TEA WEBSITE">
<meta name="description" content="TEA releases">
<meta property="og:title" content="TEA releases">
<meta property="og:url" content="https://github.com/DARKNEET69/TemplateEngineApp/releases">
</head>
</html>If you need to insert parameters, use the construction [[template_link, parameter_name = value]] in the working file and {{parameter_name}} in the template file:
// workspace/index.html
<html>
<head>
[[folder1/head.html, description = TEA releases, url = https://github.com/DARKNEET69/TemplateEngineApp/releases]]
</head>
</html>// templates/folder1/head.html
<meta charset="utf-8">
<title> TEA WEBSITE </title>
<meta name="theme-color" content="#b4c290">
<meta property="og:type" content="website">
<meta property="og:site_name" content="TEA WEBSITE">
<meta name="description" content="{{description}}">
<meta property="og:title" content="{{description}}">
<meta property="og:url" content="{{url}}">// After generation index.html will appear in the "app/"
<html>
<head>
<meta charset="utf-8">
<title> TEA WEBSITE </title>
<meta name="theme-color" content="#b4c290">
<meta property="og:type" content="website">
<meta property="og:site_name" content="TEA WEBSITE">
<meta name="description" content="TEA releases">
<meta property="og:title" content="TEA releases">
<meta property="og:url" content="https://github.com/DARKNEET69/TemplateEngineApp/releases">
</head>
</html>You can also declare the default value of a parameter in the template using the construction {{parameter_name = value}}. The default value will be used when inlining the template, if the parameter is not specified:
// workspace/index.html
<html>
<head>
[[head.html]]
</head>
</html>// templates/head.html
<meta charset="utf-8">
<title> TEA WEBSITE </title>
<meta name="theme-color" content="#b4c290">
<meta property="og:type" content="website">
<meta property="og:site_name" content="TEA WEBSITE">
<meta name="description" content="{{description = TEA}}">
<meta property="og:title" content="{{description = TEA}}">
<meta property="og:url" content="{{url = https://github.com/DARKNEET69/TemplateEngineApp}}">// After generation index.html will appear in the "app/"
<html>
<head>
<meta charset="utf-8">
<title> TEA WEBSITE </title>
<meta name="theme-color" content="#b4c290">
<meta property="og:type" content="website">
<meta property="og:site_name" content="TEA WEBSITE">
<meta name="description" content="TEA">
<meta property="og:title" content="TEA">
<meta property="og:url" content="https://github.com/DARKNEET69/TemplateEngineApp">
</head>
</html>To set up the GitHub Pages deployment directly from the "app/" folder:
- Go to the
Pagestab on the repository settings - In the
Build and deploymentfield, selectGitHub Actions - Use a suggested workflow
Static HTML - Find the line
path: '.'with the comment# Upload entire repositoryand change topath: './app'
*sip TEA*