Coder Social home page Coder Social logo

alifruliarso / read Goto Github PK

View Code? Open in Web Editor NEW

This project forked from payneio/read

0.0 2.0 0.0 1.13 MB

This is my current personal online publishing setup. I've added it to github to share to anyone else that may be looking for an easy-to-manage yet quite customizable statically generated publishing site*.

Home Page: http://read.payne.io

License: Other

Ruby 27.13% ApacheConf 0.42% HTML 22.81% CSS 3.12% JavaScript 1.15% CoffeeScript 0.14% Logos 44.52% Makefile 0.72%

read's Introduction

read.payne.io

This is my current personal online publishing setup. I've added it to github to share to anyone else that may be looking for an easy-to-manage yet quite customizable statically generated publishing site*.

*I'm avoiding just calling it a "blog" because I'm planning on building in more features... like pdf generation.

Thanks

I use middleman for static site generation in Ruby. Thanks to biblichor for the starter middleman template. Biblichor forked from headcanon's middleman-bower-template originally.

Also:

  • Rendering engine
  • Middleman plugins
  • Bower package management

##Installation

  1. You'll need ruby (I use 2.1.2) and rubygems (I use 2.2.2).
  2. Install the middleman gem
  3. Download/clone blog-boostrap to .middleman/blog-bootstrap:
  4. Download/clone this repo to wherever you put your projects.
  5. Install the assets in the bower_components/ directory.
gem install middleman
git clone https://github.com/biblichor/middleman-blog-bootstrap-template.git ~/.middleman/blog-bootstrap
git clone https://github.com/payneio/read.git ~/{wherever you put your projects}/read
cd ~/{wherever you put your projects}/read
bower install

##Management

Start up the middleman server to see the live-reloading changes to your blog locally:

middleman server

Then, just write a new post in posts (in .md or .adoc).

When ready to publish:

middleman build
middleman deploy

##Configuration

###Blog configuration

  • Edit config.rb as you like.
  • Don't forget to add the site url, author, title, and subtitle(used as description too).
  • To get analytics inclusion, simply add your account name to the appropriate places.
set :site_url, 'http://blog.url.com'
set :site_author, 'Blog author'
set :site_title, 'Blog title'
set :site_subtitle, 'Blog subtitle'
# set @analytics_account, like 'XX-12345678-9'
@analytics_account = false

###Bower configuration

  • With bower, you can prevent unnecessary files being copied over to build/.
  • All bower packages are put in the bower_components/ directory outside of the source.
  • By default, these assets are included:
  • If you want another assets, edit bower.json as you like, and simply bower install and include it like you would any other file in sprockets.

###Helpers configuration, etc.

  • In helpers/, a few helpers are inclueded to help out with organizing the following information on your site.
  • title
  • meta keywords
  • meta description
  • feed.xml and sitemap.xml enables you to tell your readers / search engines the update of articles.

read's People

Contributors

payneio avatar chronick avatar biblichor avatar lkulbacki avatar zhukejun avatar

Watchers

James Cloos avatar Ruli avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.