Git Product home page Git Product logo

erictleung / erictleung.github.io Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 0.0 20.21 MB

:memo: Source code for my website, portfolio of projects, and more

Home Page: https://erictleung.com/

License: Other

HTML 99.41% CSS 0.28% Ruby 0.01% Shell 0.01% Makefile 0.01% Less 0.15% SCSS 0.15%
jekyll bioinformatics blog open-science data-science software-engineering data lanyon github-jekyll github-page

erictleung.github.io's Introduction

Herein lies the source code of my website.

Table of Contents

Prerequisites

Jekyll sites require Ruby (>= 2.2.5).

See guides on installation. Here's an example:

echo '# Install Ruby Gems to ~/gems' >> ~/.bashrc
echo 'export GEM_HOME="$HOME/gems"' >> ~/.bashrc
echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashrc
source ~/.bashrc

Now install software.

gem install jekyll
gem install bundler

More information on using Jekyll and GitHub Pages can be found here. GitHub Pages has a list of their dependencies that can be found here.

Installation and Starting

# Setup
git clone https://github.com/erictleung/erictleung.github.io.git
cd erictleung.github.io
bundle install # Install dependencies

# Serve live site
bundle exec jekyll serve

# Serve site with draft blog posts
# https://jekyllrb.com/docs/drafts/
bundle exec jekyll serve --drafts

You can find more information about the static site generator, Jekyll, here. Jekyll uses various syntax to help template information, so here is a Jekyll cheat sheet.

Modified Theme

The theme for the site is modified from lanyon. A short description of it is:

Lanyon is an unassuming Jekyll theme that places content first by tucking away navigation in a hidden drawer. It's based on Poole, the Jekyll butler.

Inserting Images

I've created a small shortcut to help embed images more semantically.

{% include image.html
   url="asset/image_path_here.jpg"
   alt="Put alt text here"
   caption="This is the caption for the image"
%}

Other

Jekyll uses the Liquid templating system to inject some programming logic into some of the HTML elements. See its documentation page for more on how to use it in Jekyll.

License

MIT

erictleung.github.io's People

Contributors

dependabot[bot] avatar erictleung avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

erictleung.github.io's Issues

Add README

To add:

  • Title
  • Description
  • How to load
  • More information to Jekyll
  • License

R packages I like to use and recommend

These packages I've used and would recommend for specific uses

  • phyloseq = general microbiome analysis package
  • tidyverse
  • skimr
  • Hmisc::describe
  • dada2
  • learnr
  • summarytools
  • tidygraph and ggraph
  • devtools
  • naniar
  • cowplot for combining ggplot2 plots easily
  • viridis as good color palette
  • colorblindr to simulate colorblindness

Emacs

Add educational and teaching page

Create a page with links to teaching and education links and resources I have found.

Principles:

  • Interactivity
  • Experimentation
  • Creation

Links:

Learning:

Related to #15

Machine learning and design

Make better archive page

The archive page in the future will become a long list of posts and there needs to be a better way to display and search through them.

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.