Code Monkey home page Code Monkey logo

hnm-nikola's Introduction

hnm-nikola Build Status

Nikola Sourcen der Homepage der Hack & Make 2020

Wie kann ich etwas ändern?

  • Ihr benötigt einen github-Account. Falls Ihr noch keinen habt, der ist schnell eingerichet.
  • Dann benötigt ihr Schreibrechte in der fablabnbg-Organization oder zumindest in diesem Repository hier. Dazu schickt einfach euren github-Benutzernamen an Ian. (Zum Beispiel, indem Ihr einfach hier ein neues "Issue" eröffnet).
  • Dann könnt Ihr direkt im Browser über das "Stift"-Icon die Seiten ändern.

Wie kann ich lokal ändern oder neue Seiten hinzufügen?

  • Wenn Ihr Änderungen am Design vornehmen wollt oder Neuigkeiten oder Seiten hinzufügen wollt, installiert ihr am besten Nikola lokal.
  • Installationsanleitung unter Linux:
    1. python3 verwenden/ggf. installieren: sudo apt install python3-pip
    2. virtualenv installieren: pip install virtualenv -- bitte unbedingt darauf achten, dass ihr python3 verwendet. Ggf. dazu pip3 anstelle von pip eingeben.
    3. Erstellt ein neues leere Unterverzeichnis und wechselt dort hin. (Zum Beispiel mkdir nikola && cd nikola)
    4. Erstellt ein virtualenv in diesem Verzeichnis: virtualenv .
    5. Aktiviert das virtualenv: source bin/activate
    6. Installiert nikola: pip install nikola[extras]
    7. Holt Euch die Sourcen der Webseite: git clone https://github.com/fablabnbg/hnm-nikola.git
    8. Wechselt ins Unterverzeichnis: cd hnm-nikola
  • Ändern/neu erstellen (unter Linux):
    1. Wechselt in eurer nikola-virtualenv-Verzeichnis
    2. Aktiviert das virtualenv: source bin/activate
    3. Wechselt ins Unterverzeichnis: cd hnm-nikola
    4. Dort könnt ihr nun die diversen Dateien nach Euren Wünschen und mit einem Editor Eurer Wahl (vim, VS Code, kate, ...) anpassen
    5. Zum neuerstellen der Seiten: nikola build
    6. Zum lokalen Anschauen der Seiten: nikola serve -b
    7. Zum deployen der erstellten Webseite auf dem Testserver: nikola github_deploy
    8. Zum speichern der Änderungen an den Sourcen auf github:
      1. Ggf. Auflisten der geänderten Dateien mit git status
      2. Alle geänderten Dateien zum comitten vormerken: git add .
      3. Ggf. Anzeigen der Änderungen mit git diff
      4. Änderungen comitten: git commit -m "<Änderungsbeschreibung>"
      5. Den Commit auch auf dem remote-Server (=github) speichern: git push

Verbesserungsvorschläge/Änderungswünsche

Verbesserungsvorschläge oder Änderungswünsche meldet Ihr am besten einfach hier als "New Issue" an.

Technische Details

Nikola Config

  • liegt in conf.py
  • Theme ist das Standard-Theme für Webseiten: "bootstrap4" und bist jetzt unverändert.
  • Anpassung des Design liegt in files/assets/css/custom.css

Deployment (lokal):

  • Zur Zeit erfolgt das Deployment in Richtung github-pages
  • TODO: Deployment auf eigenen Server
    • Wird sinnvollerweise über rsync mittels ssh-key erfolgen.

Details zum Deployment

  • Erfolgt über github Actions
  • TODO (Travis CI kommt dabei nicht mehr zum Einsatz)

hnm-nikola's People

Contributors

euphi avatar helmibeh avatar jnweiger avatar oberlixgmbh avatar sabrinabohn avatar streifenpferd 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.