Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Webiste hosting with GitHub and Publii

Webiste hosting with GitHub and Publii

Presentation given at the KPN internal GroSkills event.

The presentation is in Dutch but most of the images should be readable for the non-Dutch.

Topics of this presentation include static websites, hosting on GitHub, GitLab or BitBucket, Hugo, MkDocs and Publii.

Albert W. Alberts

June 20, 2019
Tweet

More Decks by Albert W. Alberts

Other Decks in Technology

Transcript

  1. Wat is een website? Het eindproduct wordt getoond in een

    browsert maar wat gebeurt er onder water: HTML CSS JavaScript Webserver (host) Statische content, plaatjes e.d. Dynamische content, code
  2. Statische website: geen database back-end pagina's bestaan uit: HTML CSS

    client-side JavaScript content is statisch betere caching betere performance veilig
  3. Website hosting, de mogelijkheden ... Eigen server hosten Webserver als

    dienst Website als dienst Website genereren als dienst GitHub Pages, GitLab Pages of BitBucket Pages
  4. Eigen server? Beveiliging? Hoe richt je je server in? Waar

    staat je server? Heb je voldoende bandbreedte?
  5. Webserver als dienst? Beveiliging? Hoe richt je je webserver in?

    Welke hoster kies je? Wat kost het om je server te hosten?
  6. Website als dienst? Welke hoster kies je? Wat zijn de

    mogelijkeden? Inclusief SSL certificaat? Kosten?
  7. Git Git is a distributed version-control system for tracking changes

    in source code during so"ware development. It is designed for coordinating work among programmers, but it can be used to track changes in any set of files. Its goals include speed, data integrity, and support for distributed, non-linear workflows. [Wikipedia]
  8. Git clone Het ophalen van bestanden uit een repository Een

    voorbeeld ... git clone https://github.com/repository/project.git $ git clone https://github.com/repository/project.git project Cloning into 'ananke'... remote: Enumerating objects: 17, done. remote: Counting objects: 100% (17/17), done. remote: Compressing objects: 100% (15/15), done. remote: Total 1349 (delta 3), reused 13 (delta 2), pack-reused 1332 Receiving objects: 100% (1349/1349), 4.14 MiB | 155.00 KiB/s, done. Resolving deltas: 100% (722/722), done.
  9. Git pull Het ophalen van de laatste versie van een

    lokaal bestaand project $ git pull
  10. Offline CMS Website lokaal genereren en uploaden. Wat zijn de

    mogelijkheden? Jekyll, meest populair Hugo, verreweg de snelste MkDocs, gericht op documentatie Publii, makkelijk in gebruik
  11. MkDocs is a fast, simple and downright gorgeous static site

    generator that's geared towards building project documentation. Documentation source files are written in Markdown, and configured with a single YAML configuration file.
  12. Publii a new Static CMS with GUI to build an

    extremely safe, fast and stylish HTML website. Publii is a static-website-building tool for every skill level, from beginner to developer. getpublii.com