[gelöst] Jekyll - Static Site Generator - Editor

Du hast Probleme mit Deinem eMail-Programm, Webbrowser oder Textprogramm? Dein Lieblingsprogramm streikt?
AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

[gelöst] Jekyll - Static Site Generator - Editor

Beitrag von AxelMD » 26.01.2020 14:30:45

https://jekyllrb.com/
Bild

Hallo Forum,

welcher Editor für Jekyll mit Debian 10 + Debian 11 empfehlenswert?

https://github.com/planetjekyll/awesome-jekyll-editors

MfG

AxelMD

Edit: 17.03.2022
geändert + Debian 11
Alternativen für Jekyll: https://www.ionos.de/digitalguide/websi ... neratoren/
Github 2022: https://docs.github.com/en/pages/settin ... and-jekyll
Zuletzt geändert von AxelMD am 14.04.2022 15:07:39, insgesamt 14-mal geändert.

schwedenmann
Beiträge: 5652
Registriert: 30.12.2004 15:31:07
Wohnort: Wegberg

Re: Jekyll - Editor

Beitrag von schwedenmann » 26.01.2020 16:22:02

Hallo


Es im Grunde egal, wenn du in markdown schreiben mußt.

Du kannst aber auch eventuell ghostwriter benutzen
https://wereturtle.github.io/ghostwriter/

mfg
schwedenmann

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: Jekyll - Editor

Beitrag von AxelMD » 14.03.2022 11:08:20

OT, verschoben: viewtopic.php?t=183820

Hallo, jetzt will ich mit ausprobieren:

https://code.visualstudio.com/

Bild

https://wiki.debian.org/VisualStudioCode

Sollte ich bei Debian 11 Bullseye eher auf das snap oder auf eine native Installation setzen?

Hat das snap ein "MS branding/telemetry/licensing"?
Oder bedeutet der neue Name "codium", ohne ms branding?
https://snapcraft.io/codium (Release 11 February 2022)
https://snapcraft.io/code-insiders (Release 11 March 2022)

Welchen Sinn hat das Jekyll Paket "snippets package for Visual Studio Code"?

Auf die Antwort "probiere es aus". Danke

MfG
AxelMD


https://www.youtube.com/watch?v=r5jNl-IOSZg
Zuletzt geändert von AxelMD am 17.03.2022 08:55:33, insgesamt 4-mal geändert.

mcb

Re: Jekyll - Editor

Beitrag von mcb » 14.03.2022 11:35:47

Ich würde das deb wählen, ohne MS telemetry:

https://vscodium.com/

uname
Beiträge: 12540
Registriert: 03.06.2008 09:33:02

Re: Jekyll - Editor

Beitrag von uname » 14.03.2022 12:14:37

Ich bin nicht der große Programmierer. Aber ist Visual Studio nicht ein wenig zu viel Overhead für Markdown?
Schau vielleicht eher hier: https://github.com/planetjekyll/awesome-jekyll-editors

Und wenn du da schon geschaut hast. Es gibt ein Plugin für Visual Studio.
Wenn du Visual Studio schon nutzt, dann ist es vielleicht auch sinnvoll.

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: Jekyll - Editor

Beitrag von AxelMD » 14.03.2022 12:37:28

Dein Link war mir bekannt, erst Posting hier.

Visual Studio Code soll eine live preview Funktion haben.
dann ist es vielleicht auch sinnvoll.
niemand kann dazu genaues sagen?

Ein Antwort bitte dort, weil hier OT: viewtopic.php?t=183820

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: Jekyll - Editor

Beitrag von AxelMD » 17.03.2022 08:32:39

https://jekyllrb.com/docs/configuration/options/
Live reload
Reload a page automatically on the browser when its content is edited.
livereload: BOOL
-l, --livereload
Hallo Forum,
wie nutze ich idealerweise Jekyll Live reload?
Kann ich dem verwendeten Firefox Webbrowser auch sagen er die Website automatisch neu laden?

MfG
AxelMD

schwedenmann
Beiträge: 5652
Registriert: 30.12.2004 15:31:07
Wohnort: Wegberg

Re: Jekyll - Editor

Beitrag von schwedenmann » 17.03.2022 08:37:57

Hallo

