Awesome
<h1 align="center"> <a href="https://github.com/mtobeiyf/vuepress-homepage" title="Homepage"> <img src="https://user-images.githubusercontent.com/5097752/39163721-4c79012c-47ae-11e8-842b-2af72f69cc2c.jpg" width="300px" alt=""> </a> <br /> Your Awesome Homepage </h1> <p align="center"> Build your site like a Pro :v: </p> <p align="center"> <img src="https://img.shields.io/badge/License-MIT-green.svg" alt=""> <img src="https://img.shields.io/badge/PR-welcome-brightgreen.svg" alt=""> </p> <h2> <a href="https://vuepress-homepage.netlify.com" target="_blank" title="Demo"> Live Demo </a> </h2>Screenshots:
Home/Resume :newspaper: | Projects/Publications :books: |
---|---|
<img src="https://user-images.githubusercontent.com/5097752/71707796-8b275880-2dba-11ea-8db0-03172722c35d.png"/> | <img src="https://user-images.githubusercontent.com/5097752/71707797-8b275880-2dba-11ea-8239-c51f4bac6542.png"/> |
About Me :raising_hand: | Docs/Articles :closed_book: |
---|---|
<img src="https://user-images.githubusercontent.com/5097752/71707795-8b275880-2dba-11ea-9440-987d542c560c.png"/> | <img src="https://user-images.githubusercontent.com/5097752/71707798-8b275880-2dba-11ea-9777-d9d64ac4ad45.png"/> |
Check the full documentation here :point_right: Guide
Make sure you have Node.js and yarn installed.
# Clone the repo
git clone https://github.com/mtobeiyf/vuepress-homepage.git
cd vuepress-homepage
# Install VuePress
yarn global add vuepress
# OR npm install -g vuepress
# Install dependencies
yarn
# OR npm install
# Run
$ yarn dev
# OR npm run dev
Check your site at http://127.0.0.1:8080/
Features
- Markdown and emoji supported :smiley:
- Elegant and minimalistic
- Customizable and mobile-friendly
- Multi-language support
- Powered by VuePress and Vue.js
It's static, which means once generated, your site could be deployed anywhere, like Netlify or GitHub Pages
Simple Editing | Elegant Output |
---|---|
<img src="https://user-images.githubusercontent.com/5097752/39165083-42470364-47b5-11e8-8e1b-e225e6cf4161.png"/> | <img src="https://user-images.githubusercontent.com/5097752/39165092-4af03422-47b5-11e8-986e-02bee0fe6979.jpg"/> |
It's responsive and mobile friendly.
Main | Projects | Doc | Sidebar |
---|---|---|---|
<img src="https://user-images.githubusercontent.com/5097752/39163461-30a0e754-47ad-11e8-84ff-0c6716d6e937.jpg"/> | <img src="https://user-images.githubusercontent.com/5097752/39163230-2c917634-47ac-11e8-9c08-a87336c0bb02.jpg"/> | <img src="https://user-images.githubusercontent.com/5097752/39163235-32001436-47ac-11e8-8a80-f5aa1d639b82.png"/> | <img src="https://user-images.githubusercontent.com/5097752/39163238-368bfb5a-47ac-11e8-81b9-78a38af16dfe.jpg"/> |
Credit
VuePress: Vue-powered Static Site Generator
Vue.js: The Progressive JavaScript Framework
License
Copyright © 2020, Fing
Released under the MIT License.