:beer: Yet another Static blog engine. Built with :heart: for Github
AzerothJS is an open source blog engine running on static file servers such as Github Pages or any web hosting.
In short: 100% client-side JavaScript.
Check out the live demo here
Python2
python -m SimpleHTTPServer 3000Python3
python -m http.server 3000
*.mdfile in
postsfolder and write with your favorite Markdown Editor
posts/home.md, list your posts here
*.mdformat and save to
postsfolder
Azeroth has 2 display mode: Live Markdown and Static HTML.
If you point your browser to http://yoursite.com/#/slugged-post-name, Live Markdown mode will be used to render HTML content directly from Markdown file.
One problem of Live Markdown is: it's unable to display the content when you share the site on social networks like Facebook or Twitter. To solve this issue, we use Static HTML. After generating static HTML content, you can access your post at http://yoursite.com/posts/slugged-post-name
Run this script in your root folder:
node generator.js
The script will automatically convert all
*.mdfiles in
/postsfolder to
*.html.
Now you can list your HTML pages in
home.mdinstead of markdown files.
The original theme for the code highlighting is
Tomorrow Night. If you don't like it, there are many pre-installed themes inside
css/highlightfolder. Pick one and replace to
line 6of
index.html:
The original font for the blog is
Roboto Slab. You can change the new font by replacing
line 4of
index.html:
And change the font in
css/theme.css:
* { font-family: 'Roboto Slab', serif; font-size: 20px; font-weight: 100; }
There are some social icon links in
footer, put your own one by edit the
index.html:
Change your CSS link in both the
index.htmland
template.htmlto this:
html
In the end of
index.htmland
template.html, there is a line:
ga('create', 'Insert-Your-GA-ID-Here', 'auto');
Replace
Insert-Your-GA-ID-Herewith your Google Analytics ID to start monitoring your blog.
Yes, I'm using it for my personal blog (http://huytd.github.io/), it's in Vietnamese.
If you prefer to read English version, Goole Translate can help (https://translate.google.com/translate?sl=auto&tl=en&js=y&prev=_t&hl=en&ie=UTF-8&u=http%3A%2F%2Fhuytd.github.io%2F&edit-text=)