GithubHelp home page GithubHelp logo

leostera / cactus Goto Github PK

View Code? Open in Web Editor NEW
65.0 3.0 2.0 189 KB

๐ŸŒตA composable static site generator

Makefile 1.35% OCaml 27.69% Shell 0.47% Reason 70.49%
static-site-generator composable-infrastructure build-system blazingly-fast reasonml ocaml markdown desert

cactus's Introduction

๐ŸŒต Cactus โ€” A composable static site generator

Cactus is a reaction to the amount of static site generators out there that enforce their structures on you. Cactus does very little. If you open it up, you'll find it's full of water.

Installing

cactus builds with Esy just fine. Make sure to have libev-dev installed tho!

esy
esy build
esy x cactus

Getting Started

Cactus works in a very simple way. In fact it's almost silly how simple it is. If you put a cactus-project file on the root of your project, cactus will look throughout your whole project for site files.

site files simply tell cactus that this particular folder should be compiled into a website.

So if you have your posts in the following structure:

my/website ฮป tree
.
โ”œโ”€โ”€ pages
โ”‚ย ย  โ”œโ”€โ”€ First-post.md
โ”‚ย ย  โ””โ”€โ”€ Some-other-post.md
โ””โ”€โ”€ sections
    โ”œโ”€โ”€ about.md
    โ”œโ”€โ”€ hire-me.md
    โ””โ”€โ”€ projects.md

You just need to touch a few files:

my/website ฮป touch cactus-project
my/website ฮป touch pages/site sections/site

And you can run cactus to compile the website using the same tree structure under a _public folder:

my/website ฮป cactus build
๐ŸŒต Compiling project...
๐ŸŒฎ Done in 0.002s

my/website  ฮป tree
.
โ”œโ”€โ”€ _public
โ”‚ย ย  โ”œโ”€โ”€ pages
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ First-post.html
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ Some-other-post.html
โ”‚ย ย  โ””โ”€โ”€ sections
โ”‚ย ย      โ”œโ”€โ”€ about.html
โ”‚ย ย      โ”œโ”€โ”€ hire-me.html
โ”‚ย ย      โ””โ”€โ”€ projects.html
โ”œโ”€โ”€ cactus-project
โ”œโ”€โ”€ pages
โ”‚ย ย  โ”œโ”€โ”€ First-post.md
โ”‚ย ย  โ”œโ”€โ”€ Some-other-post.md
โ”‚ย ย  โ””โ”€โ”€ site
โ””โ”€โ”€ sections
    โ”œโ”€โ”€ about.md
    โ”œโ”€โ”€ hire-me.md
    โ”œโ”€โ”€ projects.md
    โ””โ”€โ”€ site

Which you can readily serve however you feel like. Upload to S3, Now, GCS, Github pages, or pretty much wherever.

When in doubt, check out the example folder. All of the features will be showcased there.

Templating

You'll quickly notice that the bare compilation from Markdown to HTML doesn't quite fit all use-cases. To alleviate this cactus lets you specify in your site file a template file to be used for all the Markdown files within that specific site.

Say you wanted to wrap all of the pages from the example above in a common markup: add a <meta charset="utf-8"> to all of them. You'd write a template file:

<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    {| document |}
  </body>
</html>

And in your site file you'd point to it:

(template "path/to/template.html")

Voila! That's all it takes to get the templating up and running. It's very basic at the moment, but it'll get you quite far! The next step is to provide better support for building pages with arbitrary logic, possibly by letting you specify a module to be used for processing each file.

Assets

To copy assets (any supporting file to your site) you can use the (assets ...) rule:

(assets
  style.css
  logo.svg
  bg_music.midi)

And they will be automatically copied from their location, relative to the site file.

You can also use the shorthand . instead of listing your assets to have all the files in the folder copied over. This is not recursive.

cactus's People

Contributors

leostera avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

cactus's Issues

Consider renaming `site` to `cactus`

  1. Much more unlikely to accidentally match an existing file with that name (given the domain of the tool)
  2. Makes it more obvious that something is related to the build tool

Support more General Templating

If site files supported rules like:

(page
   index.md
   (with-generator Index.re))

Then perhaps we can define Index.re to be:

open Cactus;

include Cactus.Generator.Make({

  let render = (ctx, project, site, page) => {
     /* and here we can transform the Index.md page using Omd */ 
  };

});

This would allow to treat pages as inputs to modules, which can then do really just any amount of side-effects to transform them (including any I/O).

xrefs: #8

Support watch mode on build.

The watch mode should keep no cache, and should not keep any state in memory.

It should listen to file system changes (adding, removing, modifying) and retrigger a full build.

Testing Cactus

Hey @ostera, nice work. Thanks you for sharing this.

I tried this and seems to do what it says its supposed to do. A few questions.
Here is the demo: https://github.com/idkjs/cactus-example.

Running now from the _public dir seems to work. Deployed here: https://public-hfxpuofntn.now.sh. Is there a way to generate an index page?

Also, running gh-pages -d _public doesn't seem to do anything though it creates the repo branch. Is there a particular set up to get something to render?

Tell you what, you were serious when you said it ridiculously simple. Thanks again.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.