GithubHelp home page GithubHelp logo

collinkleest / hax11ty Goto Github PK

View Code? Open in Web Editor NEW

This project forked from haxtheweb/hax11ty

0.0 1.0 0.0 17.17 MB

hax + 11ty == hax11ty, HAX for authoring, HAXcms for rendering, 11ty for static publishing. Enjoy!

Home Page: https://elmsln.github.io/hax11ty

JavaScript 35.82% Dockerfile 0.30% Liquid 10.60% HTML 6.56% CSS 0.92% Nunjucks 45.49% Shell 0.32%

hax11ty's Introduction

HAXcms + 11ty

This wrapper on 11ty provides conventions to simplify how you build and deploy HAXcms in a static form.

Quick Install

curl -fsSL https://raw.githubusercontent.com/elmsln/hax11ty/master/hax11tyme.sh -o hax11tyme.sh && sh hax11tyme.sh

Starting the repo usage

  • Clone the repo / use it as a template
  • yarn install
  • yarn start to work locally and view changes

gh-pages workflow

There are already github actions setup that will work out of the box after you change these two settings:

  • Use this repo as a template to make your own
  • Edit src/settings.js and ensure the line that has var gitOrg is set to your organization (gitRepo as well if you change the repo name)
  • Then make sure you enable actions by clicking the Actions tab and telling it to run By changing these settings up front all changes to the repo should automatically build out your github pages site!

Adding content / working locally

All files that you'll want to modify are found in the src/ directory

  • Add pages into the src/content/ directory, .md with greymatter allows you to set title of the page and order
  • src/files/ is where you can place files you manually want to include in your site, referenced within content
  • src/styles.css has some default settings and styles which you can modify
  • src/settings.js - modify theme used, additional settings

Publishing

Publishing with hax11ty is a snap and we have multiple methods of publishing we support. As long as you stick to just modifying the files mentioned

Publishing to github

  • yarn run build will build it into the dist directory
  • Or, if you use github actions, you should be able to just change files

Taking into HAXiam or HAXcms local versions

yarn run local-build will build it into the dist directory, tweaking paths to be more compatible with HAXcms local and shared hosting solutions

11ty expert

You can find all 11ty configuration and settings inside the app/ folder. Only modify these things if you have experience with 11ty as you'll be forking from the suported build workflows.

hax11ty's People

Contributors

btopro avatar collinkleest avatar heymp avatar

Watchers

 avatar

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.