diff --git a/app/components/BlogRoll/LensBlogpost.jsx b/app/components/BlogRoll/LensBlogpost.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..8226d4356055f4e95e03b17830b561057ca12d4b
--- /dev/null
+++ b/app/components/BlogRoll/LensBlogpost.jsx
@@ -0,0 +1,19 @@
+import React from 'react'
+import LensReader from 'lens/ReactLensReader'
+import '../../scss/components/_blogpost'
+
+export default class LensBlogpost extends React.Component {
+  render () {
+    const { blogpost } = this.props
+
+    return (
+      <div className='blogpost'>
+        <LensReader content={blogpost.source} />
+      </div>
+    )
+  }
+}
+
+LensBlogpost.propTypes = {
+  blogpost: React.PropTypes.object
+}
diff --git a/app/containers/BlogRoll.jsx b/app/containers/BlogRoll.jsx
index 2f88a75aa158cdb98fa1e395984cf2b2b09e18e2..fd8179acb80f9d20c00062e3443ec1a8b9f864b0 100644
--- a/app/containers/BlogRoll.jsx
+++ b/app/containers/BlogRoll.jsx
@@ -6,7 +6,7 @@ import '../scss/main'
 import * as Actions from '../actions'
 import { bindActionCreators } from 'redux'
 
-import Blogpost from '../components/BlogRoll/Blogpost'
+import Blogpost from '../components/BlogRoll/LensBlogpost'
 
 class BlogRoll extends React.Component {
   constructor (props) {
diff --git a/app/routes.jsx b/app/routes.jsx
index d8c89905537d7e6f4395da14528a4054b569c726..3b4adb2256b4cf14d9fa92ff02630d99354b0e22 100644
--- a/app/routes.jsx
+++ b/app/routes.jsx
@@ -5,7 +5,7 @@ import { Route } from 'react-router'
 import Admin from './containers/Admin'
 import About from './components/Admin/About'
 import BlogManager from './containers/BlogManager'
-import Editor from './components/Admin/MarkdownEditor'
+import Editor from './components/Admin/SubstanceEditor'
 
 // Public
 import BlogRoll from './containers/BlogRoll'