鲲鹏博客

个人文件

Thu, 09 May 2024 20:47:41 +0800

最新进展

2023-07-25 15:04

樱花雨效果需要在main.js内引入js文件：import "./utils/sakura"

2023-07-25 14:47

node.js版本问题

17以下版本：去掉前端项目package.json文件中“set NODE_OPTIONS=--openssl-legacy-provider & ”即可

17及以上版本：无需修改

2023-07-25 10:00

后台管理系统

作用：网站配置，文章管理，评论管理，资源管理等

地址：域名/admin

账号/密码：草鸡管理员（初始账号：sara/aaa）

2023-07-25 00:00

表白墙初始化问题:

在数据库的《family》表中手动添加一条数据，其中《user_id》字段是草鸡管理员ID（1），并重启服务。

如果不想手动添加，请登录草鸡管理员账号，并在《开往表白墙》下面的《申请入住》添加，然后在后台管理的《资源路径管理》修改状态。

2023-07-24 00:00

账号问题：

请执行“poetry.sql”中的初始化账号SQL，用户名《Sara》,密码《aaa》。

如果不想执行，请自己注册，并手动修改数据库数据获取草鸡管理员权限，然后重启后端服务。请注意：草鸡管理员的用户类型（user_type）是《0》，用户ID（id）是《1》。

2023-07-23 00:00

配置问题:

前端所有配置都在“color.css”和“constant.js”中，请自行修改。

后端所有配置都在“application.yml”和“CommonConst.java”中，请自行修改。

2023-07-21 00:00

注意：此教程使用域名去做的，若备案未完成，可将教程中的域名换成IP。

2023-06-05 00:00

部署前建议：

node版本16.20------https://origin.nodejs.org/download/release/v16.20.1/

jdk版本：1.8-------https://www.oracle.com/sg/java/technologies/downloads/

项目拉取

地址

项目配置

配置七牛云（对象存储、CDN加速）

使用七牛云主要用于文件储存与CDN。七牛云有免费10G的储存空间与10G的CDN，很适合无人问津的个人博客网站。

1.新建存储空间

2.绑定自定义域名

1.格式必须为：xxx.域名，xxx可以为任意，我这里用的cdn.lvzhaojie.cn，你也可以用：gegezhenshuai.lvzhaojie.com，对此下面会有详细解释。

1.域名托管商添加TXT记录，用于验证域名归属

3.配置CDN加速服务（建议使用二级域名做CDN加速）

1.同一个域名只能使用 A 记录解析，或者使用 CNAME 解析，若A记录和CNAME主机记录相同，会发生冲突

2.参考：如何配置域名的 CNAME - 七牛开发者中心

1.显示**成功**就完成了

4.为CDN加速域名开启证书服务

5.创建自定义文件目录（用于放置表情和自定义字体）

1.表情包位置

1.创建自定义文件目录

1.创建表情目录并上传表情

1.复制CDN加速域名

配置前端

配置博客代码（poetize-vue2）

1.将请求地址改成自己的IP或域名

1.注意：qiniuUrl: "https://upload.qiniup.com" 此配置是华东-浙江的上传地址，如果储存空间不是华东-浙江，请看这里：

https://developer.qiniu.com/kodo/1671/region-endpoint-fq

2.我这里配置的是Https，http参考上面的配置

2.修改表情路径

3.安装项目依赖

4.本地运行项目

5.留言处查看表情

6.打包项目并改名：vue-2

配置聊天室代码（poetize-im-vue3）

1.将请求地址改成自己的IP或域名

1.注意：wsProtocol: "wss"此配置是Https配置，如果是Http，需要改成wsProtocol: "ws"

2.注意：qiniuUrl: "https://upload.qiniup.com"此配置是华东-浙江的上传地址，如果储存空间不是华东-浙江，请看这里：

https://developer.qiniu.com/kodo/1671/region-endpoint-fq

2.项目打包

1.注意：这里80端口是Http请求，如果是Https请求请换成443

3.安装依赖

打包项目并改名：vue-3

配置后端

1.配置邮箱和数据库

2.配置后端秘钥（七牛云提供）

3.打包Java项目成jar包

配置服务器

1.服务器操作系统推荐：Cent OS 7

2.域名添加服务器IP解析

3.申请并下载免费SSL证书

4.防火墙端口设置

1.8081：用来测试后端服务运行状况

2.80：Http协议默认端口

3.443：Https协议默认端口

4.465：邮箱端口

5.3306：MySQL端口（如果不需要远程访问则无需开启）

项目部署

整理项目文件上传服务器（home目录）

各文件夹下存放的内容

Java：打包好的jar包
sql：用来生成数据库和表（位置见下图）
ssl：SSL免费证书
vue-2：打包好的博客文件
vue-3：打包好的聊天室文件

MySql

1.卸载旧版本

rpm -qa | grep mysql
rpm -qa | grep mariadb
rpm -e --nodeps mariadb-libs-5.5.68-1.el7.x86_64

2.安装mysql

wget http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm
yum -y install mysql57-community-release-el7-10.noarch.rpm
yum -y install mysql-community-server --nogpgcheck

3.启动MySql

# 启动
systemctl start mysqld.service
# 自启
systemctl enable mysqld.service
# 状态
systemctl status mysqld.service
# 重启
systemctl restart mysqld.service
# 停止
systemctl stop mysqld.service

4.查看MySql初始密码

grep "password" /var/log/mysqld.log

