The Strata Academic Theme¶ ↑
This is the source code of my homepage. I build this website based on {minimal}[https://github.com/orderedlist/minimal].
Feel free to use or share the source code anywhere you like.
Features¶ ↑
-
Simple and elegant personal homepage theme
-
Jekyll theme, deploy automatically by GitHub pages
-
Mobile friendly
-
Support Markdown
-
Support dark mode
Usage¶ ↑
Using on GitHub¶ ↑
To use this theme, add the following to your site's _config.yml
:
remote_theme: yaoyao-liu/strata-academic
Using with Jekyll¶ ↑
You need to install {Ruby}[https://www.ruby-lang.org/en/] and {Jekyll}[https://jekyllrb.com/] fisrt.
Clone this repository:
git clone https://github.com/yaoyao-liu/strata-academic.git cd strata-academic
Install and run:
bundle install bundle exec jekyll server
View the live page using localhost
: localhost:4000. You can get the html files in _site
folder.
Customizing¶ ↑
Configuration variables¶ ↑
Minimal Academic theme will respect the following variables, if set in your site's _config.yml
:
yaml title: Your Name affiliation: Your Affiliation email: yourname (at) example.edu google_scholar: https://scholar.google.com/ github_link: https://github.com/yaoyao-liu/strata-academic linkedin: https://www.linkedin.com/ avatar: ./assets/img/avatar.png google_analytics: UA-111540567-4 favicon: ./assets/img/favicon.png favicon_dark: ./assets/img/favicon-dark.png description: The Minimal Light is a simple and elegant jekyll theme for academic personal homepage. canonical: https://strata-academic.yyliu.net/ remote_theme: yaoyao-liu/strata-academic
Editing index.md
¶ ↑
Edit index.md
and add your personal information (e.g. publications, research).
Stylesheet¶ ↑
If you'd like to add your own custom styles:
-
Create a file called
/assets/css/style.scss
in your site -
Add the following content to the top of the file, exactly as shown:
--- --- @import "{{ site.theme }}";
-
Add any custom CSS (or Sass, including imports) you'd like immediately after the
@import
line
Layouts¶ ↑
If you'd like to change the theme's HTML layout:
-
Copy the original template from the theme's repository<br />(Pro-tip: click “raw” to make copying easier)
-
Create a file called
/_layouts/homepage.html
in your site -
Paste the default layout content copied in the first step
-
Customize the layout as you'd like
License¶ ↑
This work is licensed under a Creative Commons Zero v1.0 Universal License.
Acknowledgements¶ ↑
Our project uses the source code from the following repositories: