Middleman Template

A simple way to build static pages with a Rails feel.

Using

Init a new project

In the repo, click on the green Code button to copy your SSH address
In Terminal, move to your code folder (or where you want to download the new repo)
Clone the repository like this git clone git@github.com:dmbf29/middleman-template.git middleman-portfolio
Move into the directory cd middleman-portfolio
Remove my git history. rm -rf .git
Start a new git repo in that folder git init
Create your own repo gh repo create middleman-portfolio --public --source=.

Installation

gem install middleman
bundle install

⚠️ You may run into some into some gem warnings.
Warnings == 👌, but Fatal errors == ⛔️
If you get a fatal error, you can try fixing it with bundle update and hope for the best 🤞

Run a server

middleman
or if that fails, try
bundle exec middleman

Deploy

Sign into Netlify
Add new site -> Import an existing project -> Github
Choose repository and branch
Make sure your deploy settings look like this:

5. Website is deployed! 6. (Add purchased domain)

Meta Tags

You can copy and paste these meta tags inside your <head></head> and update the information.

<title><%= current_page.data.title || "NAME OF MY SITE | MY TITLE" %></title>
<meta name="description" content="Description of my portfolio site">
<!-- Facebook Open Graph data -->
<meta property="og:title" content="NAME OF MY SITE | MY TITLE" />
<meta property="og:type" content="website" />
<meta property="og:url" content="THE_URL_OF_MY_PORTFOLIO" />
<meta property="og:image" content="<%= image_path 'MY_OG_IMAGE_WITH_RIGHT_SIZE.png' %>" />
<meta property="og:description" content="Description of my portfolio site" />
<meta property="og:site_name" content="NAME OF MY SITE | MY TITLE" />
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@twitter_handle">
<meta name="twitter:title" content="NAME OF MY SITE | MY TITLE">
<meta name="twitter:description" content="Description of my portfolio site">
<meta name="twitter:creator" content="@twitter_handle">
<meta name="twitter:image:src" content="<%= image_path 'MY_OG_IMAGE_WITH_RIGHT_SIZE.png' %>">

Contributing

Fork it
Create your feature branch (git checkout -b my-new-feature)
Commit your changes (git commit -am 'Add some feature')
Push to the branch (git push origin my-new-feature)
Create a new Pull Request

MarioPaju1991 / middleman-portfolio