5.修改默认密码、配置权限

# 登录MySQL
mysql -uroot -p
# 设置密码为 P17CKSzBp0q2@866，并且只允许本机访问
alter user 'root'@'localhost' identified by 'Pass@word01!';
# 刷新使修改生效
flush privileges;
# 如果需要远程访问，则执行以下操作
grant all privileges on *.* to 'root'@'%' identified by 'Pass@word01!';
# 刷新使修改生效
flush privileges;

6.创建数据库和数据表

#创建数据库
CREATE DATABASE IF NOT EXISTS poetize DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
#切换数据
use poetize；
#导入MySQL文件
source /home/blog/sql/poetry.sql;

Java

1.安装并测试Java服务

#安装java
yum -y install java-1.8.0-openjdk
#查看安装是否生效：
java -version
#测试部署
java -jar poetry-0.0.1-SNAPSHOT.jar
#浏览器访问(测试端口8081)
ip:8081
#查看端口进程（https://www.runoob.com/w3cnote/linux-check-port-usage.html）
netstat -tunlp | grep 8081

1.java -jar xxx.jar此方法仅适用测试jar包，此界面关闭，java进程停止

1.表示Java服务正在运行

2.查询java安装目录

which java
ls -lrt /usr/bin/java
ls -lrt /etc/alternatives/java

3.编写开机自启脚本

cd /etc/systemd/system
vim poetry.service

1.脚本内容

[Unit]
Description=poetry service
After=syslog.target
[Service]
Type=simple
ExecStart=/usr/lib/jvm/java-1.8.0-openjdk-1.8.0.372.b07-1.el7_9.x86_64/jre/bin/java -jar -Xms1024m -Xmx1024m -Xmn256m -Xss256k /home/blog/java/poetry-0.0.1-SNAPSHOT.jar
[Install]
WantedBy=multi-user.target

1.这是一个用于定义 systemd 服务的配置文件，将 Java 应用程序 "poetry" 运行为服务，不同部分的含义如下：

1.[Unit]：该部分描述了该单位及其依赖项。在这种情况下，它指定服务应在 syslog.target 后启动。

2.Description=：服务的简短描述。

3.[Service]：该部分描述了服务应如何运行。Type 参数将 systemd 设置为要运行的进程类型，这里设置为简单类型。ExecStart 定义了启动服务的命令，在这里它指向一个带有一些特定 JVM 参数的可执行的 jar 文件。

4.[Install]：该部分指定服务应在何时启动。在这种情况下，它表明服务应在达到 multi-user.target 时启动。

总的来说，这个文件定义了一个 systemd 服务，会以特定的 JVM 参数运行名为 "poetry" 的 Java 应用程序，并且在开机自启时自动启动。

2.这个命令行包含了一些 JVM 参数，这些参数会影响 Java 应用程序的内存使用和性能表现。下面是这些参数的含义：

1./usr/java/jdk1.8.0_281/bin/java：Java 可执行文件的路径。

2.-jar：以可执行 jar 文件的形式启动应用程序。

3.-Xms1024m：设置 Java 堆空间的初始大小为 1024MB。

4.-Xmx1024m：设置 Java 堆空间的最大大小为 1024MB。

5.-Xmn256m：设置年轻代堆空间的大小为 256MB。

6.-Xss256k：设置线程栈的大小为 256KB。

这些参数的含义简述如下：

1.-Xms：设置 Java 堆的初始分配大小。这个参数可以帮助减少应用程序在启动阶段的垃圾回收次数。

2.-Xmx：设置 Java 堆的最大分配大小。当应用程序需要更多的内存时，JVM 会自动增加堆的大小，但不会超过这个值。

3.-Xmn：设置年轻代堆空间的大小。年轻代是 Java 堆的一部分，用于存储新创建的对象。通过调整年轻代的大小，可以优化应用程序的性能和内存使用。

4.-Xss：设置线程栈的大小。线程栈是用于执行代码的一块内存区域。如果应用程序同时运行大量线程，那么可能需要增加线程栈的大小。

4.设置自启

#将设置/etc/systemd/system/poetry.service文件的可执行权限，这将允许你使用systemctl命令启动和停止poetry服务
chmod +x /etc/systemd/system/poetry.service
#命令systemctl daemon-reload将重新加载systemd守护进程的配置
systemctl daemon-reload
#启动服务
systemctl start poetry.service
#设置自启
systemctl enable poetry.service
#查看服务状态
systemctl status poetry.service

Nginx

1.安装Nginx

rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
yum install -y nginx-1.18.0
# 开启
systemctl start nginx.service
# 自启
systemctl enable nginx.service

2.修改配置文件

vim /etc/nginx/nginx.conf

1.**Https配置**

user nginx;
worker_processes 1;
error_log /var/log/nginx/error.log warn;
pid /var/run/nginx.pid;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
server {
listen 443 ssl;
server_name www.lvzhaojie.cn;
ssl_certificate /home/blog/ssl/lvzhaojie.cn_bundle.pem;
ssl_certificate_key /home/blog/ssl/lvzhaojie.cn.key;
ssl_session_timeout 5m;
ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
ssl_prefer_server_ciphers on;
location / {
root /home/blog/vue-2;
index index.html;
try_files $uri $uri/ /index.html;
}
location /im {
alias /home/blog/vue-3;
index index.html;
try_files $uri $uri/ /index.html;
}
location /api/ {
rewrite ^/api/(.*)$ /$1 break;
proxy_pass http://127.0.0.1:8081;
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-real-ip $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
location /socket {
proxy_pass http://127.0.0.1:9324;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_read_timeout 600s;
}
}
server {
listen 80;
server_name lvzhaojie.cn;
rewrite ^(.*)$ https://$host$1;
}
}

