diff --git a/server/handlers.go b/server/handlers.go
index 92c151d..a5b32ec 100644
--- a/server/handlers.go
+++ b/server/handlers.go
@@ -8,11 +8,13 @@ import (
 	"os"
 	"log"
 	"io"
+	"io/ioutil"
 	"mime"
 	"strings"
 	"path/filepath"
 	"strconv"
 	"math"
+	"fmt"
 )
 
 func IndexHandler(rw http.ResponseWriter, req *http.Request) {
@@ -348,3 +350,29 @@ func SettingsHandler(rw http.ResponseWriter, req *http.Request) {
 		}
 	}
 }
+
+func OPMLImportHandler(rw http.ResponseWriter, req *http.Request) {
+	if req.Method == "POST" {
+		file, _, err := req.FormFile("opml")
+		if err != nil {
+			log.Print(err)
+			return
+		}
+		content, err := ioutil.ReadAll(file)
+		if err != nil {
+			log.Print(err)
+			return
+		}
+		fmt.Println(string(content))
+	} else {
+		rw.WriteHeader(http.StatusMethodNotAllowed)
+	}
+}
+
+func OPMLExportHandler(rw http.ResponseWriter, req *http.Request) {
+	if req.Method == "GET" {
+		rw.Header().Set("Content-Type", "application/xml; charset=utf-8")
+		rw.Header().Set("Content-Disposition", `attachment; filename="subscriptions.opml"`)
+		rw.Write([]byte("content"))
+	}
+}
diff --git a/server/server.go b/server/server.go
index bc3a0fb..e5d3935 100644
--- a/server/server.go
+++ b/server/server.go
@@ -79,6 +79,8 @@ var routes []Route = []Route{
 	p("/api/items", ItemListHandler),
 	p("/api/items/:id", ItemHandler),
 	p("/api/settings", SettingsHandler),
+	p("/opml/import", OPMLImportHandler),
+	p("/opml/export", OPMLExportHandler),
 }
 
 func Vars(req *http.Request) map[string]string {
diff --git a/template/index.html b/template/index.html
index db086d5..6d4f012 100644
--- a/template/index.html
+++ b/template/index.html
@@ -228,6 +228,16 @@
                 </div>
             </div>
             <div v-else-if="settings=='import'">
+                <form id="opml-import-form" enctype="multipart/form-data">
+                    <label for="opml-import">Import Subscription</label>
+                    <div class="custom-file">
+                        <input type="file" class="custom-file-input" id="opml-import" @change="importOPML" name="opml">
+                        <label class="custom-file-label" for="opml-import">Choose file</label>
+                    </div>
+                </form>
+                <label class="mt-3">Export Subscriptions</label>
+                <br>
+                <a class="btn btn-default" href="/opml/export" target="_blank">Download</a>
             </div>
         </div>
     </div>
diff --git a/template/static/javascripts/api.js b/template/static/javascripts/api.js
index 07e6460..d3f556d 100644
--- a/template/static/javascripts/api.js
+++ b/template/static/javascripts/api.js
@@ -74,5 +74,11 @@
         return api('put', '/api/settings', data)
       },
     },
+    upload_opml: function(form) {
+      return fetch('/opml/import', {
+        method: 'post',
+        body: new FormData(form),
+      })
+    },
   }
 })()
diff --git a/template/static/javascripts/app.js b/template/static/javascripts/app.js
index c50f19f..394ad23 100644
--- a/template/static/javascripts/app.js
+++ b/template/static/javascripts/app.js
@@ -240,5 +240,9 @@ var vm = new Vue({
       }
       api.items.update(item.id, {status: item.status})
     },
+    importOPML: function(event) {
+      var form = document.querySelector('#opml-import-form')
+      api.upload_opml(form)
+    },
   }
 })