WebStack搭建个性化网址导航

前言

因为我的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.命令行开始安装：

#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.程序预设了一些站点数据，下面是截图

可以使用以下命令清除：

$ php artisan webstack:clean

开始使用

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

我的导航站（已弃用）