1.**Http配置**

worker_processes 1;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
server {
listen 80;
server_name localhost;
location / {
root /home/poetry-vue2;
index index.html;
try_files $uri $uri/ /index.html;
}
location /im {
alias /home/poetry-vue3;
index index.html;
try_files $uri $uri/ /index.html;
}
location /api/ {
rewrite ^/api/(.*)$ /$1 break;
proxy_pass http://127.0.0.1:8081;
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-real-ip $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
location /socket {
proxy_pass http://127.0.0.1:9324;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_read_timeout 600s;
}
}
}

3.重载Nginx配置文件

#方式1（推荐）
sudo systemctl reload nginx
#方式2
cd /usr/sbin
./nginx -s reload

DZ3.4升级到DZ3.5最详细的教程

Sun, 05 May 2024 03:47:57 +0800

Discuz! X3.5 版本它来了，相信很多站长都想升级到3.5版本尝鲜，让我们论坛的功能更强大，今天小编就来给大家介绍下如何操作升级。

注意哦，第一步是我们最最最重要的步骤，千万不要忽略了。毕竟我们站长很多年的心血，千万别付诸东流。

第一步：备份数据库和程序文件，请不要忘记备份 UCenter 数据库和程序文件。重要的事情说三遍。

第二步：进入您的 UCenter 所在目录（默认为论坛根目录/uc_server），建立文件夹 old，将 UCenter 目录下除 data 目录以外的其他文件夹移动进入 old 目录中。如移动文件中存在包括但不限于 .htaccess 或 .user.ini 等的网站配置文件，请不要移动。很多人在这一步容易出错，所以要细心一些。

第三步：上传 UCenter 1.7.0 程序（压缩包中 upload/uc_server 目录中的文件，如使用 FTP 上传请使用二进制模式），如上传时候提示覆盖目录，请选择 “是”。

第四步：上传 update_ucenter_adult.php 到 UCenter 所在目录（默认为 uc_server ）下的 install 目录，并删除 UCenter 所在目录下 data 目录的 update.lock 文件。程序包没有的话，可以联系我们在线客服人员索取。

第五步：访问 UCenter 所在目录下 install 目录下的 update_ucenter_adult.php 并参照提示进行升级即可。升级时间随着数据的大小和服务器性能而变。服务器的配置越高，操作起来速度越快的，考验我们服务器性能的时候到了。

第六步：将除 data, config 目录，和 UCenter 所在目录（默认为 uc_server，如果该目录不在论坛根目录下的话可排除此项）以外的其他文件夹移动进入 old 目录中。如移动文件中存在包括但不限于 .htaccess 或 .user.ini 等的网站配置文件，请不要移动。细心即可，这一步没啥技术可言。

第七步：将 old/source/plugin 和 old/template 目录下除 default 以外的目录，移动回 source 和 template 目录下面（也可在上一步移动文件时，直接在原位置保留这部分文件）。还是细心即可，这一步也没啥技术可言的。

第八步：上传 Discuz! X3.5 程序（压缩包中 upload 目录中的文件，如使用 FTP 上传请使用二进制模式），如上传时候提示覆盖目录，请选择 “是”。

第九步：上传 update_adult.php 到 Discuz! 所在目录下 install 目录，并删除 Discuz! 所在目录下 data 目录的 update.lock 文件。如果没有的话，也可以联系我们在线客服人员进行索取。

第十步：访问 Discuz! 所在目录下 install 目录下的 update_adult.php 并参照提示进行升级即可。升级时间随着数据的大小和服务器性能而变。又到了考验我们服务器性能的时候了，希望各位站长都拥有最好性能的服务器。

当然了，也可以联系我们在线客服，让我们技术人员帮你们操作升级，这是最简单最快捷的方法哟！祝各位站长一路长虹。

Discuz!模板解析语法

Sun, 05 May 2024 03:42:45 +0800

PHP中使用template()函数显示已存在模板

在Discuz!程序执行中可以通过 include template('模板文件夹/模板名称无后缀');的方式进行解析，前提是您使用的Discuz!程序已经包含了 ./source/function/function_core.php 的函数库

PHP格式的模板

[X2.5新增内容]

从 Discuz! X2.5 开始，模板文件支持 PHP 扩展名的格式，你可以创建例如 ./template/mytext/common/forum/discuz.php 文件，PHP 的模板文件中你只需在原有 HTM 的模板文件开头添加一行代码即可，如：

<?php exit;?>

<?php echo '你不能看此模板的内容';exit;?>

PHP 的模板文件的模板数据内容将从文件的第二行开始解析。PHP 和 HTM 模板文件同时存在时，会优先解析 PHP 模板文件

模板语法

变量输出

输出一个变量的值，等同于php的 <?php echo $my_var;?>，花括号可以省略但不建议去掉。

{$my_var}

条件判断

通过if判断流程分支

如果写在HTML表单元素中，可以省去使代码更清晰易读，如{if $my_var}xxx{/if}

<!--{if $my_var}-->
    任意html语句
<!--{/if}-->

带有多条件的if写法，可使用PHP常规判断中的按位运算符等

