diff --git a/bookshelfplus-frontend/assets/fonts/.font-spider/HarmonyOS_Sans_SC_Regular.ttf b/bookshelfplus-frontend/assets/fonts/.font-spider/HarmonyOS_Sans_SC_Regular.ttf
new file mode 100644
index 0000000..aff150a
Binary files /dev/null and b/bookshelfplus-frontend/assets/fonts/.font-spider/HarmonyOS_Sans_SC_Regular.ttf differ
diff --git a/bookshelfplus-frontend/assets/fonts/HarmonyOS_Sans_SC_Regular.ttf b/bookshelfplus-frontend/assets/fonts/HarmonyOS_Sans_SC_Regular.ttf
new file mode 100644
index 0000000..5c2cc87
Binary files /dev/null and b/bookshelfplus-frontend/assets/fonts/HarmonyOS_Sans_SC_Regular.ttf differ
diff --git a/bookshelfplus-frontend/assets/stylesheets/style.css b/bookshelfplus-frontend/assets/stylesheets/style.css
new file mode 100644
index 0000000..84a1ddd
--- /dev/null
+++ b/bookshelfplus-frontend/assets/stylesheets/style.css
@@ -0,0 +1,158 @@
+/* 字体引入 */
+@font-face {
+ font-family: HarmonyOS_Sans;
+ src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf") format("truetype");
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* 全局样式 */
+html,
+body {
+ margin: 0;
+ font-family: HarmonyOS_Sans;
+}
+
+a,
+a:visited {
+ text-decoration: none;
+ color: #0056ff;
+}
+
+hr {
+ border-top: solid 1px #9f9f9f;
+ border-bottom: 0;
+}
+
+/* 导航栏样式 */
+.navbar {
+ background-color: #2b2b2b;
+ color: #fff;
+ height: 60px;
+ line-height: 60px;
+}
+
+.navbar-grid {
+ height: 100%;
+ display: grid;
+ grid-template-columns: 10vw 1fr 280px 10vw;
+ gap: 10px;
+}
+
+.navbar-grid .grid-item {
+ /* 下面三行为辅助样式 */
+ /* border: white solid 1px;
+ border-top: 0;
+ border-bottom: 0; */
+}
+
+.navbar-grid .grid-item a,
+.navbar-grid .grid-item a:visited {
+ color: #fff;
+}
+
+.navbar-grid .grid-item * {
+ margin: 0;
+}
+
+.navbar > ul {
+ list-style-type: none;
+ display: flex;
+}
+
+.navbar > ul > li > a {
+ color: #fff;
+}
+
+/* 标题 siteTitle */
+.siteTitle h1 {
+ margin-top: 130px;
+ display: inline-block;
+ font-size: 36px;
+}
+
+.siteTitle span {
+ display: inline-block;
+ color: crimson;
+}
+
+/* 正文样式 */
+.main {
+ margin: 0 auto;
+ /* max-width: 600px; */
+ max-width: min(90vw, 720px);
+}
+
+.main p {
+ font-size: 17.5px;
+ line-height: 2em;
+}
+
+/* 搜索框 */
+.searchBox #searchInput {
+ padding: 0 10px;
+ width: 300px;
+ width: min(70vw, 280px);
+ height: 42px;
+ margin-top: 30px;
+ margin-bottom: 5px;
+
+ transition: 0.5s;
+}
+
+.searchBox #searchInput:focus {
+ padding: 0 18px;
+ height: 35px;
+ width: min(78vw, 300px);
+}
+
+.searchBox #searchButton {
+ width: 80px;
+ height: 40px;
+}
+
+/* 网站Slogan */
+.sloganBox .emphasize {
+ font-weight: bold;
+ text-decoration: underline;
+ padding-top: 10px;
+ padding-bottom: 20px;
+}
+
+/* 页脚 */
+.footer {
+ text-align: center;
+ margin-top: 40px;
+ color: #3f3f3f;
+}
+
+/* 自适应 */
+@media (max-width: 600px) {
+ .narrowHide {
+ display: none;
+ }
+
+ .navbar-grid {
+ grid-template-columns: 10vw 1fr 110px 10vw;
+ }
+
+ /* 正文样式 */
+ .main {
+ max-width: 90vw;
+ }
+
+ .main p {
+ font-size: initial;
+ /* line-height: initial; */
+ }
+}
+
+@media (max-width: 300px) {
+ .exnarrowHide {
+ display: none;
+ }
+
+ .navbar-grid {
+ grid-template-columns: 10vw 1fr 0 10vw;
+ }
+}
diff --git a/bookshelfplus-frontend/favicon.ico b/bookshelfplus-frontend/favicon.ico
new file mode 100644
index 0000000..9416778
Binary files /dev/null and b/bookshelfplus-frontend/favicon.ico differ
diff --git a/bookshelfplus-frontend/font-compress.bat b/bookshelfplus-frontend/font-compress.bat
new file mode 100644
index 0000000..17c45d1
--- /dev/null
+++ b/bookshelfplus-frontend/font-compress.bat
@@ -0,0 +1,2 @@
+call font-spider ./index.html
+pause
\ No newline at end of file
diff --git a/bookshelfplus-frontend/index.html b/bookshelfplus-frontend/index.html
new file mode 100644
index 0000000..2851bc8
--- /dev/null
+++ b/bookshelfplus-frontend/index.html
@@ -0,0 +1,112 @@
+
+
+
+
+
+
+
+ 书栖网
网站正在建设中
+
+
+
+
+
+
+
+
+
+
+ 一个没有任何门槛的计算机类电子书下载平台
+
+
+
+
随便唠唠
+
本网站是“计算机类电子书”仓库的前身,我们希望能够搭建一个电子书共享平台,供大家在学习中方便搜索以及下载。
+
目前市面上的网站下载有很多门槛,要么是收费,要么是要关注公众号等等。我们要做的就是一个没有任何门槛的下载平台。
+
我们承诺,这个网站从出生到消失,永不投放广告,永远不会让您付费或者关注公众号来进行下载,甚至也不投放收款二维码,永远是这样。
+
+
目前已收集到100GB左右的与计算机相关的书籍(主要是PDF)。但由于人手不足,尽管我们花费了大量时间对其进行归类、筛选、去重等工作,但仅仅将其中的四分之一整理到仓库中供大家下载。所以我们暂时停止了手动整理的重复工作,着手来开发这个网站,以减轻后期我们的重复劳动,也为了能给大家提供更好更方便的下载服务。
+
+
+ 【备注】在我们建设好网站前,对于希望能够打包下载全部电子书的类似需求我们无暇兼顾,因为文件太多,我们需要花很多精力,甚至分成很多个渠道才能够将其分享出去不被和谐,所以还请大家多多谅解。
+
+
目前,我们使用业余时间进行网站开发,所以这个过程很慢,也请您耐心等待。如果您与我们一样,希望为这个项目添砖加瓦,欢迎通过 contact@only4.work
+ 与我们取得联系。当然,话说在前面,我们没有能力支付相应酬劳,包括我们自己也是一样,做这个项目不为什么,纯粹的是为爱发电罢了。同时,如果您想加入我们,你需要拥有相应编码能力,以及一些空闲时间。
+
如果你只是单纯的喜欢本项目,或者认同我们的做事风格等等,欢迎去GitHub仓库为我们点个Star,这对我们来说比金钱更能维持我们为爱发电的热情。
+
+
也许你会问,为爱发电的话,高昂的运维费用怎么办?这个我没有办法给出肯定的回答,就像目前很多的开源项目作者一样,他们也被这个问题所困扰。但我可以肯定的告诉你,我们会尽一切力量来维持这个网站的运行,从服务器到下载地址,我们会尽量压缩成本。压缩成本意味着尽量使用免费或者低价的云服务,这同时意味着可能会让网站加载变慢甚至少数情况下加载不出来,我们会尽量在这二者之间找到一个平衡点。
+
+
在网站的后续运营过程中,我们将主要使用网盘分享链接的形式进行分享,但由于网盘分享链接极其容易失效,所以部分情况下我们会为压缩包设置密码。若压缩包有密码,一律为:bookshelf.plus。
+
但在网站的细节方面,我们绝对会将用户体验放在第一位,该有的通通都给安排上。
+
+
最后,还是要说一下版权的问题。我们十分重视版权。我们所整理的电子书全部来自于互联网,其中部分来自于下载站、公众号等。如果其中包含您的作品,且您不希望我们将您的作品作为免费分享出来,请联系contact@only4.work并提供相应证明材料,我们核实后将会第一时间删除。同时,您在本网站上下载的所有电子书文件,仅供学习交流使用,不可二次传播,特别是不可设置扫码关注等门槛二次分享。
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/bookshelfplus-frontend/package.json b/bookshelfplus-frontend/package.json
new file mode 100644
index 0000000..caf457c
--- /dev/null
+++ b/bookshelfplus-frontend/package.json
@@ -0,0 +1,18 @@
+{
+ "name": "bookshelf-plus",
+ "version": "1.0.0",
+ "description": "书栖网",
+ "main": "index.js",
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 1"
+ },
+ "repository": {
+ "type": "git",
+ "url": "https://gitee.com/only4/bookshelf.git"
+ },
+ "keywords": [
+ "书栖网"
+ ],
+ "author": "Coding Zhang",
+ "license": "MIT"
+}