diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 0000000..123d304
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,33 @@
+# This is a basic workflow to help you get started with Actions
+
+name: Deploy
+
+# Controls when the action will run. 
+on:
+  # Triggers the workflow on push or pull request events but only for the main branch
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# A workflow run is made up of one or more jobs that can run sequentially or in parallel
+jobs:
+  # This workflow contains a single job called "build"
+  deploy:
+    # The type of runner that the job will run on
+    runs-on: ubuntu-latest
+
+    # Steps represent a sequence of tasks that will be executed as part of the job
+    steps:
+      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
+      - uses: actions/checkout@v2
+      - uses: xRealNeon/VuePagesAction@1.0.0
+        with:
+          username: 'ChemiAtlow'
+          reponame: 'quickSort'
+          token: ${{ secrets.GITHUB_TOKEN }} # Leave this line unchanged:
+          gitemail: 'deploy@quicksort.ci'
+          gitname: 'deploy CI'
diff --git a/vue.config.js b/vue.config.js
index ff69d84..f7e26e3 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,6 @@
 module.exports = {
+	publicPath:
+		process.env.NODE_ENV === "production" ? "/quickSort/" : "/",
 	css: {
 		sourceMap: true,
 		loaderOptions: {