<!--{if $my_var && ($my_var2 & 1 || $my_var3 == 3)}-->
    任意html语句
<!--{/if}-->

带有分支条件的if写法

<!--{if $my_var == 1}-->
    变量为1
<!--{elseif $my_var == 2}-->
    变量为2
<!--{else}-->
    其他情况
<!--{/if}-->

循环输出

带有数组键的循环写法

<!--{loop $my_arr $key $val}-->
    循环输出的HTML语句
<!--{/loop}-->

没有数组键的循环写法

<!--{loop $my_arr $val}-->

模板嵌套

将被嵌套模板内容解析为PHP语句并合并入本模板中的写法

common/header 对应某个模板套系中的common目录的header.htm模板文件

<!--{subtemplate common/header}-->

程序运行时include嵌套模板内容

<!--{template common/header}-->

插件钩子

在模板中设立插件钩子

hook为关键词，意为将index_top定义为钩子

<!--{hook/index_top}-->

变量数组嵌套使用

条件判断或变量输出时用到

<!--{if $my_arr[$my_var]}-->
<!--{if $my_arr[0]}-->
<!--{if $my_arr[$my_arr2[$my_var]]}-->

PHP解析

在模板中使用PHP语句可以通过{eval}进行

<!--{eval $my_var = 1;}-->
<!--{eval echo $my_var;}-->
<!--{eval $my_arr = array(1, 2, 3);}-->
<!--{eval print_r($my_arr);}-->
<!--{eval output();}-->
<!--{eval exit();}-->

多行PHP解析(Discuz! X3 新增)

<!--{eval}-->
...PHP语句...
<!--{/eval}-->

语言包使用

在模板中可以通过下面的代码来使用语言包中的某个值

{lang index_yesterday}

其中语言包在 ./source/language/目录下，以PHP数组形式存放

插件模板和语言包的设计

综合示例

综合示例题目1：php程序中创建一个数组并在模板中循环，并且根据模板显示奇数行输出不同的CSS样式

PHP端代码：

此PHP代码省略了包含 class_core.php 以及初始化$_G变量，详细请查看：

<?php
    /*此处省略include class_core.php*/
    $my_arr = array('one', 'two', 'three', 'four');
    include template('forum/mytest'); //使用自定义模板套系中的forum目录的mytest.htm
?>

模板代码：

    <!--{loop $my_arr $key $val}-->
        <div {if $key % 2 == 1}style="background: #ccc;"{/if}>
            这里是value值：{$val}
        </div>
    <!--{/loop}-->

综合示例题目2：结合风格常量与javascript，动态改变模板页面的字体大小,并引用默认模板的header和footer

默认风格中，小号字体大小 {SMFONTSIZE}为0.83em，主题列表字体大小 {THREADTITLEFONTSIZE}为14px，在Disucz!X2中使用时，需要使用G[′style′][′SMFONTSIZE′]和 $_{G} [^{'} s t y l e^{'}] [^{'} S M F O N T S I Z E^{'}] 和$ _G['style']['THREADTITLEFONTSIZE']。
$('test1')此写法是因为header中已经加载了common.js全局javascript脚本文件，可以通过简写来达到document.getElementById('test1')的效果
./template/mytest/forum/mytest.htm模板代码如下

<!--{subtemplate common/header}-->
<div id="test1" style="font-size:{$_G['style']['FONTSIZE']};">
    这是一个改变字体的实例
</div>
<span onclick="changefontsize('{$_G['style']['SMFONTSIZE']}');">改变小号字</span><span onclick="changefontsize('{$_G['style']['THREADTITLEFONTSIZE']}');">改变为大号字</span>
<script type="text/javascript">
function changefontsize(size) {
    $('test1').style.fontSize = size;
}
</script>
<!--{subtemplate common/footer}-->

Discuz论坛网站标题栏Powered by Discuz！版权信息如何去除或是修改？

Thu, 25 Apr 2024 21:35:02 +0800

当我们搭建好DZ论坛网站后，为了美化网站，想把标题栏的Powered by Discuz！去除或是修改，应该如何操作呢？今天茉苛和你分享，在操作前务必把网站源码和数据库都备份到本地或是网盘。

Discuz的版权信息存在两处地方，一个是标题栏，一个是底部。一般为了美化修改个标题栏就可以了，底部的没有必要去删除。

首先我们找到标题栏的文件：/template/default/common/header_common.htm，要特别注意不要和header.htm这个文件混淆，是两个不同的文件。

打开header_common.htm，快速查找代码：

在<title>节点中，$navtitle变量代表网站的标题，$_G['setting']['bbname']变量代表网站的名词，网站名词可以在我们的网站【管理中心——全局——SEO设置——论坛】中修改。

Powered by Discuz！就是源码自带的版权信息了，$_G['setting']['seohead']变量是admin后台附着的标题，可以在网站【管理中心——全局——SEO设置——其他——其他头部信息】中填写。非必填，这一项我是没有填写的。

了解了这几个变量就知道如何修改了，只要把网站标题（$navtitle）后面的-和网站名词$_G['setting']['bbname'] ！ 后面的Powered by Discuz！删除或是修改就可以了。

修改后保存，然后强制刷新网页，就可以看到标题栏已经没有Powered by Discuz！

效果展示：

如果是想修改底部授权信息的，底部授权的文件在 /template/default/common/footer.htm

打开文件，快速查找代码：<div id="frt">

