Skip to content
Matthew Harris edited this page Feb 9, 2017 · 27 revisions

My first website

The goal is to then create a basic website about yourself. You won't have to build the site from scratch, I have developed a script that generates and populates a jekyll site for you. This website should have the following pages.

  • Home (index.html)
    • landing page with basic info
  • About (about.html)
    • Personal interest
    • Research field
    • Social media
    • blog
  • Work (work.html)
    • like your resume in html
    • work history with abstracts
  • School(school_name.html)
    • High School name and GPA
    • all Colleges, with courses completed and grades
    • clubs and project lists
  • Community(community_service.html)
    • list of all community service like on your resume

Getting Started

  1. clone the webshootertk repos

     cd ~/projects
     git clone https://github.com/webshootertk/webshooter.git
     git clone https://github.com/webshootertk/webengine.git
    
  2. Use webshooter.py to create a jekyll site

     cd ~/projects/webshooter
     pip install -U -r requirments.txt
     python webshooter.py new
     style> jekyll
     longname> My summer website
     shortname> USERNAME.github.io
     template> 1
     pages> Home, about, work, school, community
    
  3. Add content to all the pages

  4. test jekyll site

     cd ~/projects/mysite-jekyll
     jekyll s
    
  5. go to the server address http://127.0.0.1:4000

Publishing

  1. on github.com create the repo USERNAME.github.io

  2. move your site

     mv ~/projects/mysite-jekll ~/projects/USERNAME.github.io
    
  3. update git remote

     cd ~/projects/USERNAME.github.io
     git remote add origin git@github.com:USERNAME/USERNAME.github.io.git
    
  4. remove any blank, example, and unused pages from the directory

  5. push commit and push

     git add -A
     git commit -am "adding site to repo"
     git push origin master
    
  6. check site http://USERNAME.github.io

Helpful links

Examples

Clone this wiki locally