2019.melody.dev
2019.melody.dev copied to clipboard
š¦ Here lies the code to my (olde) website!
melody.dev, the new new new version!
Built with Jekyll and hosted on Netlify. (Note: this site is not compatible with GitHub Pages.)
Content Structure
Directory | |
---|---|
_posts/ |
Public list of posts, with assets inside of each folder. |
Blog Posts
Blog posts can be easily edited and managed online via http://prose.io/#pixelyunicorn/melody.dev or any other Jekyll-based content management system.
Put published posts in _posts
and unpublished posts in _drafts
.
The first part of the file starts & ends with three dashes. This is your yaml configuration.
Then comes the markdown. Cheatsheet here: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
---
# Basic Metadata
layout: post
title: Splatoon 2 Streaming
url: splatoon
tags: work
accent: purple
# Tile Grid
tile:
order: 5
width: 5
height: 5
image: tile.png
class: "squiddo"
# Featured Image Grid
feature:
width: 17
height: 11
image: feature.png
# Meta Preview
image: meta-preview.png
# Various levels of hidden
draft: true
hidden: true
------
You can start typing content here. <b>HTML is supported</b> and so is **markdown syntax.**
Try to use bold text and refrain from using _italics_ whenever possible.
Below are your headers, use them sparingly.
## Header 2
### Header 3
Images are pretty easy.

So are links: [Click here for Google!](http://google.com/)
> I am a quote
> - Maud Pie
You can make tables too, if you're inclined.
| Column Header 1 | Column Header 2 |
| -- | -- |
| Hi! | You get the point |
| Yo! | What's up? |
Lists are easy, just number or bullet them appropriately, like this:
- Item 1
- Item 2
1. Item 1
2. Item 2
You can embed anything by copying and pasting an embed code:
<iframe width="560" height="315" src="https://www.youtube.com/embed/rMFWc_FMhqs"
frameborder="0" allowfullscreen></iframe>
Development Structure
Directory | |
---|---|
_includes/ |
Contents of < head >, navigation, and footer., and additional components |
_layouts/ |
Page layout templates. |
_sass/ |
Partial stylesheets. Modify _site.scss for site styles. |
img/ |
Static assets necessary to display the site. |
File | |
---|---|
404.html/ |
404 page. Easter egg, maybe? |
CNAME |
Sets up a CNAME record for the domain the site is on. |
_config.yml |
Site settings and commonly used phrases. |
_prose.yml |
Configuration for prose.io. |
feed.xml |
RSS feed for blog posts. |
robots.txt |
Bot access settings, please change before deploying to production. |
Running the site locally
Make sure you have ruby installed, then...
# install gems (first time only)
bundle install
# run server on localhost:4000. SCSS and page content compiled automatically on save.
bundle exec jekyll serve --port 4000 --watch --incremental
\ ćoć)ć