这段代码以p、a、strong等html标签为主，href=引号中间的就是文字链接，$_G['setting']['version']变量代表了Discuz的版本号，如果是你不想要显示版本号，可以将这段变量删除<em>$_G['setting']['version']</em>

比如：

<div id="frt">
			<p>Powered by <strong><a href="https://www.xy0355.cn/" target="_blank">免费发布各种信息！</a></strong> <!--{if !empty($_G['setting']['boardlicensed'])}--> <a href="https://license.discuz.vip/?pid=1&host=$_SERVER[HTTP_HOST]" target="_blank">Licensed</a><!--{/if}--></p>
			<p class="xs0">&copy; 2021-2023 <a href="http://wpa.qq.com/msgrd?v=3&uin=1743133323&site=qq:1743133323&menu=yes" target="_blank">茉苛网络</a></p>
		</div>

效果展示：

感谢您的阅读，服务器大本营助您成为更专业的服务器管理员！

网站预加载 JS 脚本 instant.page 的使用方法

Thu, 19 Oct 2023 16:29:07 +0800

不知道各位是都了解 instant.page 网站预加载的脚本，至少我是不知道的，我之前接触过“dns-prefetch”标签，也在部分模板集成了接口，昨天看彧繎博客发现这个这个 instant.page 标签，是的，感觉很新奇啊，这是什么造型，干啥的呢？小朋友你四不四有很多问号？于是乎我就度娘了一下，发现它的作用是可以预加载，用户想访问的页面，用户点击网站链接之前，他们将鼠标悬停在该链接上。当用户徘徊 65 毫秒时，当用户真正点击链接后，就会直接从缓存中读取，以此提升网站的访问速度，因此 instant.page 此时开始预加载，平均超过 300 毫秒，instant.page 是渐进式增强，对不支持它的浏览器没有影响。

效果演示

经过测试，发现 instant.page 对站内访问速度的提升的确很给力。然而它只会预加载自己的站内链接，而不会预加载其他外链。

如图所示，当鼠标在左侧文章链接悬停超过 65ms 后，右侧 Network 即会对文章页面进行预加载。而悬停未超过 65ms 时，则不会进行预加载。

使用方法：

GitHub项目：https://github.com/instantpage/instant.page

官方使用方法，代码添加到网站的</body>标签之前

<script src="//instant.page/1.2.2" type="module" integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script>

但是此脚本是官方的，储存在国外服务器，对国内访问不太友好，可以将该JS脚本储存到自己的服务器上，点此获取该JS脚本，然后再根据以下格式在</ body> 之前引用：

<script type="module" src="存放路径"></script>

bootcdn加速：

https://www.bootcdn.cn/instant.page/

<script type="module" src="https://cdn.bootcss.com/instant.page/3.0.0/instantpage.js"></script>

定义预加载

白名单标签属性： data-instant ，例：

<a href="https://www.liblog.cn" data-instant>鲲鹏博客</a>

黑名单标签属性： data-no-instant ，例：

<a href="https://www.baidu.com" data-no-instant>百度</a>

全局允许：在 <body> 中添加 data-instant-allow-query-string 属性

局部允许：在使用的标签中添加 data-instant 属性（和白名单属性一样）

仅预加载部分指定链接（白名单模式）：如果只想预加载特定的链接，请在 <body> 中添加一个 data-instant-whitelist 标签，并通过向其添加 data-instant 属性来标记要预加载的链接。

注意

预加载可能会存在增加耗费少量 CDN 流量问题，请自行对比后考虑是否使用。好了，感兴趣的可以自行测试下效果，本文部分内容转载自左岸博客和ensu's博客，感谢分享！！！

响应式布局与自适应式布局有什么不同

Mon, 16 Oct 2023 15:46:15 +0800

很多人会对响应式布局和自适应式布局产生混淆，这两者到底有着什么样的区别呢？因为不同于移动站，就事一个独立的站点，每个模块都有独立接口，但是Google一直以来就是推荐响应式设计的，至于为什么你可以参考此篇文章：移动端网站怎样做SEO优化？我们今天就来了解下二者之间是责骂定义的。

响应式布局：

响应式布局，称为Responsive Web Design。它是将已有的开发技巧（弹性网格布局、弹性图片、媒体和媒体查询）整合起来，针对任意设备对网页内容进行“完美”布局的一种显示机制。简言之，是一个网站能够兼容多个终端（手机、Pad、电脑）的布局方法，而不需要为每个终端书写一套特定版本的代码。

自适应布局：

移动端的发展带来了自适应布局。通过JS及CSS的控制，借助rem、百分比等相对度量单位，让代码在多种分辨率的移动端正常呈现。自适应布局，是当前移动端实现网页布局的最常用的布局方法，需要综合使用多种知识。

响应式与自适应的区别

1.自适应布局通过检测视口分辨率，来判断当前访问的设备是：pc端、平板、手机，从而请求服务层，返回不同的页面；响应式布局通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容。

2.自适应布局需要开发多套界面，而响应式布局只需要开发一套界面就可以了。

3.自适应对页面做的屏幕适配是在一定范围：比如pc端一般要大于1024像素，手机端要小于768像素。而响应式布局是一套页面全部适应。

4.自适应布局如果屏幕太小会发生内容过于拥挤。而响应式布局正是为了解决这个问题而衍生出的概念，它可以自动识别屏幕宽度并做出相应调整的网页设计。

