前言

因为我的Chrome书签实在是太多了,好几百个书签,就粗略的分了几类,有时候突然想去访问某个收藏的书签就很难找,所以我想自己建一个轻量的网址导航并作为自己浏览器的主页,满足以下需求:

  • 开源
  • 有后台系统
  • 非纯静态导航

寻找项目

我在Github上找到一个很棒的项目,其项目地址为:https://github.com/WebStackPage/WebStackPage.github.io ,该项目主分支是基于静态的响应式网址导航系统,但是实际根据其他贡献者的提交提供了多种不同部署方式,这里简单罗列下:

  1. 直接Clone项目主分支,使用静态托管

  2. 使用基于 Laravel 搭建的后台系统

    开源地址:https://github.com/hui-ho/WebStack-Laravel
    Docker部署版本:https://hub.docker.com/r/arvon2014/webstack-laravel

  3. WordPress主题

    开源地址:https://github.com/owen0o0/WebStack
    教程:WordPress 版 WebStack 导航主题使用说明 | 一为忆

  4. 基于Java开发的后台系统

    开源地址:https://github.com/jsnjfz/WebStack-Guns

  5. Springboot后台 Nikati-WebStack-Guns

    开源地址:https://github.com/Nikati/WebStack-Guns-NKT

  6. 使用 Jekyll 版本的后台

    开源地址:https://github.com/0xl2oot/webstack-jekyll

  7. 使用Typecho主题

    开源地址:https://www.seogo.me/muban/webstack.html

  8. 自己写后台系统

    这个在项目地址有作者写的具体设计开发过程
    我最终决定使用基于 Laravel搭建的后台系统

    项目地址:https://github.com/hui-ho/WebStack-Laravel

环境要求

我的环境参考:

  • 操作系统:CentOS 7.3 x64

  • web服务器:Nginx/Apache

  • PHP版本:7.2

  • MySQL版本:5.7

  • Linux面板:宝塔面板

开始部署

1.打开PHP函数passthru,然后重启PHP
2.宝塔新建一个站点,数据库MySQL,记录下数据库信息后面要填
3.命令行开始安装:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
#cd进入站点根目录
cd /www/wwwroot/www.demo.com
#克隆代码(这一步下载不动可以手动下载源码上传解压到网站根目录)
git clone https://github.com/hui-ho/WebStack-Laravel.git
#安装Composer包管理器并且全局处理
curl -sS https://getcomposer.org/installer | php
mv composer.phar /usr/local/bin/composer
#更换源为国内源,国外服务器可忽略此步骤
composer config -g repo.packagist composer https://packagist.laravel-china.org
#安装依赖
composer install
#编辑配置
cp .env.example .env
#在站点根目对.env文件的编辑以下内容
...
DB_DATABASE=数据库名称
DB_USERNAME=数据库用户名
DB_PASSWORD=数据库密码
...
#生成Key值会自动填入.env文件中
php artisan key:generate
#迁移数据
php artisan migrate:refresh --seed
#本地测试
php artisan serve

4.配置伪静态规则为:laravel5

5.在网站目录里面关闭防跨站攻击,设置运行目录为/public

6.(可选)申请SSL证书,强制https

7.程序预设了一些站点数据,下面是截图

WebStack

可以使用以下命令清除:

1
php artisan webstack:clean

开始使用

后台地址:https(s)://域名/admin
默认用户名:admin
默认密码:admin
其他高级设置在后台尽情自定义吧 😎

我的导航站:https://spoience.top/(弃用)