Update index.html

CNOCTAVE · Nov 19, 2024 · cd508af · cd508af
1 parent 4db7c49
commit cd508af
Showing 1 changed file with 24 additions and 0 deletions.
diff --git 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>