aus der HP - doku von Jekyll
When you’re developing a site, use jekyll serve. To force the browser to refresh with every change, use jekyll serve --livereload. If there’s a conflict or you’d like Jekyll to serve your development site at a different URL, use the --host and --port arguments, as described in the serve command options.
mfg
schwedenmann

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: Jekyll - Editor

Beitrag von AxelMD » 17.03.2022 08:40:39

Das funktioniert bei mir jedoch nicht, schon ausprobiert.

Mein Jekyll Paket aus Debian 11 Bullseye:
https://packages.debian.org/bullseye/je ... eme-minima

Code: Alles auswählen

Paket: jekyll-theme-minima (2.5.1-2) 
Debian sid bietet auch gleiches Release an.
Das ist Jekyll 3.9.0.
Wie hätte ich das rausfinden können ohne die Software installieren zu müssen?

Ob das Paket zu alt ist?

https://github.com/jekyll/jekyll/releases/tag/v4.2.2
Aktuell ist Jekyll v4.2.2

https://jekyllrb.com/docs/upgrading/
If you don’t have Bundler installed,

Code: Alles auswählen

 run gem update jekyll.
Komme ich so bei Debian 11 Bullseye zu einem aktuellen Releasestand?

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: Jekyll - Static Site Generator - Editor

Beitrag von AxelMD » 17.03.2022 09:49:15

https://jekyllrb.com/docs/installation/other-linux/
DebianPermalink

sudo apt-get install ruby-full build-essential
Wie komme ich zu einem aktuellen Jekyll?

JTH
Moderator
Beiträge: 3090
Registriert: 13.08.2008 17:01:41
Wohnort: Berlin

Re: Jekyll - Static Site Generator - Editor

Beitrag von JTH » 17.03.2022 09:52:41

AxelMD hat geschrieben: ↑ zum Beitrag ↑
17.03.2022 09:49:15
Wie komme ich zu einem aktuellen Jekyll?
Folge, nach dem Installieren der Buildabhängigkeiten, der unter Install Jekyll verlinkten Beschreibung.
Manchmal bekannt als Just (another) Terminal Hacker.

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: Jekyll - Static Site Generator - Editor

Beitrag von AxelMD » 17.03.2022 09:56:15

Einen besseren Weg gibt es nicht?
Mein schönes Debian wollte ich nicht verbasteln.

