Featured image of post 一个简约风格的网址导航页

一个简约风格的网址导航页

介绍

一个简约风格的网址导航页,基于 [MIT] 协议开源。你可以直接使用它,也可以在此基础上客制化自己的网址导航

image-20231108181625020

特性

  • 高效导航 - 极简样式,快速访问
  • 从心所欲 - 完全自由地增删改网站,支持自定义网站图标
  • 拖拽排序 - 快速调整网站顺序
  • 搜索词联想 - 支持必应、谷歌、百度等多个搜索引擎
  • 响应式布局 - 可在任意尺寸的设备上正常显示
  • 主题切换 - 内置多种主题样式,可自由切换
  • 夜间模式 - 爱护你的双眼
  • I18n - 支持简体中文、英文和日文
  • 导入/导出数据 - 在不同设备间同步数据
  • 浏览器插件 - 新建标签页时打开 Moon

快速开始

一、安装Node,npm,pnpm

1.安装gcc

1
yum install gcc gcc-c++

2.进入到/usr/local/目录下,下载node国内镜像(推荐)

1
2
3
4
5
安装10.14.1版本:
wget https://npm.taobao.org/mirrors/node/v10.14.1/node-v10.14.1-linux-x64.tar.gz

安装20.2.0版本:
wget https://npm.taobao.org/mirrors/node/v20.2.0/node-v20.2.0-linux-x64.tar.gz

3.解压并重命名文件夹

1
2
tar -xvf  node-v10.14.1-linux-x64.tar.gz
mv node-v10.14.1-linux-x64 node

4.添加环境变量

1
vi /etc/profile

在文件最后添加以下配置:

1
2
export NODE_HOME=/usr/local/node  
export PATH=$NODE_HOME/bin:$PATH

5.刷新配置

1
source /etc/profile

6.验证结果:

1
2
node -v
npm -v

7.安装pnpm

1
npm install pnpm -g

二、安装moon-web-start

1.克隆仓库

1
git clone https://github.com/jic999/moon-web-start.git

2.进入目录

1
cd moon-web-start

3.安装依赖

1
pnpm install

4.打包项目

1
pnpm build

打包好后,根目录会多出dist文件夹,此文件夹就是打包好的网站文件,也是我们需要发布服务器的

将打包好的dist文件夹里面的所有文件剪切到网站根目录,不要复制整体dist文件夹,而是里面的单个文件

浏览器插件

插件适用于谷歌浏览器,可以在新建标签页时自动进入Moon 。 该插件暂未在Chrome应用商店发布,若要使用,请按照以下步骤:

  1. 解压本项目下extension/moon-chrome-extension.zip'
  2. 在谷歌浏览器的扩展程序界面,打开右上角的开发者模式
  3. 点击左上角加载已解压的扩展程序
  4. 选择刚刚解压的moon-chrome-extension目录。

转载需要保留原始链接,未经明确许可,禁止商业使用。CC BY-NC-SA 4.0

最后更新于 2023/12/05 21:51 CST
comments powered by Disqus
本博客已稳定运行
发表了77篇文章 · 总计103.35k字