总之，响应式布局还是要比自适应布局要好一点，但是自适应布局更加贴切实际，因为你只需要考虑几种状态就可以了而不是像响应式布局需要考虑非常多状态。所以的说无论哪种设计都有它们各自的特点，我们要根据项目的需求来选择适合的布局方式。

解决Discuz! Database Error (1045) notconnect论坛数据库连接失败

Sat, 07 Oct 2023 09:00:12 +0800

当时有点不知所措，好好的怎么突然一下玩完了。仔细一看，是Mysql数据库出问题了，再一想，最近改过数据库的登录密码。因此，去找Discuz的配置文件，那里的密码肯定没更新。

cd /var/www/html/config
vim config_global.php

找到
$_config[‘db’][‘1’][‘dbpw’] = ‘password’;
这一行，密码改成最新的就行了。

不喜欢命令行的同学也可以用WinSCP操作（FTP协议的）：

php config手册,Discuz! X1 config_global.php配置注解手册

Sat, 07 Oct 2023 08:55:43 +0800

$_config = array();

$_config['db'][1]['dbhost'] =

'localhost'; //服务器地址

$_config['db'][1]['dbuser'] =

'root'; //用户

$_config['db'][1]['dbpw'] =

'root'; //密码

$_config['db'][1]['dbcharset'] =

'gbk'; //字符集

$_config['db'][1]['pconnect'] =

0; //是否持续连接

$_config['db'][1]['dbname'] =

'ultrax'; //数据库

$_config['db'][1]['tablepre'] =

'pre_'; //表名前缀

$_config['memory']['prefix'] = 'discuz_';

$_config['memory']['eaccelerator'] =

1; //启动对 eaccelerator 的支持

$_config['memory']['xcache'] =

1; //启动对 xcache 的支持

$_config['memory']['memcache']['server'] =

''; //memcache 服务器地址

$_config['memory']['memcache']['port'] =

11211; //memcache 服务器端口

$_config['memory']['memcache']['pconnect'] =

1; //memcache 是否长久连接

$_config['memory']['memcache']['timeout'] =

1; //memcache 服务器连接超时

$_config['cache']['main']['type'] = '';

$_config['cache']['main']['file']['path'] =

'data/ultraxcache';

$_config['cache']['type'] = 'sql';//note 取值 file, sql

$_config['output']['charset'] =

'gbk'; //页面字符集

$_config['output']['forceheader'] =

1; //强制输出页面字符集，用于避免某些环境乱码

$_config['output']['gzip'] =

0; //是否采用 Gzip 压缩输出

$_config['output']['tplrefresh'] =

1; //模板自动刷新开关 0=关闭, 1=打开

$_config['output']['language'] =

'gbk'; //页面语言 gbk/big5

$_config['output']['staticurl'] =

'static/'; //站点静态文件路径，“/”结尾

$_config['cookie']['cookiepre'] =

'uchome_'; //COOKIE前缀

$_config['cookie']['cookiedomain'] =

''; //COOKIE作用域

$_config['cookie']['cookiepath'] =

'/'; //COOKIE作用路径

$_config['app']['default'] = 'forum';

$_config['app']['domain']['forum'] =

''; //论坛绑定域名

$_config['app']['domain']['group'] =

''; //群组绑定域名

$_config['app']['domain']['home'] =

''; //用户中心绑定域名

$_config['app']['domain']['portal'] =

''; //门户绑定域名

$_config['app']['domain']['mobile'] =

''; //手机模式绑定域名

$_config['security']['authkey'] =

'asdfasfas'; //站点加密密钥

$_config['security']['urlxssdefend'] =

true; //自身 url xss 防御

$_config['security']['attackevasive'] =

0; //cc 防御 1|2|4

$_config['admincp']['founder'] =

'1'; //站点创始人：拥有站点管理后台的最高权限，每个站点可以设置 1名或多名创始人

$_config['admincp']['forcesecques'] =

0; // 管理人员必须设置安全提问才能进入系统设置 0=否, 1=是[安全]

$_config['admincp']['checkip'] =

1; // 后台管理操作是否验证管理员的 IP, 1=是[安全], 0=否。仅在管理员无法登陆后台时设置 0。

$_config['admincp']['runquery'] =

1; // 是否允许后台运行 SQL 语句 1=是 0=否[安全]

$_config['admincp']['dbimport'] =

1; // 是否允许后台恢复论坛数据 1=是 0=否[安全]

$_config['home']['allowdomain'] =

0; //个人空间是否启用二级域名 1=是 0=否

$_config['home']['domainroot'] =

''; //二级域名根域名，例如：discuz.net

$_config['home']['holddomain'] =

'www,space,home,forum,portal'; //保留的二级域名，多个之间使用逗号",”分开

首页资讯不显示建议升级浏览器然后div 添加数据 uc

覆盖X的 uc到原来的UC里然后安装选择只安装X 用默认的UC

伪静态规则

Apache Web Server(独立主机用户)

RewriteEngine On

RewriteRule ^(.*)/topic-(.+)\.html$

$1/portal.php?mod=topic&topic=$2

RewriteRule ^(.*)/article-([0-9]+)\.html$

$1/portal.php?mod=article&articleid=$2

RewriteRule ^(.*)/forum-(\w+)-([0-9]+)\.html$

$1/forum.php?mod=forumdisplay&fid=$2&page=$3

RewriteRule ^(.*)/thread-([0-9]+)-([0-9]+)-([0-9]+)\.html$

$1/forum.php?mod=viewthread&tid=$2&extra=page\=$4&page=$3

