Diese Datei wird automatisch von Google Translate übersetzt. Wenn es Fehler gibt, lesen Sie bitte die englische Version und erstellen Sie eine Pull-Anfrage, um diese zu beheben. Vielen Dank.
[Demo] [English | 简体中文 | 繁體中文]
Dies ist der Quellcode meiner Homepage. Ich baue diese Website basierend auf minimal.
Sie können den Quellcode jederzeit verwenden und freigeben.
- Einfaches und elegantes persönliches Homepage-Thema
- Jekyll-Theme, wird automatisch von GitHub-Seiten bereitgestellt
- Grundlegende Suchmaschinenoptimierung
- Handyfreundlich
- Support Markdown
- Unterstützt den dunklen Modus
Um dieses Thema zu verwenden, fügen Sie dem _config.yml
Ihres Repositorys Folgendes hinzu:
remote_theme: yaoyao-liu/minimal-light
Bitte beachten Sie, dass durch Hinzufügen der obigen Zeile alle Standardeinstellungen in diesem Repository direkt auf Ihre angewendet werden.
Wenn Sie Dateien bearbeiten möchten (z. B. index.md
), müssen Sie sie dennoch in Ihr Repository kopieren.
Sie können dieses Repository auch verzweigen (oder Verwenden Sie dieses Repository als Vorlage) und ändern Sie den Namen in your-username.github.io
.
Dann müssen Sie die GitHub-Seiten für dieses Repository aktivieren, indem Sie die Schritte hier ausführen.
Sie müssen Ruby und Jekyll fisrt installieren.
Klonen Sie dieses Repository:
git clone https://github.com/yaoyao-liu/minimal-light.git
cd minimal-light
Installieren und ausführen:
bundle install
bundle exec jekyll server
Zeigen Sie die Live-Seite mit localhost
an:
https://localhost:4000. Sie können die HTML-Dateien im Ordner _site
abrufen.
Das Minimal Light-Thema berücksichtigt die folgenden Variablen, wenn es in der _config.yml
Ihrer Site festgelegt ist:
# Grundinformation
title: Ihren Namen
position: Ph.D. Student
affiliation: Ihre Zugehörigkeit
email: yourname (at) example.edu
# Suchmaschinenoptimierung (SEO)
# Die folgenden Informationen werden verwendet, um den Website-Traffic von Suchmaschinen, z. B. Google, zu verbessern.
keywords: minimal light
description: The Minimal Light is a simple and elegant jekyll theme for academic personal homepage.
canonical: https://minimal-light-theme.yliu.me/
# Verknüpfungen
# Wenn Sie eine davon nicht benötigen, können Sie die entsprechende Zeile löschen.
google_scholar: https://scholar.google.com/
cv_link: files/Curriculum_Vitae.pdf
github_link: https://github.com/
linkedin: https://www.linkedin.com/
twitter: https://twitter.com/
# Bilder (z. B. Ihr Profilbild und das Favicon Ihrer Website)
# "favicon" und "favicon_dark" werden für den Hell- bzw. Dunkelmodus verwendet.
avatar: ./assets/img/avatar.png
favicon: ./assets/img/favicon.png
favicon_dark: ./assets/img/favicon-dark.png
# Google Analytics ID
# Bitte entfernen Sie dies, wenn Sie Google Analytics nicht verwenden
google_analytics: UA-111540567-4
Erstellen Sie index.md
und fügen Sie Ihre persönlichen Daten hinzu (z. B. Veröffentlichungen, Recherchen).
Wenn Sie Ihre eigenen benutzerdefinierten Stile hinzufügen möchten:
-
Erstellen Sie auf Ihrer Site eine Datei mit dem Namen
/assets/css/style.scss
-
Fügen Sie den folgenden Inhalt genau wie gezeigt oben in die Datei ein:
--- --- @import "{{ site.theme }}";
-
Fügen Sie jedes benutzerdefinierte CSS (oder Sass, einschließlich Importe), das Sie möchten, unmittelbar nach der Zeile
@import
hinzu
Wenn Sie das HTML-Layout des Themas ändern möchten:
- Kopieren Sie die Originalvorlage aus dem Repository des Themas
(Tipp: Klicken Sie auf "raw", um das Kopieren zu vereinfachen) - Erstellen Sie auf Ihrer Site eine Datei mit dem Namen
/_layouts/homepage.html
- Fügen Sie den im ersten Schritt kopierten Standardlayoutinhalt ein
- Passen Sie das Layout nach Ihren Wünschen an
Diese Arbeit unterliegt den Bestimmungen einer Creative Commons Zero v1.0 Universal Lizenz.
Unser Projekt verwendet den Quellcode aus den folgenden Repositorys: