https://github.com/krymtkts/blog-fable

A small Fable app project to generate static pages
https://github.com/krymtkts/blog-fable

fable fsharp static-site-generator

Last synced: over 1 year ago
JSON representation

A small Fable app project to generate static pages

• Host: GitHub
• URL: https://github.com/krymtkts/blog-fable
• Owner: krymtkts
• License: mit
• Created: 2023-04-29T05:42:55.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-09-14T04:50:29.000Z (almost 2 years ago)
• Last Synced: 2024-09-15T15:20:49.643Z (almost 2 years ago)
• Topics: fable, fsharp, static-site-generator
• Language: F#
• Homepage: https://krymtkts.github.io/blog-fable/index.html
• Size: 947 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# [Blog Fable](https://krymtkts.github.io/blog-fable/index.html)

![Deploy GitHub Pages](https://github.com/krymtkts/blog-fable/actions/workflows/gh-pages.yml/badge.svg)

[![Known Vulnerabilities](https://snyk.io/test/github/krymtkts/blog-fable/badge.svg)](https://snyk.io/test/github/krymtkts/blog-fable)

This is a small [Fable](https://fable.io/) app project to generate static pages.

Use React with [Feliz](https://zaid-ajaj.github.io/Feliz/#/).

This repository re-creates a subset of [fable-compiler/static-web-generator](https://github.com/fable-compiler/static-web-generator) with the latest dependencies.

GitHub Pages deployment is [here](https://krymtkts.github.io/blog-fable/index.html).

You can view the sample pages on this site.

## Motivation

- Learn how to write app with Fable

- Rebuild [My personal blog](https://github.com/krymtkts/krymtkts.github.io) with F#

## Supported features

- [x] Post

- [x] Page

- [x] RSS feed

- [x] Sitemap

- [x] Dev server

- [x] 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](https://github.com/fable-compiler/static-web-generator)

- `Node.Extra.fs` is originally written in [MangelMaxime/Nacara](https://github.com/MangelMaxime/Nacara)

- `dev-server.fsx` based on [sergey-tihon/suave-angular2-demo: Demo site for Suave 1.0 + Angular 2.0.0-beta.0](https://github.com/sergey-tihon/suave-angular2-demo)

- Color schema based on [Solarized](https://ethanschoonover.com/solarized/).