Blog Fable

This is a small Fable app project to generate static pages. Use React with Feliz.

This repository re-creates a subset of fable-compiler/static-web-generator with the latest dependencies.

GitHub Pages deployment is here. You can view the sample pages on this site.

Motivation

• Learn how to write app with Fable
• Rebuild My personal blog with F#

Supported features

• Post
• Page
• RSS feed
• Sitemap
• Dev server
• Color scheme

Constraints

The filename for pages should follow the pattern below.

^[a-zA-Z0-9-.\s]+\.md$

The filename for posts should follow the pattern below.

^\d{4}-\d{2}-\d{2}-[a-zA-Z0-9-.\s]+\.md$

Building and running the app

• Install dependencies: npm install
• Build entire pages: npm run build
  • It depends npm run build-fable and npm run build-css
    • Build pages: npm run build-fable
    • Build styles: npm run build-css
• Build pages and start a development server: npm run dev
  • After finished the first compilation, open: http://localhost:8080/ automatically
  • The simplest way to build and start a server

Credits

This repository incorporates parts of the following open source software:

• The project based on fable-compiler/static-web-generator: Simple Fable Node.js app to generate static pages
• Node.Extra.fs is originally written in MangelMaxime/Nacara
• dev-server.fsx based on sergey-tihon/suave-angular2-demo: Demo site for Suave 1.0 + Angular 2.0.0-beta.0
• Color schema based on Solarized.