RewriteRule ^(.*)/group-([0-9]+)-([0-9]+)\.html$

$1/forum.php?mod=group&fid=$2&page=$3

RewriteRule ^(.*)/space-(username|uid)-(.+)\.html$

$1/home.php?mod=space&$2=$3

RewriteRule ^(.*)/([a-z]+)-(.+)\.html$ $1/$2.php?rewrite=$3

Apache Web Server(虚拟主机用户)

# 将 RewriteEngine 模式打开

RewriteEngine On

# 修改以下语句中的 /discuz 为你的论坛目录地址，如果程序放在根目录中，请将 /discuz 修改为 /

RewriteBase /discuz

# Rewrite 系统规则请勿修改

RewriteRule ^topic-(.+)\.html$

portal.php?mod=topic&topic=$1

RewriteRule ^article-([0-9]+)\.html$

portal.php?mod=article&articleid=$1

RewriteRule ^forum-(\w+)-([0-9]+)\.html$

forum.php?mod=forumdisplay&fid=$1&page=$2

RewriteRule ^thread-([0-9]+)-([0-9]+)-([0-9]+)\.html$

forum.php?mod=viewthread&tid=$1&extra=page\=$3&page=$2

RewriteRule ^group-([0-9]+)-([0-9]+)\.html$

forum.php?mod=group&fid=$1&page=$2

RewriteRule ^space-(username|uid)-(.+)\.html$

home.php?mod=space&$1=$2

RewriteRule ^([a-z]+)-(.+)\.html$ $1.php?rewrite=$2

IIS Web Server(独立主机用户)

[ISAPI_Rewrite]

# 3600 = 1 hour

CacheClockRate 3600

RepeatLimit 32

# Protect httpd.ini and httpd.parse.errors files

# from accessing through HTTP

RewriteRule ^(.*)/topic-(.+)\.html\?*(.*)$

$1/portal\.php\?mod=topic&topic=$2&$3

RewriteRule ^(.*)/article-([0-9]+)\.html\?*(.*)$

$1/portal\.php\?mod=article&articleid=$2&$3

RewriteRule ^(.*)/forum-(\w+)-([0-9]+)\.html\?*(.*)$

$1/forum\.php\?mod=forumdisplay&fid=$2&page=$3&$4

RewriteRule ^(.*)/thread-([0-9]+)-([0-9]+)-([0-9]+)\.html\?*(.*)$

$1/forum\.php\?mod=viewthread&tid=$2&extra=page\=$4&page=$3&$5

RewriteRule ^(.*)/group-([0-9]+)-([0-9]+)\.html\?*(.*)$

$1/forum\.php\?mod=group&fid=$2&page=$3&$4

RewriteRule ^(.*)/space-(username|uid)-(.+)\.html\?*(.*)$

$1/home\.php\?mod=space&$2=$3&$4

RewriteRule ^(.*)/([a-z]+)-(.+)\.html\?*(.*)$

$1/$2\.php\?rewrite=$3&$4

Zeus Web Server

match URL into $ with ^(.*)/topic-(.+)\.html\?*(.*)$

if matched then

set URL =

$1/portal.php?mod=topic&topic=$2&$3

endif

match URL into $ with ^(.*)/article-([0-9]+)\.html\?*(.*)$

if matched then

set URL =

$1/portal.php?mod=article&articleid=$2&$3

endif

match URL into $ with

^(.*)/forum-(\w+)-([0-9]+)\.html\?*(.*)$

if matched then

set URL =

$1/forum.php?mod=forumdisplay&fid=$2&page=$3&$4

endif

match URL into $ with

^(.*)/thread-([0-9]+)-([0-9]+)-([0-9]+)\.html\?*(.*)$

if matched then

set URL =

$1/forum.php?mod=viewthread&tid=$2&extra=page\=$4&page=$3&$5

endif

match URL into $ with

^(.*)/group-([0-9]+)-([0-9]+)\.html\?*(.*)$

if matched then

set URL =

$1/forum.php?mod=group&fid=$2&page=$3&$4

endif

match URL into $ with

^(.*)/space-(username|uid)-(.+)\.html\?*(.*)$

if matched then

set URL =

$1/home.php?mod=space&$2=$3&$4

endif

match URL into $ with ^(.*)/([a-z]+)-(.+)\.html\?*(.*)$

if matched then

set URL = $1/$2.php?rewrite=$3&$4

endif

Nginx Web Server

rewrite ^(.*)/topic-(.+)\.html$

$1/portal.php?mod=topic&topic=$2 last;

rewrite ^(.*)/article-([0-9]+)\.html$

$1/portal.php?mod=article&articleid=$2 last;

rewrite ^(.*)/forum-(\w+)-([0-9]+)\.html$

$1/forum.php?mod=forumdisplay&fid=$2&page=$3

last;

rewrite ^(.*)/thread-([0-9]+)-([0-9]+)-([0-9]+)\.html$

$1/forum.php?mod=viewthread&tid=$2&extra=page=$4&page=$3

last;

rewrite ^(.*)/group-([0-9]+)-([0-9]+)\.html$

$1/forum.php?mod=group&fid=$2&page=$3

last;

rewrite ^(.*)/space-(username|uid)-(.+)\.html$

$1/home.php?mod=space&$2=$3 last;

rewrite ^(.*)/([a-z]+)-(.+)\.html$ $1/$2.php?rewrite=$3 last;

权限更改

用户组权限全部从新设置下

