Hello! This is my work-in-progress personal website built using Jekyll
How to run locally: jekyll serve -P 8080 --trace
on port 8080
- Maybe we should migrate to another framework?
- Finish Art Page
- Redraw the icons
- Provide 404 images
- Build a reading blog (seperate from medium)
- Integrate with itch.io?
Jekyll documentation to structure website
/Users/barryclark/Code/jekyll-now
├─ CNAME # Contains your custom domain name (optional)
├─ _config.yml # Jekyll's configuration flags
├─ _includes # Snippets of code that can be used throughout your templates
│ ├─ analytics.html
│ └─ disqus.html
├─ _layouts
│ ├─ default.html # The main template. Includes <head>, <navigation>, <footer>, etc
│ ├─ page.html # Static page layout
│ └─ post.html # Blog post layout
├─ _posts # All posts go in this directory!
│ └─ 2014-3-3-Hello-World.md
├─ _site # After Jekyll builds the website, it puts the static HTML output here. This is what's served!
│ ├─ CNAME
│ ├─ LICENSE
│ ├─ about.html
│ ├─ feed.xml
│ ├─ index.html
│ ├─ sitemap.xml
│ └─ style.css
├─ about.md # A static "About" page that I created.
├─ feed.xml # Powers the RSS feed
├─ images # All of my images are stored here.
│ ├── first-post.jpg
├─ index.html # Home page layout
├─ scss # The Sass style sheets for my website
│ ├─ _highlights.scss
│ ├─ _reset.scss
│ ├─ _variables.scss
│ └─ style.scss
└── sitemap.xml # Site map for the website
Double curly braces like {{ content }}
are variables, this site provides all available variables.
In _config.yml
:
footer-linkes:
github: blah blah
can be used in /_layouts/default.html
:
<footer class="footer">
{% if site.footer-links.github %}<a href="http://github.com/{{ site.footer-links.github }}">{% include svg-icons/github.html %}</a>{% endif %}
</footer>
We can use the local path to reference images:
![Image description](/images/my-image.jpg)