Skip to content

Simple Middleman template with Boostrap/FontAwesome to create static website with a Rails feel

Notifications You must be signed in to change notification settings

dmbf29/middleman-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Middleman Template

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

Using

Init a new project

  1. In Terminal, move to Github username folder (or where you want to download the new repo)
cd ~/code/GITHUB_USERNAME
  1. Clone the repository like this
git clone git@github.com:dmbf29/middleman-template.git middleman-portfolio
  1. Move into the directory
cd middleman-portfolio
  1. Remove my git history
rm -rf .git
  1. Start a new git repo in that folder
git init
  1. 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

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

Screen Shot 2021-06-18 at 14 19 13

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

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

About

Simple Middleman template with Boostrap/FontAwesome to create static website with a Rails feel

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages