Fomantic UI web框架构建的个性漂亮轻量级可配置网站导航源码

PS

本资源仅供给大家学习研究及参考借鉴美工之用,请勿用于商业和非法用途,均无任何技术支持,谢谢合作!

Fomantic UI web框架构建的个性漂亮轻量级可配置网站导航源码,BYR-Navi-master好看有个性的网站技术导航源码,该网站基于Fomantic UI Web框架构建,个人导航站点网站源码,网站技术导航源码,整个项目的设计和构建具有高度的配置和定制灵活性。

整体风格比较适合个人导航站点使用,搜索框输入关键词后,点击上方搜索引擎图标可跳转打开对应搜索引擎搜索结果,使用很简便高效。

整个项目的设计和构建具有高度的配置和定制灵活性。您可以通过修改_config.yml文件来配置它,也可以通过用自己的数据替换*.yml文件_data夹中文件的内容来自定义它。

这是一个轻量级可配置的导航网站,它基于Fomantic UI web框架构建,整个项目的设计具有高度的个人配置和定制灵活性,搜索框输入后,上方的图标都是可以链接到任何你想要打开并输入好的网站。

BYR-Navi是一个开源轻量使用Fomantic UI Web框架构建的网站导航程序,样式也非常美观,而且支持从N个站点直接搜索,我们既可以部署在自己的服务器上,又可以部署在GitHub Pages,后者无需服务器,这里水个稍微完整点的教程,有需求的可以搭建个玩玩。

风格截图

搭建说明

1、安装Ruby
#导入密钥gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB#安装稳定版curl -sSL https://get.rvm.io | bash -s stable#载入RVM环境source /etc/profile.d/rvm.sh#安装Ruby 2.6.3rvm install ruby 2.6.3#设置为默认版本rvm use 2.6.3 --default导入期间出现使用No dirmngr报错的话,使用apt install dirmngr,然后重新导入即可。

2、安装Jekyll
gem install jekyll

3、安装BYR-Navi
#拉取源码git clone https://github.com/BYR-Navi/BYR-Navi#安装依赖cd BYR-Navibundle i如果第一步提示-bash: git: command not found,可以先使用命令:#CentOSyum -y install git#Debian、Ubuntuapt install git -y然后修改配置文件_config.yml,对照原信息,自行修改导航标题,关键词等描述,更深层次的修改可参考官方文档→传送门。

再进入_data文件夹,新增/修改大致导航网站链接,可参考上面的演示地址修改,最后还一个就是统计配置文件analytics.yml,这个需要我们额外安装Matomo,安装和配置可以提前看文章后面。
都修改完成后,启动:#运行端口为8989,自行修改bundleexecjekyllserve-H 0.0.0.0-P 8989 --detach此时就可以使用ip:8989访问程序了。

如果CentOS系统打不开的话,可能还需要开启8989端口,使用命令:#CentOS 6iptables -I INPUT -p tcp --dport 8989 -j ACCEPTservice iptables saveservice iptables restart#CentOS 7firewall-cmd --zone=public --add-port=8989/tcp --permanentfirewall-cmd --reload像阿里云等服务器,还需要去安全组那里开放下端口。

这里除了可以使用命令行启动,也可以直接将生成的_site文件夹丢到网站根目录访问。

如果要修改导航相关页面的信息显示的话,也可以在_site文件夹中修改。

安装Matomo
官方网站:https://matomo.org
这个安装教程博主很久前水过,不过是手动的,有点复杂,这里就直接找了个配置比较简单的Docker镜像进行安装。
Docker地址:https://github.com/crazy-max/docker-matomo

1、安装Docker
#CentOS 6rpm -iUvh http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpmyum update -yyum -y install docker-ioservice docker startchkconfig docker on#CentOS 7、Debian、Ubuntucurl -sSL https://get.docker.com/ | shsystemctl start dockersystemctl enable docker