Evtl. einen Docker Container?
https://hub.docker.com/r/jekyll/jekyll
Auch nicht, weil zu alt. :-(

VS Codium
werde ich vorerst verwenden.
Siehe dazu ------> viewtopic.php?t=183820

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: [gelöst] Jekyll - Static Site Generator - Editor

Beitrag von AxelMD » 29.03.2022 16:06:12

Stichwort: wget
html zu ---> Jekyll konvertieren:
https://jekyllrb.com/tutorials/convert-site-to-jekyll/

30. März 2020
Jekyll blog theme
https://github.com/website-templates/jekyll-inclusion
*wow Das Ergebnis sieht doch ganz passabel aus:
http://website-templates.github.io/jekyll-inclusion/

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: [] Jekyll - Static Site Generator - Editor

Beitrag von AxelMD » 05.04.2022 06:59:24

Hallo, wie kann ich mir local eine gebaute Website anschauen?

Code: Alles auswählen

jekyll build
Gehe ich dann in das Verzeichnis _site , bekomme ich zwar die html Seite angezeigt, jedoch nicht wie diese eigentlich aussieht.

Fehlt evtl. der Apache2 oder Niginx Webserver?

wget

Code: Alles auswählen

wget --mirror --convert-links --adjust-extension --page-requisites 
--no-parent http://example.org
Hole ich mir die Website mit wget ist eine Darstellung im Webbrowser ohne Abstriche möglich.

Wie erklärt sich das?

MfG
AxelMD

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: [] Jekyll - Static Site Generator - Editor

Beitrag von AxelMD » 07.04.2022 08:24:19

Hallo, ist hier ein Kenner, der meine Frage und auch Lust dazu hat, beantworten kann?

MfG
AxelMD

Benutzeravatar
TRex
Moderator
Beiträge: 8399
Registriert: 23.11.2006 12:23:54
Wohnort: KA

Re: [] Jekyll - Static Site Generator - Editor

Beitrag von TRex » 07.04.2022 08:28:15

AxelMD hat geschrieben: ↑ zum Beitrag ↑
05.04.2022 06:59:24
jedoch nicht wie diese eigentlich aussieht.
Deswegen kann das keiner - wir wissen das nicht. Mach die DevTools deines Browsers auf und schau, ob was nicht geladen werden kann.
Jesus saves. Buddha does incremental backups.
Windows ist doof, Linux funktioniert nichtDon't break debian!Wie man widerspricht

schwedenmann
Beiträge: 5652
Registriert: 30.12.2004 15:31:07
Wohnort: Wegberg

Re: [] Jekyll - Static Site Generator - Editor

Beitrag von schwedenmann » 07.04.2022 09:06:28

Hallo
Hallo, wie kann ich mir local eine gebaute Website anschauen?
jekyll build
jekyll serve

dann im Browser - http://localhiost:4000 aufrufen ud du solltest deine mit jekyll erzeugte Website sehen.

das ist aber bei allen staticSitegeneratoren so:
1. build Kommando
2. Kommado um den Miniwebsrver zu starten
3. im Broweser http://localhost:portnummer auf dem 2, lauscht.

alles nat.im aktuellen Verzeichnis von jekyll, bzw. der website von jekyll aufrufen.

mfg
schwedenmann

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: [] Jekyll - Static Site Generator - Editor

Beitrag von AxelMD » 07.04.2022 09:13:42

Hallo schwedenmann,

fast so mache ich es, ich bin aber Jekyll 4.2.2, da sieht der Befehl "jekyll serv" etwas anders aus.
Das funktioniert auch.

Jedoch möchte ich mit Jekyll erstellte Website im Browser anschauen, so analog, wie bei einer mit wget heruntergeladenen Website möglich ist.

Den Vorschlag von TRex werde ich nachgehen, danke dafür.

schwedenmann
Beiträge: 5652
Registriert: 30.12.2004 15:31:07
Wohnort: Wegberg

Re: [] Jekyll - Static Site Generator - Editor

Beitrag von schwedenmann » 07.04.2022 09:42:10

Hallo

Jedoch möchte ich mit Jekyll erstellte Website im Browser anschauen, so analog, wie bei einer mit wget heruntergeladenen Website möglich ist.

Dann mußt du mit dem Browers, Datei-öffnen und dann zu dem Verzeichnis deiner Jekyll website gehen und dort ins Verzeichnis,wo nach dem buildprozeß die html Dateien erzeugt werden.Dort die index.html im Browser auswählen,dann solltest du im Browser die mit jekyll erzeugte website sehen.

mfg
schwedenmann

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: [] Jekyll - Static Site Generator - Editor

Beitrag von AxelMD » 07.04.2022 09:45:37

Dort die index.html im Browser auswählen,dann solltest du im Browser die mit jekyll erzeugte website sehen.
Es ist der Ordner _site
Genau da liegt das Problem, die Webseite wird falsch angezeigt.

https://github.com/jeromelachaud/freelancer-theme

Anzeige ok:

Code: Alles auswählen

bundle exec jekyll serve --open-url --livereload
Das Bild wurde verkleinert!
Bild

Anzeige nicht ok:

Code: Alles auswählen

jekyll build
cd _site
Im Interbrowser index.html aufgerufen (Pfad siehe Screenshot)
Bild
Mach die DevTools deines Browsers auf und schau, ob was nicht geladen werden kann.
_site

Code: Alles auswählen

tree
.
├── css
│   └── font-awesome
│       ├── css
│       │   ├── font-awesome.css
│       │   └── font-awesome.min.css
│       └── fonts
│           ├── FontAwesome.otf
│           ├── fontawesome-webfont.eot
│           ├── fontawesome-webfont.svg
│           ├── fontawesome-webfont.ttf
│           └── fontawesome-webfont.woff
├── feed.xml
├── freelancer-theme-jekyll.gemspec
├── img
│   ├── portfolio
│   │   ├── cabin.png
│   │   ├── cake.png
│   │   ├── circus.png
│   │   ├── game.png
│   │   ├── safe.png
│   │   └── submarine.png
│   └── profile.png
├── index.html
├── js
│   ├── bootstrap.js
│   ├── bootstrap.min.js
│   ├── cbpAnimatedHeader.js
│   ├── cbpAnimatedHeader.min.js
│   ├── classie.js
│   ├── contact_me.js
│   ├── contact_me_static.js
│   ├── freelancer.js
│   ├── jqBootstrapValidation.js
│   ├── jquery-1.11.0.js
│   └── jquery.easing.min.js
├── LICENCE
├── mail
│   └── contact_me.php
├── Rakefile
├── README.md
├── screenshot.png
└── style.css

8 directories, 34 files


Wie mache ich das konkret, welche Informationen sind wichtig um das Problem zu lösen?
Den Firefox Browser verwende ich.
https://developer.mozilla.org/de/docs/Tools
https://developer.mozilla.org/de/docs/T ... e_debugger
Zuletzt geändert von AxelMD am 07.04.2022 12:16:58, insgesamt 1-mal geändert.

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: [] Jekyll - Static Site Generator - Editor

Beitrag von AxelMD » 07.04.2022 12:07:53

Bei dem theme architect habe ich gleiches Problem wie bei freelancer.

https://github.com/pages-themes/architect

https://pages-themes.github.io/architect/

Code: Alles auswählen

git clone https://github.com/pages-themes/architect.git
Wo ist mein Fehler?

Was muss ich tun, damit ich gleiche Funktionalität habe, wie wenn ich die Seite mit wget lade?

Code: Alles auswählen

wget -mkEpnp https://pages-themes.github.io/architect/

Code: Alles auswählen

tree
.
├── another-page.html
├── assets
│   ├── css
│   │   ├── print.css
│   │   └── style.css?v=27f3b20dfb55063555c3f029dcffe75f3d067fb2.css
│   └── images
│       ├── body-bg.jpg
│       ├── download-button.png
│       ├── github-button.png
│       ├── header-bg.jpg
│       └── sidebar-bg.jpg
└── index.html

3 directories, 9 files

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: [] Jekyll - Static Site Generator - Editor

Beitrag von AxelMD » 07.04.2022 12:29:08

architect

Convert an HTML site to Jekyll
https://jekyllrb.com/tutorials/convert-site-to-jekyll/

Baue ich die wget architect HTML Seite zu einer Jekyll Seite um, kann ich diese einwandfrei starten und im Browser richtig betrachten.

Code: Alles auswählen

jekyll serve
Seite nach dem Umbau

Code: Alles auswählen

 tree
.
├── another-page.html
├── assets
│   ├── css
│   │   ├── print.css
│   │   └── style.css?v=27f3b20dfb55063555c3f029dcffe75f3d067fb2.css
│   └── images
│       ├── body-bg.jpg
│       ├── download-button.png
│       ├── github-button.png
│       ├── header-bg.jpg
│       └── sidebar-bg.jpg
├── _config.yml
├── index.html
├── index.md
├── _layouts
│   └── default.html
└── _site
    ├── another-page.html
    ├── assets
    │   ├── css
    │   │   ├── print.css
    │   │   └── style.css?v=27f3b20dfb55063555c3f029dcffe75f3d067fb2.css
    │   └── images
    │       ├── body-bg.jpg
    │       ├── download-button.png
    │       ├── github-button.png
    │       ├── header-bg.jpg
    │       └── sidebar-bg.jpg
    └── index.html

8 directories, 21 files
Nach Umbau kein auch die index.html im Ordner _site richtig anzeigen.

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: [] Jekyll - Static Site Generator - Editor

Beitrag von AxelMD » 07.04.2022 12:44:51

freelancer-theme-wget

Code: Alles auswählen

tree
.
├── css
│   └── font-awesome
│       ├── css
│       │   └── font-awesome.min.css
│       └── fonts
│           ├── fontawesome-webfont.eot?
│           ├── fontawesome-webfont.eot?v=4.1.0
│           ├── fontawesome-webfont.svg?v=4.1.0
│           ├── fontawesome-webfont.ttf?v=4.1.0
│           └── fontawesome-webfont.woff?v=4.1.0
├── img
│   ├── portfolio
│   │   ├── cabin.png
│   │   ├── cake.png
│   │   ├── circus.png
│   │   ├── game.png
│   │   ├── safe.png
│   │   └── submarine.png
│   └── profile.png
├── index.html
├── js
│   ├── bootstrap.min.js
│   ├── cbpAnimatedHeader.js
│   ├── classie.js
│   ├── contact_me_static.js
│   ├── freelancer.js
│   ├── jqBootstrapValidation.js
│   ├── jquery-1.11.0.js
│   └── jquery.easing.min.js
└── style.css

7 directories, 23 files
Umbau auf Jekyll

Code: Alles auswählen

touch _config.yml index.md default.html
mkdir _layouts && mv default.html _layouts
nano _config.yml
nano index.md
jekyll serve 
Die Seite wird einwandfrei angezeigt.

Code: Alles auswählen

tree                                                                                                                                     
.
├── _config.yml
├── css
│   └── font-awesome
│       ├── css
│       │   └── font-awesome.min.css
│       └── fonts
│           ├── fontawesome-webfont.eot?
│           ├── fontawesome-webfont.eot?v=4.1.0
│           ├── fontawesome-webfont.svg?v=4.1.0
│           ├── fontawesome-webfont.ttf?v=4.1.0
│           └── fontawesome-webfont.woff?v=4.1.0
├── img
│   ├── portfolio
│   │   ├── cabin.png
│   │   ├── cake.png
│   │   ├── circus.png
│   │   ├── game.png
│   │   ├── safe.png
│   │   └── submarine.png
│   └── profile.png
├── index.html
├── index.md
├── js
│   ├── bootstrap.min.js
│   ├── cbpAnimatedHeader.js
│   ├── classie.js
│   ├── contact_me_static.js
│   ├── freelancer.js
│   ├── jqBootstrapValidation.js
│   ├── jquery-1.11.0.js
│   └── jquery.easing.min.js
├── _layouts
│   └── default.html
├── _site
│   ├── css
│   │   └── font-awesome
│   │       ├── css
│   │       │   └── font-awesome.min.css
│   │       └── fonts
│   │           ├── fontawesome-webfont.eot?
│   │           ├── fontawesome-webfont.eot?v=4.1.0
│   │           ├── fontawesome-webfont.svg?v=4.1.0
│   │           ├── fontawesome-webfont.ttf?v=4.1.0
│   │           └── fontawesome-webfont.woff?v=4.1.0
│   ├── img
│   │   ├── portfolio
│   │   │   ├── cabin.png
│   │   │   ├── cake.png
│   │   │   ├── circus.png
│   │   │   ├── game.png
│   │   │   ├── safe.png
│   │   │   └── submarine.png
│   │   └── profile.png
│   ├── index.html
│   ├── js
│   │   ├── bootstrap.min.js
│   │   ├── cbpAnimatedHeader.js
│   │   ├── classie.js
│   │   ├── contact_me_static.js
│   │   ├── freelancer.js
│   │   ├── jqBootstrapValidation.js
│   │   ├── jquery-1.11.0.js
│   │   └── jquery.easing.min.js
│   └── style.css
└── style.css

16 directories, 49 files
Im Browser

Code: Alles auswählen

file:///home/axel/freelancer-theme-wget/_site/index.html
Wir jetzt auch einwandfrei im Browser angezeigt.

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: [] Jekyll - Static Site Generator - Editor

Beitrag von AxelMD » 07.04.2022 12:56:21

Warum funktioniert "jekyll build" nicht direkt gleich richtig, wenn ich mir das freelancer-theme oder architect mit git hole?

Fehler wieder:
Bild

Code: Alles auswählen

git clone https://github.com/jeromelachaud/freelancer-theme.git

8 directories, 34 files (error) zu 16 directories, 49 files


Warum funktioniert "jekyll build" nicht direkt gleich richtig, wenn ich mir das freelancer-theme oder architect mit git hole?

AxelMD
Beiträge: 1453
Registriert: 15.03.2009 08:02:11

Re: [] Jekyll - Static Site Generator - Editor

Beitrag von AxelMD » 07.04.2022 16:19:00

Mir fehlt

Code: Alles auswählen

│   ├── css
│   │   ├── print.css
│   │   └── style.css?v=27f3b20dfb55063555c3f029dcffe75f3d067fb2.css
https://jekyllrb.com/docs/step-by-step/07-assets/

https://talk.jekyllrb.com/t/index-html- ... style/6069

Ich kann es mir einfach nicht erklären, woran liegt es?

Antworten