In Tokyo Jekyll theme, there has a nice style portfolio section. You can change the content for that section easily form the _data/portfolio.yml file.
Here following the structure of the portfolio data :
- name: Joss Butler
img_src: /assets/img/portfolio/1.jpg
project_url: https://vimeo.com/312334044
filter_classes: 'vimeo'
cat: Vimeo
- name: Ross Taylor
img_src: /assets/img/portfolio/2.jpg
project_url: https://www.youtube.com/watch?v=Amq-qlqbjYA
filter_classes: 'youtube'
cat: YouTube
- name: David Smith
img_src: /assets/img/portfolio/3.jpg
project_url: https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/252739311&color=%23ff5500&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true
filter_classes: 'soundcloud'
cat: SoundCloud
- name: Kiron Polard
img_src: /assets/img/portfolio/4.jpg
project_url: /assets/img/portfolio/3.jpg
filter_classes: 'image youtube'
cat: Image
You can update the name, image URL, project URL, filter class and category name there.
We strongly recommend to use the filter_classes
value in 1 word. Example : youtube not you tube. Because that filter_classes
will automatically attach as the filterable ID in code.