Revert to hash mode - github pages do not easily support history mode

Author: angelxuanchang

src/App.vue

@@ -18,22 +18,22 @@
       <el-aside width="20%" class="menu-col">
         <section class="menu">
           <el-menu :default-openeds="[]" default-active="1" background-color="#2b2925" text-color="#fff" active-text-color="#ffd04b">
-            <a href="../home"><el-menu-item index="home" router="true">
+            <a href="../#/home"><el-menu-item index="home" router="true">
               <template slot="title">
                 <span>Home</span>
               </template>
             </el-menu-item></a>
-            <a href="../seminars"><el-menu-item index="seminars" router="true">
+            <a href="../#/seminars"><el-menu-item index="seminars" router="true">
               <template slot="title">
                 <span>Seminars</span>
               </template>
             </el-menu-item></a>
-            <a href="../news"><el-menu-item index="news" router="true">
+            <a href="../#/news"><el-menu-item index="news" router="true">
               <template slot="title">
                 <span>News</span>
               </template>
             </el-menu-item></a>
-            <a href="../pubs"><el-menu-item index="publications" router="true">
+            <a href="../#/pubs"><el-menu-item index="publications" router="true">
               <template slot="title">
                 <span>Publications</span>
               </template>

src/components/Home.vue

@@ -10,11 +10,11 @@
       <div>
         <div style="display:flex; justify-content:space-around;">
           <el-card>
-            <a href="../news"><h2 class="link-title">Recent News</h2></a>
+            <a href="../#/news"><h2 class="link-title">Recent News</h2></a>
             <newsitem class="news" :item="news[0]" :index="0"/>
           </el-card>
           <el-card>
-            <a href="../seminars"><h2 class="link-title">VCR/AI Seminars</h2></a>
+            <a href="../#/seminars"><h2 class="link-title">VCR/AI Seminars</h2></a>
             <seminar class="news" :seminar="seminars[0]" :index="0"/>
           </el-card>
         </div>

src/router/index.js

@@ -10,7 +10,7 @@ import SeminarsPage from '@/components/SeminarsPage'
 Vue.use(Router)
 
 export default new Router({
-  mode: 'history',
+  mode: 'hash',
   routes: [
     {
       path: '/',