Welcome to AzerothJS!
23 |Welcome! AzerothJS is an open source blog engine running on static file servers such as Github Pages or any web hosting.
24 |What make AzerothJS cool?
26 |-
27 |
- Super lightweight 28 |
- No installation needed 29 |
- No server side code 30 |
- Made for Github Pages 31 |
- Easy to customization 32 |
Get AzerothJS here
34 |The source code are available on Github
35 |How to use?
36 |Run locally
37 |-
38 |
- Clone this project to your computer 39 |
- Start simple HTTP server with Python:
python -m SimpleHTTPServer 3000 40 |
41 | - Your blog now available at http://localhost:3000 42 |
Use with Github Pages
44 |-
45 |
- Create your Github Pages 46 |
- Clone the this project and push it to your Github Pages 47 |
- Every time you want to write, create a new
*.md
file inposts
folder and write with your favorite Markdown Editor
48 | - Modify
posts/home.md
, list your posts here
49 | - Commit and push everything here. Done! 50 |
Use with other web host
52 |-
53 |
- Clone this project to your computer 54 |
- Create a new post in
*.md
format and save toposts
folder
55 | - Upload the everything to your web host 56 |
- Done 57 |
How to customize?
59 |Change code highlighting theme
60 |The original theme for the code highlighting is Tomorrow Night
. If you don't like it, there are many pre-installed themes inside css/highlight
folder. Pick one and replace to line 6
of index.html
:
<link rel="stylesheet" href="./css/highlight/tomorrow-night.css">
62 |
Change the font family
63 |The original font for the blog is Roboto Slab
. You can change the new font by replacing line 4
of index.html
:
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,300&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
65 |
And change the font in css/theme.css
:
* {
67 | font-family: 'Roboto Slab', serif;
68 | font-size: 20px;
69 | font-weight: 100;
70 | }
71 |
Insert your Social links
72 |There are some social icon links in footer
, put your own one by edit the index.html
:
<div class="footer">
74 | <p>Created with <a href="http://github.com/huytd/azeroth-js">azeroth.js</a></p>
75 | <div class="social">
76 | <a href="#"><i class="icon-facebook-squared"></i></a>
77 | <a href="#"><i class="icon-twitter-squared"></i></a>
78 | <a href="#"><i class="icon-linkedin-squared"></i></a>
79 | <a href="#"><i class="icon-github-squared"></i></a>
80 | <a href="#"><i class="icon-mail-alt"></i></a>
81 | </div>
82 | </div>
83 |
Want to read more about Markdown?
84 |-
85 |
- Markdown Test Page 86 |