Giter VIP home page Giter VIP logo

aurora's Introduction

Aurora - An awesome blog theme

Author QQ Email

蝉時雨

Aurora 是一个基于 Vue 开发的 SPA 单页面博客应用程序,使用 Github Issues 进行写作,借助 Github Api 获取数据。博客评论系统采用开源项目 Gitalk。主题基于 Github 全家桶,脱离服务器与数据库,关注内容本身,操作简单,免费食用。

技术栈:Vue + Github Pages + Github Api + Gitalk

在线演示:蝉時雨

Getting Started

完整详细的主题食用方法参考 Aurora 食用指南

Installing

npm install -g @vue/cli-service-global

git clone [email protected]:chanshiyucx/aurora.git
cd aurora
npm install # or yarn

Configuration

修改目录 src/config.js 的配置文件,每个配置项都有详细说明。

为了更好地定制各个页面的展示效果,这里约定一些页面内容的格式,主要分文章、书单、友链、关于 四个内容模板。对于文章模板没有太多的格式约束,只需要在文章正文顶部加上封面配图即可,配图采用的是 markdown 的注释语法,所以并不会在正文里渲染。

[pixiv: 63093148]: # "https://i.loli.net/2019/04/23/5cbf08e49500b.jpg"

其余三个页面模板参考如下:

Preview

确定配置无误,可以先本地预览,注意在本地预览时 gitalk 不会渲染,这属于正常情况,发布线上后便能正常显示评论。

npm start

浏览器打开 http://localhost:8000 便可访问新的博客!

Deployment

本地预览检查能正常访问后,即可以打包发布上线。

npm run build

打包完毕,将 dist 目录下生成的静态文件发布 Github PagesCoding Pages 即可。

Just enjoy it ฅ●ω●ฅ

Timeline

  • 2019/10/24 Aurora 2.0
  • 2019/04/25 新增背景主题-千年幻想
  • 2019/03/08 新增 Valine 匿名评论功能

License

This project is licensed under the MIT License.

aurora's People

Contributors

chanshiyucx avatar ichanshiyu avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.