tianhanl / blog

A blog built with Vue.js

Home Page:http://tianhanl.github.io/blog

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

blog

A blog built with Vue.js and GitHub API.

Description

A lightweight blog using GitHub issues to host articles.

This blog framework have two major componenet, List-view and Article-view.

  1. List-view is the entry point for the blog and displays the list of articles.
  2. Article-view is the article detailed page and displays the content of an article.

The routing between different pages is built with vue-router.

The state management of cross page data is built with vuex.

Usage

This blog framework tries to simply the process of posting article by requring least information. It reads data form config.js, and uses data provided in this file to retrive articles from user's GitHub repository.

config.js requires following content:

blogTitle Its value will be used as the title of the blog.

username Its value will be used as your GitHub username to handle link address and to retrieve data from your repository.

Features

  • Parse Markdown - with vue-markdown
  • Syntax Highlighting - with prismjs
  • Tag System

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

Demo

Live Demo;

About

A blog built with Vue.js

http://tianhanl.github.io/blog

License:MIT License


Languages

Language:Vue 67.5%Language:JavaScript 28.9%Language:HTML 3.6%