别的问题咱没发现小BUG还是多了点慢慢研究``````````

RIPRO V2子主题 VAN美化版与原版子主题V5.9版本

Fri, 06 Oct 2023 04:06:17 +0800

详情介绍

VAN主题是一款基于日主题系列旗下RIPro-v2主题所开发的一款子主题,其目的是为了将RIPro-V2主题发挥到极致,助力站长更好的发展,操作易上手,功能超多且强大!感兴趣的小伙伴可以下载安装品尝一下哟!

主题亮点

交易弹幕功能
自助友情页面
QQ群联盟页面
全新VIP介绍页面
专属分类隐藏功能
注册赠送会员功能
推广赠送会员功能
排行榜首页小工具
自动添加已使用标签
首页会员介绍小工具
更多功能可自行安装体验

基本教程

安装主题

第一步将下载的压缩包解压后,可以看到名为van的.zip压缩包,把他上传到/wp-content/themes/直接解压即可。完成后到后台-外观-启用：VAN主题

QQ群联盟

进入你的管理后台,找到页面点击进入.找到新建页面,右侧模板选择选择QQ群联盟模板,链接填qq_group

友链设置

进入你的管理后台,找到页面点击进入.找到新建页面,右侧模板选择选择自助友情页模板,链接填blinks

全新VIP介绍页

进入你的管理后台,找到页面点击进入.找到新建页面,右侧模板选择选择全新VIP介绍页,链接填vip

文章存档页面

进入你的管理后台,找到页面点击进入.找到新建页面,右侧模板选择选择文章存档页面,链接填archives

微信隐藏标签

微信公众号设置自动回复信息为

Markup

<ahref=”http://我们的网站URL/wp-admin/admin-ajax.php?action=getwechatcode”>查看验证码</a>

效果图

更新记录

V5.9- 2022.10.31

修复问答社区冲突问题
优化排行榜界面样式代码
优化公告页背景图片展示
优化排行榜界面图片为本地图片

V5.8- 2022.10.26

删除无用样式代码
优化导航条小工具图片为本地图片
优化排行榜小工具图片为本地图片
优化案例展示小工具图片为本地图片
修复问答社区小工具报错问题

V5.7- 2022.10.18

优化小工具样式代码
优化导航条小工具代码
优化导航条小工具与其他小工具冲突
修复问答社区点击我要提问无用问题
修复主题会员介绍模块样式冲突问题

V5.6- 2022.10.16

修复下载样式选择重复问题
下载模块手机端新增签到功能
下载模块新增自定义手机端升级会员链接
下载模块_自定义按钮新增自定义按钮图标
修复下载模块立即购买按钮图标不显示问题
修复导航条小工具与顶部导航毛玻璃特效冲突问题

V5.5- 2022.10.15

新增导航条小工具
新增禁止WP缩略图功能
新增顶部导航条毛玻璃特效
优化下载模块_下载样式选择

phpmyadmin导入数据如何解除50M限制

Thu, 05 Oct 2023 21:31:14 +0800

网站搬家或是测试，都需要数据进行导入导出的，有的网站数据量非常大，再导出导入的时候就会受到一些限制，比如数据导入大小限制再50M以内，如果你是自己的服务器，那改起来也就比较方便点，如果是虚拟主机那及需要找空间提供商，或是分批次压缩导出。今天就讲讲如何在服务器上调整数据限制。

一，首先登录宝塔，然后点击软件商店，并找到安装的php版本，可能大家装了好几个PHP版本，以网站系统为准PHP版本

二，点击与你网站相同版号的PHP版本，然后点击设置-上传限制，修改数值。

三，导入数据时，需要保证php版本的一致性，不然容易导入出错：

在网站这个位置，检查一下网站用的是php的哪个版本，你用什么版本就用哪个版本的数据库，php7.3版本：

鲲鹏博客

个人文件

DZ3.4升级到DZ3.5最详细的教程

Discuz!模板解析语法

PHP中使用template()函数显示已存在模板

PHP格式的模板

模板语法

变量输出

条件判断

循环输出

模板嵌套

插件钩子

变量数组嵌套使用

PHP解析

语言包使用

插件模板和语言包的设计

综合示例

Discuz论坛网站标题栏Powered by Discuz！版权信息如何去除或是修改？

网站预加载 JS 脚本 instant.page 的使用方法

效果演示

使用方法：

bootcdn加速：

定义预加载

注意

响应式布局与自适应式布局有什么不同

响应式布局：

自适应布局：

响应式与自适应的区别

解决Discuz! Database Error (1045) notconnect论坛数据库连接失败

php config手册,Discuz! X1 config_global.php配置注解手册

RIPRO V2子主题 VAN美化版与原版子主题V5.9版本

详情介绍

主题亮点

基本教程

效果图

更新记录

phpmyadmin导入数据如何解除50M限制

一，首先登录宝塔，然后点击软件商店，并找到 安装的php版本，可能大家装了好几个PHP版本，以网站系统为准PHP版本

二，点击与你网站相同版号的PHP版本，然后点击设置-上传限制，修改数值。

三，导入数据时，需要保证php版本的一致性，不然容易导入出错：

四，登录phpmyadmin后，检查数据库php版本，和 phpmyadmin里的php版本是否一致。

五，此刻修改完数据保存后就可以解除限制了

一，首先登录宝塔，然后点击软件商店，并找到安装的php版本，可能大家装了好几个PHP版本，以网站系统为准PHP版本