jaan.io

Jaan.io (Vorschau hier)

Dieses Jekyll -Thema versorgt meine persönliche Website.

Dies ist aus Cole Townsends Balzac -Thema mit starker Inspiration von seiner Website ausgestattet.

Einige Verbesserungen wurden eingeführt, indem Michael Roses so einfache Themen für Jekyll (wie Bing -Überprüfung, Twitter -Karten, Google Analytics, Authorship und Webmaster -Tools unterstützt) folgt.

Vielen Dank an Amédée d'Aboville für den raffinierten JavaScript-Hover-Over im Titel.

Setup und Einstellungen ähneln den von Balzac. Bitte stellen Sie ein Problem ein, wenn etwas nicht klar ist oder Sie Fragen haben.

Lokal testen

jekyll serve --config _config.yml,_config_dev.yml --watch

scss -t compress assets/sass/i.scss assets/css/i.css

Überprüfen Sie auf kaputte interne und externe Links: rake test

Bereitstellung

Bereitstellung mit S3_Website. Verwenden Sie die .env -Datei, um die Umgebungsvariablen AWS_ACCESS_KEY_ID und AWS_SECRET_ACCESS_KEY zu setzen. Erstellen Sie mit bundle exec jekyll build und stellen Sie mit s3_website push auf S3 bereit.

Ruby auf einem Mac verwalten

Verwenden Sie Rbenv. Wie in diesem Leitfaden. (Oder für M1-Macs finden Sie unter https://www.moncefelyamani.com/how-to-install-xcode-homebrew-git-rvm-ruby-on-mac/, verwenden Sie Ruby 3.1.2 und rennen Sie bundle add webrick ).

Verwenden Sie auf einem Mac RVM zur Verwaltung der Ruby -Umgebung.

Verwenden Sie Bundler zum Verwalten von Edelsteinen: gem install bundler rbenv rehash jekyll build Root of the Repo: bundler install Wichtig

Workflow zum Erstellen von Vektorgrafiken für Blog -Beiträge

• Verwenden Sie Keynote, um Zahlen zu erstellen.
• Export in PDF.
• Ernte in Vorschau.
• Verwenden Sie Inkscape, um in SVG zu konvertieren: inkscape --without-gui --file=in.pdf --export-plain-svg=out.svg
• In den _svg -Ordner eingeben, verwenden Sie {% asset out.svg %}

Bilder in Posts

• Verwenden Sie Style = "Max-Width: 38%" in HTML-Tags

Aktualisieren von Google -Metadaten

• Update index.md, über.md, home.html

Lizenz

Verwenden Sie dies für alles, was Sie wollen.

Wunschliste

• kopieren Sie die Kopie in die Bibtex -Taste; Übergeordnetes CSS mit -webkit-appearance: none; scheint nicht zu funktionieren.
• Finden Sie heraus, wie Sie den Flüssigkeitsfilter in der markdownify verwenden, um den Markdown in paper.description zu unterstützen.