|a ecd17d66c1 .||1 month ago|
|chrome-app||1 year ago|
|dev||1 month ago|
|img||1 year ago|
|js||1 year ago|
|markdown||1 year ago|
|xml||1 year ago|
|.gitignore||1 year ago|
|LICENSE||1 year ago|
|README.md||1 year ago|
|index.html||1 year ago|
|manifest.json||1 year ago|
|robots.txt||1 year ago|
|sw-readme.md||1 year ago|
|sw.js||1 year ago|
Static Blog For You - Demo
The typical static generator behaviour: run some "update" command and wait. Spotted a typo in some post .. repeat the "update" process.
Here comes jblogfy, heavily inspired by geminiBlog, Angular and single page app philosophy.
Out of the box you get:
The blog post conversion happens on the client side (your blog visitor browser). In 2 simple steps you can update your blog.
Step 1: Write markdown formatted post in the markdown directory.
--- Hello World
Step 2: Edit js/config.js to include your new post.
var metaPool = [ ["sane_gentoo_tips","Sane Gentoo Tips","May 5, 2016","Gentoo"] ["random_post3","Random post 3","May 19, 2016",""], [ "hello_world", // filename without .md extension "Hello World", // Post Title "May 24, 2016", // Publishing date "" // Categories "1,2,3,4,5" ] ];
Refresh your blog page and you'll see the new post. Spotted a typo in some post - fix it and refresh the blog page.
Note that when a post is requested (link clicked), once it's parsed and converted it will be stored in the browser localStorage for next two days.
If you experiment with the source code make sure to clear the localStorage so you can preview your post changes. In the browser console type:
The engines source code are in the dev directory.
The source code used to compile and minify the blog theme is in dev/css/less. I've tweaked the theme to include only the necessary code used in the blog, so it can be inlined directly into the index.html file itself.
Even Google Page Speed Insights melts from happines.
jblogfy is also blogfy cousin.
There are two apps in here, the first one is native Chrome/ium extension and the second one is Web installable app which is awesome.
The Web app (manifest.json) in action, it also works offline:
The web app allows you to notify your blog visitor to add your blog page as if it was native app to their home screen. Whenever the app is started it will use Chrome, which will parse manifest.json and style the app accordingly.
If you are testing the app locally, tap the browser Settings and then Add to Home Screen.