https://github.com/harlan-zw/harlanzw.com-vitepress

My personal blog built using VitePress and TailwindCSS
https://github.com/harlan-zw/harlanzw.com-vitepress

Last synced: 2 months ago
JSON representation

My personal blog built using VitePress and TailwindCSS

• Host: GitHub
• URL: https://github.com/harlan-zw/harlanzw.com-vitepress
• Owner: harlan-zw
• License: mit
• Created: 2020-11-26T13:13:07.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-05-26T01:34:08.000Z (about 2 years ago)
• Last Synced: 2024-01-22T05:19:31.214Z (5 months ago)
• Language: Vue
• Homepage: https://harlanzw.com
• Size: 7.63 MB
• Stars: 36
• Watchers: 4
• Forks: 9
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Lists

• awesome-vitepress-v1 - harlanzw.com-vitepress - Personal [blog](https://harlanzw.com/) built using VitePress and TailwindCSS (:card_index_dividers: Projects Using VitePress / Blogging Websites)

README

        
# harlanzw.com

![](https://github.com/loonpwn/harlanzw.com/workflows/Deploy/badge.svg)

This repo is the project for my personal website. It's built using VitePress (Vite + Vue3) with a custom templat using TailwindCSS.

Feel free to clone it if you'd like to setup your own personal site. 

Setup

-------------

#### **Environment**

Recommended:

- [node - latest](https://nodejs.org/en/)

- [yarn - latest](https://yarnpkg.com/)

#### **Instructions**

1. Install deps `yarn`

2. Run app `yarn dev`

Usage

-------------

#### **Deployment**

Deployment is only setup for S3+Cloudfront.

#### GitHub Deployment

If that is the case, you can go into your Github repo settings and setup the keys:

- `AWS_ACCESS_KEY_ID`

- `AWS_SECRET_ACCESS_KEY`

On master branch pushes, it will deploy the website.

Note: The IAM will need permission to the pushing to the s3 bucket and cloudfront cache invalidation.

#### Manual Deployment 

If you want to deploy outside of Github repo you can run `./scripts/deploy.sh`