网站搭建
(共5篇)
搜索到
5
篇与
网站搭建
的结果
-
『转载』『教程』搭建z-file文件目录并开启反向代理，可做图床和网盘 ZFile此项目是一个在线文件目录的程序, 支持各种对象存储和本地存储, 使用定位是个人放常用工具下载, 或做公共的文件库. 不会向多账户方向开发.前端基于 h5ai 的原有功能使用 Vue 重新开发、后端采用 SpringBoot, 数据库采用内嵌数据库.成果安装教程一、安装依赖基于java开发，所以要先安装java环境# CentOS系统 yum install -y java-1.8.0-openjdk unzip # Debian/Ubuntu系统 apt update apt install -y openjdk-8-jre-headless unzip 二、下载、上传项目隐藏内容，请前往内页查看详情直接下载并上传到网站根目录，然后解压得到以下目录z-file ├─ META-INF ├─ WEB-INF └─ bin ├── start.sh # 启动脚本 ├── stop.sh # 停止脚本 └── restart.sh # 重启脚本三、开启部署服务直接在当前目录打开终端输入以下代码./bin/start.shWeb默认端口为8080，如需修改端口可直接编辑配置文件 /zfile/WEB-INF/classes/application.yml 启动之后部署工作即宣告完成，可以在浏览器里直接输入ip:8080进入Web进行下一步配置，如果觉得每次都要加端口号麻烦可以参考后续设置反代。 具体访问地址如下四、域名访问在宝塔面板中添加一个新的网站如果想要开启HTTPS可以在设置反代之前在SSL选项卡配置证书打开反向代理选项卡，选择添加反向代理，端口填你设置的端口号（我这里改成了8282），如图配置五、初始化因为上一步已经配置了域名访问，所以直接输入域名，无需再加端口号，设置管理用户名和密码。输入 域名/#/admin进入管理后台，可以设置域名，外观设置，修改密码，添加存储等。六、更多用法1、文件夹加密直接在欲加密的文件夹中上传一个名为“password.txt”的文件即可，密码即为文件内容。加密之后效果如图2、显示readme如果想在某个文件夹中显示readme文件，直接在该文件夹中上传readme.md文件即可，同时需要在后台中开启显示文档区功能。3、可以作为图床使用如果你的博客需要图片外链，那么你可以将图片上传到某个目录，接着在zfile中打开这个目录，找到图片文件，右键并选择复制直链，这样就获取了这张图片的直链。总结Z-File作为一款开源免费的网盘列表程序，优点还是很多的。安装部署和配置都比较方便，也可以生成固定的文件链接，使用定位是个人放常用工具下载, 或做公共的文件库. 不会向多账户方向开发。
-
『转载』『教程』H5ai（Dplayer）完整安装使用教程及注意事项 前言关于如何搭建 H5ai ，网上虽然有很多教程，但详细的却不多，有的也是比较模糊。本文将介绍一下如何在宝塔Nginx环境下搭建 H5ai 以及其中的一些注意事项。成果H5ai是一款德国程序员Lars Jung打造的基于HTTP Web服务器的现代文件索引器，是一款功能强大的PHP文件目录列表程序，适合做个人仓库，它提供多种文件目录列表呈现方式，支持 Apache Httpd, Lighttpd, Nginx等多种WEB服务器，支持多国语言（如英语，简体中文等），你可以在线预览以及下载TXT，图片，音频，视频等文件格式。 安装教程一、环境要求{callout color＝"#f0ad4e"}Nginx - MySQLPHP 7.1或以上phpMyAdmin{/callout}二、添加站点请在左边的菜单栏,找到网站,然后点击添加站点,输入相关信息后点击提交即可 三、H5ai下载将文件解压后放在网站根目录下的_h5ai文件夹内，结构如下 下载地址隐藏内容，请前往内页查看详情DOC_ROOT ├─ _h5ai ├─ your files └─ and folders 四、上传文件把你需要列的文件及目录放在_h5ai同目录下即可（我这里是把_去掉了） 五、修改配置文件在宝塔面板首页->左边的网站 -> H5ai(放H5ai的网站) -> 设置 -> 配置文件中六、查看依赖信息访问 http(s)://你的网站名/_h5ai/public/index.php来查看H5ai的功能开放情况，默认密码为空 右边已经是yes或者变成绿色的,证明对应的依赖已经安装成功 七、配置PHP1、安装Use EXIF thumbs{callout color＝"#2bff00"}安装imagemagick和exifUse EXIF thumbs会显示成yes{/callout}2、Movie thumbs (ffmpeg)安装CentOS 6和7安装方法是不一样的，下面分别说明： 安装前都需要先安装epel扩展源:# yum -y install epel-release # su -c ‘yum localinstall --nogpgcheck https://download1.rpmfusion.org/free/el/rpmfusion-free-release-6.noarch.rpm https://download1.rpmfusion.org/nonfree/el/rpmfusion-nonfree-release-6.noarch.rpm‘ # yum -y install ffmpeg ffmpeg-devel 3、PDF thumbs安装选择安装convert# yum -y install ImageMagick 4、Shell tar/Shell zip/Shell du安装这三项根据h5ai官网,在 php.ini被禁用函数中去掉 exec和 passthru即可，是否有危险不知道,自己掂量,禁用好像也不影响一些功能，另外顺便把 scandir函数去掉禁用，不然会出现无非显示目录中文件的情况。 在你的软件商店中找到你下载的PHP版本–进入设置–禁用函数 {callout color＝"#14ffb9"}删除exec 和 passthruShell tar Shell zip Shell du就会显示成yes{/callout}八、给H5ai加密码首先我们要找到这个文件 _h5ai/public/index.php ，在最下面增加以下代码：function mima() { $user＝array(‘填写你的用户名‘,‘填写你的密码‘); if(!($user[0]＝＝＝$_SERVER[‘PHP_AUTH_USER‘] && $user[1]＝＝＝$_SERVER[‘PHP_AUTH_PW‘])){ header(‘WWW-Authenticate: Basic realm＝"MY Mark"‘); header(‘HTTP/1.0 401 Unauthorized‘); die("please login"); } } 然后在第一行，也就是<?php的下面（也就是第二行）插入以下代码：php mima(); 九、注意事项1、读取不出文件如果存在文件，但读不出来，可能原因就是 php 已禁用 scandir函数了，请修改 php.ini解决。 disable_functions＝passthru,exec,system,chroot,scandir,... 删掉 scandir,字样，再重启 php 即可：/etc/init.d/php-fpm restart。 文件仍读不出 把h5ai程序_h5ai中 private和 public两个文件夹中的 cache目录权限设置为 777。2、404报错检查上面步骤说到的配置文件步骤，如果正确请重启服务器试一试。
-
『原创』『教程』搭建在线VSCode，部署Code-Server并配置反向代理实现域名访问 前言最近学习web开发，一边看视频一边练习，码代码、记笔记，实属有些不亦乐乎但是无奈本子配置不高，每次同时打开vscode+Chrome，本子风扇呼呼作响不说，手里还像捧着个暖宝宝，实在不快突然想起之前看到过的开源vscode—— code-server ，索性自己也来搭建一个web版的vscode成果展示教程开始一、下载code-server源代码其实codeserver有很多种安装方式，但是我这里使用的是通过宝塔进行本地安装Docker安装虽然简单，但是后期维护和修改会很难受，所有我就采用本地安装吧{card-default label="下载code-server源码" width=""}官方github下载： code-server 国内镜像下载： code-server 3.12.0-linux-amd64.tar.gz code-server-4.1.0-linux-amd64.tar.gz code-server-4.1.0-linux-arm64.tar.gz code-server-4.1.0-macos-amd64.tar.gz {/card-default}二、运行code-server1、上传下载的文件到服务器直接将下载好的文件上传到自己的服务器，当然你也可以先使用宝塔添加一个网站然后上传到该网站对应的目录下2、解压文件3、运行code-server直接在解压的文件夹内点击终端进入终端然后在终端输入以下代码直接启动./bin/code-server --host 0.0.0.0 --port 8080如图所示就是已经完成配置.进入浏览器，输入服务器公网ip，加上刚才我们指定的端口号进入,显示欢迎界面输入密码进入4、修改密码在第一次开启code-server时，会在服务器 根目录-root-.config-code-server下生成一个配置文件打开后可以修改 host:端口 和 密码 ，这里建议把host改为 0.0.0.0 以能够使用外网访问如果不想使用密码，在 启动命令 中加 --auth none 即可无需密码进入。成功访问。到这里，我们就基本完成了 code-server 的部署。存在的问题虽然我们已成功部署了 code-server 服务，但有几个问题仍然不可避免！我们使用 终端 连接的方式启动 code-server，一旦断开连接，那么 code-server 就不可以再使用了code-server 自签的证书被浏览器提示不安全域名 + 端口的访问方式实在是太麻烦，而且还会暴露端口，不安全优化 code-server 服务一、问题11、创建开启脚本直接在code-server同目录下创建一个 start.sh 文件，打开将以下代码复制进去隐藏内容，请前往内页查看详情2、创建关闭脚本创建一个 stop.sh 文件，将以下代码复制进去kill -9 'cat save_pid.txt' # 关闭这个进程，关闭code-server服务这样一来我们就得到了开启和关闭的脚本文件3、启动开启脚本在同目录文件夹下打开终端输入以下代码，就可以直接启动code-server并保持后台./start.sh启动后不会有反馈，可以直接关闭当前终端，然后会发现同目录下生成了 run.log 文件打开 run.log 即可看到运行日志二、问题2{callout color="#38bdff"}必须先添加 SSL 证书，然后设置反向代理{/callout}该步骤结合第三步，先添加一个站点，设置好域名，不需要任何环境，php 版本设置为纯静态，然后在面板的 SSL 中申请 Let’s Encrypt 免费 SSL 证书即可。三、问题3这里我们改变默认端口进行访问，并且使用 Nginx 反向代理修改端口：我们可以选择合适的端口开启 code-server，如: ./code-server --port 288651、创建反向代理点击刚才在宝塔 添加的网站-反向代理-添加反向代理 输入你的 代理名称、目标URL {callout color="#f0ad4e"}代理名称：code-server（随便填）目标URL：你的外网IP:端口{/callout}此时你就可以直接使用你的域名进行访问了，但是可能会报错 Error: WebSocket close with status code 1006 别急，这是正常现象，因为你的Nginx没有使用WebSocket代理2、修改反向代理的配置文件点击反向代理里的 配置文件 进行修改在如下位置加入以下代码 隐藏内容，请前往内页查看详情然后再返回你的域名，你会发现可以正常访问了结语虽然code-server还达不到vscode的强大，但是已经可以方便很多了，至少对我来说，我的渣本再也不会呼呼作响了。{bilibili bvid="bv1uL411P7VN" page=""/}
-
-
『原创』『代码』给网站添加一个复制弹出版权提醒（授人与渔） 前言最近看到其他博客复制时有一个版权提醒，然后查看教程发现他们的Js全是引用别人的我始终认为自己的才是最好的，因为你永远说不准别人的服务器什么时候就停运了，那引用的东西也就没用了所以授人予鱼不如授人与渔，由我来教你制作一个属于自己的弹窗提示成果展示制作教程一、下载Js首先下载一个弹出层组件，然后解压放在网站的根目录下载地址：{dotted startColor="#ff6c6c" endColor="#1989fa"/}隐藏内容，请前往内页查看详情{dotted startColor="#ff6c6c" endColor="#1989fa"/}在这个网站下载弹出层组件，把解压后的 layer 整个文件夹上传至你网站的根目录如果你输入 你的域名/layer/layer.js 能打开的话就成功了，就像下面这样当然你也可以上传到其他目录，但是你引用的时候记得修改地址二、引用Js和设置弹窗在你的网站所有页脚文件 footer.php 插入以下两段代码引用Js的代码:（可以放在 <head> 里也可以放在 <body> 里）<script src="你的域名/layer/layer.js"></script>如果你懒得自己弄Js，也可以引用我的Js，但是能用多久我不能保证 :@(尴尬)<script src="https://www.fuuuy.cn/pages/layer/layer.js"></script>然后再在 <body> 里加入以下代码：<script type="text/javascript"> document.body.oncopy = function() {layer.msg('复制成功，若要转载请务必保留出处！');};</script>保存后去清除缓存就可以了，复制时就会出现版权提示弹窗了Joe主题应用如果你是使用的Joe主题，那你可以直接把两端代码放在 主题设置-设置外观-全局设置自定义添加<head></head>里内容
