关于 WebStack 导航网站的搭建和优化

写在前面

这几天没有写博客,是在捣鼓今天要讲的东西——简轻导航,之前自己手搓过一个导航,是纯静态的,虽然感觉还可以,但是没有数据库和其他一些东西,总觉着有点不方便。如果想要改些东西就需要动源代码,很麻烦。为什么会想着做导航这个东西呢,浏览器是有收藏夹的,但换了浏览器之后收藏夹互不相通,所以我一开始的想法是,写一个页面替代书签,但没想到要求越来越高,哈哈哈哈。最后弄了这个,今天也就分享给大家,希望可以躺在收藏夹吃灰。

选择开源导航项目

前几天在逛其他博客的时候,发现有人也有这种需求,想要一个自己的导航网站,咱不会写还不会直接拿过来用吗。

其实这几个开源导航系统都挺好用的,比如说(排名不分先后):

WebStack北邮人导航极客导航Opage只言片语导航小呆导航2.0

这么些个我都看了,北邮人其实我也想部署,但在北邮人WebStack 中选择的时候,选了后者,因为毕设也是基于bootstrap,开发前端页面,想着部署完成研究和修改 webstack 代码的时候,找找灵感哈哈哈。有机会我也会搭北邮人导航。

极客其实也不错,剩下的几个基本都是静态页面,其中小呆2.0已经停止更新了。

下面我们来开始今天的主要任务,部署和分享我自己的修改和配置过程。

WebStack 安装

其实用不用宝塔都是一样的,宝塔对新手友好一点,新手推荐使用的,等Linux环境慢慢熟悉了之后再用命令行玩,循序渐进。如果又想要命令行安装教程的,请留言。需求多的话我会更新。

安装 wordpress

在宝塔中新建一个站点,如果有新建站点不明白的,请看为知笔记安装篇这里面又非常详细的教程。

本项目不过是多了一个创建数据库的步骤,其中数据库名和密码,自己创建或者使用它推荐的也可以,后面安装wordpress会需要。
在这里插入图片描述

创建好网站之后,点击当前网站的根目录,进入网站的根目录,删除自动生成的网站文件。

1642592061129

然后点击左侧的网站,找到并点击刚才创建的网站的站点名。

1642592250167

或者在框中直接输入下面代码,配置伪静态:

location /
{
	 try_files $uri $uri/ /index.php?$args;
}

rewrite /wp-admin$ $scheme://$host$uri/ permanent;

保存之后退出来,到wordpress 官网: https://cn.wordpress.org/latest-zh_CN.tar.gz

  • 下载 wordpress 源码(这里推荐到官网直接下载,不推荐从其他地方西下载):

  • 两种方式:第一种,可以在站点根目录中点击远程下载,输入链接直接下载到服务器,第二种,可以下载到电脑再上传,完成之后在根目录中解压。

  • 解压完成后,进入文件,全选给剪切到根目录下。

在这里插入图片描述

全部操作步骤完成后,输入你的 【域名】 或者是【IP+端口号】访问,跟随步骤安装。

在这次之后,以后【域名】和【IP+端口号】访问的就是首页了,如果想进入管理界面就得在后面加上 /admin

安装 WebStack

安装完成之后,操作以下步骤:

image_119

image_120
在这里插入图片描述

在这里插入图片描述

主题地址在github上,直接 down zip就可以了再上传,同样也可以用服务器下载。可能有点慢:

GitHub - owen0o0/WebStack: WordPress 版 WebStack 导航主题

image_123

如果有访问不了的朋友,我已经为大家准备好了,点击下面链接可以直接下载,我也是直接拉到服务器网站根目录的。

owen0o0/WebStack

image_124

上传完成之后,点刚才安装主题的页面,点击启用,这时候刷新你的网页就可以了。就看到了一个空空的导航页面,右上角还有一个小标签。怎么弄掉呢,如果留言问我的人多我在评论区说吧。

image_125

image_126

在这里插入图片描述

在这里插入图片描述

闲聊(服务器内存优化)

我这个项目迁移了一次,服务器是腾讯云香港1核2G,因为部署的项目太多了,导致内存不足,迁移了一次。开始还好好的,之后分享了几次,几台设备同时访问就直接崩溃了。如果有想要知道服务器优化的相关方法,需求多会考虑单独再出一期,这里就不赘述了。现在直接从1600+/1800+的内存占用降到了,1200+/1800+,跑的稳稳当当!

写在最后

主要的一些后台配置,就是标出来的这几个,其他的自己慢慢摸索吧。导数据我自己用的是笨方法,非常麻烦,数据导完之后还需要搞一下图标设置。花费了很长时间。如果有朋友有好方法,希望可以一起讨论一下哈哈哈。

另外有什么不懂或者有什么问题,可以发邮件给我,或者是在评论区留言,我看到会第一时间回应。

项目成品直达(稳定可用)

好了,今天的教程就到这里了,谢谢大家光顾我的博客。如果想看其他项目,请给我留言。

daodee 博客

简轻导航

Shusu 图床

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值