Git Product home page Git Product logo

devopera's Introduction

Dev.Opera

We’ve rebuilt Dev.Opera as a static site, powered by Jekyll, Sass and Grunt. In this repository, you find all the source files and content to build the site, make improvements, and submit new articles.

Environment setup

  1. Install Jekyll, Sass and all needed gems by running sudo gem install jekyll kramdown stringex sass on the command line.
  2. Download and install Node.js with the default installer options.
  3. Clone the project by running git clone [email protected]:operasoftware/devopera.git.
  4. Run npm install inside the devopera folder.
  5. Run npm install grunt-cli -g to install Grunt globally.
  6. Run grunt build to build Dev.Opera inside the _site folder.

Please install EditorConfig plugin for your editor to keep code style declared in the .editorconfig file.

Opening

To open Dev.Opera locally run grunt, it would take up to 1 minute to:

  1. Build the site in “limited mode” with only the latest 150 posts.
  2. Start local server at http://0.0.0.0:33310 address.
  3. Open it in your default browser.

Development

To start developing Dev.Opera run grunt dev, it would take up to 1 minute to:

  1. Build site in a limited mode with only latest 150 posts.
  2. Start local server on http://0.0.0.0:33310 address.
  3. Open it in your default browser.
  4. Launch a watch task for all files.

So now every time you change project files, Dev.Opera will be rebuilt and you browser will update. For HTML and MD files it will still take up to 1 minute, for CSS it will be much faster (please request the same fast track for JS or anything else if needed).

Full build and deploy

To build a complete Dev.Opera, run grunt build: it will take a while to build the full site with all posts included. To deploy (sync build with remote server), run grunt deploy.

Notes

  • All instructions are for Unix (OS X, Linux, etc.) because Jekyll is not compatible with Windows.
  • You may require write access for all commands mentioned above. Type sudo, space and command if needed.
  • If you get an error running grunt dev, try to increase the file number limit with the ulimit -n 10000 command or use a nightly build of Node.JS 0.11 (could be installed alongside to 0.10 using nvm).

devopera's People

Contributors

mathiasbynens avatar andreasbovens avatar shwetank avatar tomaszstawarz-opera avatar krystiangorski avatar yoavweiss avatar richtr avatar zachleat avatar myakura avatar foolip avatar hemanth avatar beneverard avatar bwin avatar christoph142 avatar alrra avatar luissquall avatar p01 avatar zcorpan avatar tgrabowiecki avatar robcam avatar stuartlangridge avatar

Watchers

James Cloos 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.