2、拉取镜像
#拉取Matomo镜像docker run --restart=always -d --name matomo \-p 8000:8000 \-v ~/matomo/data:/data \crazymax/matomo#拉取Mysql镜像,记得修改数据库信息,如果你服务器已经安装过Mysql数据库,可以跳过该步骤docker run --restart=always --name mysqlmatomo -d \-p 3306:3306 \-e MYSQL_ROOT_PASSWORD=matomo123 \-e MYSQL_DATABASE=matomo \-e MYSQL_USER=matomo \-e MYSQL_PASSWORD=matomo123 \-v ~/matomo/mysql:/var/lib/mysql \mysql:5.6安装完成后打开ip:8080即可访问。如果访问不了的话,可以查看上面的教程,开放端口即可。

然后这里需要注意的是Database Server需要填上你的ip地址,而且数据库端口,比如3306需要防火墙放行,不然会连接不上。

安装到最后一步的时候,如果你填的ip地址,那么可能进入不了,可以编辑/root/matomo/data/config/config.ini.php ,修改trusted_hosts[]参数为你的访问地址。

最后配置该导航的话,需要修改配置文件_data/analytics.yml,大致参数如下:
#url为matomo站点,domain为导航站,site_id为matomo站点统计站id,token为matomo站点的tokenmatomo: url: http://matomo.moerats.com/ domains: - "http://byr.moerats.com" site_id: 2 token:297bd600834c2a5a70293c47a

参数获取大致路径如下:
1、site_id在后台添加一个网站统计,就可以直接看到网站id2、token该参数可以在Settings里获取API Authentication Token最后可能会出现跨域问题,导致配置统计后不生效,可以在通用设置中设置跨域资源共享(CROS)白名单域名,将导航站点添加进去即可。

部署到GitHub Pages

这里部署到GitHub Pages的好处就是不需要服务器,但国内访问的话,有点影响体验,这个就自行选择了。

首先你肯定需要一个Github账号,没有的可以去注册一个,地址:https://github.com,有了账号就继续看。

1、配置Git SSH密钥
由于本地Git仓库和GitHub仓库之间的传输是通过SSH加密的,所以必须要让github仓库认证你SSH key,在操作之前,需要先在服务器上生成SSH key。

我们先去根目录下使用命令:cd~ssh-keygen -t rsa这里会要你命名密匙名称(这里建议使用默认名称),然后连续按几次Enter,这时候会在/root/.ssh文件夹生成2个ssh密钥,然后我们查看公钥id_rsa.pub。

cat ~/.ssh/id_rsa.pub查看后,再复制下公钥,然后打开Github官网,进入https://github.com/settings/ssh/new,Title随便填,然后Key填入刚刚复制的密匙,最后点击Add SSH Key添加即可。

展开浏览全文
THE END
资源下载 / Download
下载权限免积分下载
版权免责声明 01、本站名称:资源e站
02、本站网址:https://www.zye.cc
03、本站所有资源来源于互联网搜集并整理,如有侵权请联系站长进行删除!
04、本站分享的资源仅供参考学习,您必须在下载后二十四个小时之内删除!
05、本站分享目的仅供学习研究和借鉴,请不要用于商业用途以及违法用途!
06、本站提供的源码不保证资源的完整性以及安全性,不附带任何技术服务!
07、禁止用本站源码用于非法商业用途,不得违反国家法律,否则后果自负!
08、如发现资源链接无法下载、失效或广告,请联系管理员或提交工单处理!
09、所有资源均可通过日常签到等任务进行免费兑换,记得每天到本站签到!
10、本站所有资源积分兑换只是赞助,收取费用仅维持本站的日常运营所需!
11、如果您也有好的资源或教程,您可以投稿发布,成功分享后有积分奖励!
12、如需商用请购买正版,由于未及时购买正版发生侵权行为,与本站无关!
13、如果您发现本站分享的资源侵犯了您的权益,请邮件联系我们进行删除!
14、我们无法辨别该内容是否具有版权,若侵犯了您的权益请联系我们删除!
15、本站禁止以任何方式发布或转载任何违法相关信息,发现请向站长举报!
16、本站所有资源不代表本站立场,并不代表赞同其观点和对其真实性负责!
17、本站资源大多存储在云盘,如发现链接失效,请联系我们第一时间更新!
0
分享海报
E站十周年庆,升级成为(全站通VIP)只需288元,原价688元,限时开通,即将复原! 点击开通
显示验证码

社交账号快速登录

Copyright © 资源e站 ZYE.CC