From cd508af5d07169d5232ea4a7639042ff3a45f9e3 Mon Sep 17 00:00:00 2001
From: CNOCTAVE <cnoctave@qq.com>
Date: Tue, 19 Nov 2024 10:57:09 +0800
Subject: [PATCH] Update index.html

---
 docs/index.html | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/docs/index.html b/docs/index.html
index 3c687e7..6739e40 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -74,6 +74,22 @@
             </q-header>
             <q-drawer class="bg-primary" show-if-above v-model="leftDrawerOpen" side="left" bordered elevated>
                 <q-list class="title1 text-white bg-primary">
+                    <q-item clickable v-ripple @click="goToID('#homepage')">
+                        <q-item-section avatar>
+                            <q-icon name="help" />
+                        </q-item-section>
+                        <q-item-section>
+                            项目首页
+                        </q-item-section>
+                    </q-item>
+                    <q-item clickable v-ripple @click="goToID('#repo_install')">
+                        <q-item-section avatar>
+                            <q-icon name="help" />
+                        </q-item-section>
+                        <q-item-section>
+                            软件源安装
+                        </q-item-section>
+                    </q-item>
                     <q-item clickable v-ripple @click="goToID('#how_to_use')">
                         <q-item-section avatar>
                             <q-icon name="help" />
@@ -123,6 +139,14 @@
                         <q-btn id="homepage" class="title1 text-white bg-primary" stretch flat
                             label="项目首页：https://github.com/CNOCTAVE/marked_reader" @click="goTo('https://github.com/CNOCTAVE/marked_reader')"></q-btn>
                         <q-separator></q-separator>
+                        <div id="repo_install" class="title1 q-ma-md text-primary">软件源安装</div>
+                        <p class="q-ma-md">marked_reader可以通过NPM软件源安装。</p>
+                        <div class="text-h5 q-ma-md text-red-10">通过NPM软件源安装marked_reader，代码如下：</div>
+                        <p class="q-ma-md">$ npm i marked_reader</p>
+                        <p class="q-ma-md">marked_reader可以通过Snap软件源安装。</p>
+                        <div class="text-h5 q-ma-md text-red-10">通过Snap软件源安装marked_reader，代码如下：</div>
+                        <p class="q-ma-md">$ sudo snap install marked-reader --edge</p>
+                        <q-separator></q-separator>
                         <div id="how_to_use" class="title1 q-ma-md text-primary">如何使用</div>
                         <div class="text-h5 q-ma-md text-red-10">点击左上角的按钮即可打开Markdown文档，如图所示：</div>
                         <q-img src="pic/open_markdown.png" spinner-color="white" style="width: 100%; height: auto;"></q-img>