【原创 精华】网站建设的一些问题及解决方法

[huayang]

一些wordpress主题的文章及解决方法

有些重复的内容跳过即可

【原创】关于wordpress以及H-Siren主题的一些改动和解决办法

【原创】关于Argon 主题添加的一部分扩展详情

一定要禁用Google 字体

一定要禁用Google 字体

一定要禁用Google 字体

否则卡得一批

网页加载速度的问题可以看这篇文章https://segmentfault.com/a/1190000019211567?utm_source=tag-newest

前端配置

鼠标

咱们再来说说鼠标

鼠标光标一共分两种形式一个是是普通状态的样式和 a:hover(css 选择器 超链)的形式

此部分代码可直接加在主题文件下的 style.css 文件里

/*鼠标样式*/
a:hover{
    cursor:url("https://hellohy.top/4.png"),auto;
}
body {
    cursor:url("https://hellohy.top/1.png"),auto;
     }

这个鼠标是我用美图秀秀二次创作的哈哈哈哈哈

具体的使用方法可以参考这篇文章:https://www.cnblogs.com/SingleWalker/p/7457735.html

想和我一样的也可以直接写我的链接

警告:图标不限与文件形式,但大小切勿超过 100×100

看我的引用是 png 格式一样可行,他可能是图像过大无法显示从而认定 png 格式不行,因为转格式都会自动缩小到相应标准,比如 ico 格式,同学们一定要记住,这可是我一下午的成果 5555555~

你知道那种明明跟着教程一步一步的做刷新了一下午什么都没有的感觉吗,难受太难受了 5555~

下面是鼠标点击特效,学长的感觉有点花哨,找了很久,他这个是根据框架来写的有些东西实在看不懂索性就直接添加了一行 js 代码

文件地址:/js/app.js

//鼠标点击特效
!function (e, t, a) {function r() {for (var e = 0; e < s.length; e++) s[e].alpha <= 0 ? (t.body.removeChild(s[e].el), s.splice(e, 1)) : (s[e].y--, s[e].scale += .004, s[e].alpha -= .013, s[e].el.style.cssText = "left:" + s[e].x + "px;top:" + s[e].y + "px;opacity:" + s[e].alpha + ";transform:scale(" + s[e].scale + "," + s[e].scale + ") rotate(45deg);background:" + s[e].color + ";z-index:99999");requestAnimationFrame(r)}function n() {var t = "function" == typeof e.onclick && e.onclick;e.onclick = function (e) {t && t(), o(e)}}function o(e) {var a = t.createElement("div");a.className = "heart", s.push({el: a,x: e.clientX - 5,y: e.clientY - 5,scale: 1,alpha: 1,color: c()}), t.body.appendChild(a)}function i(e) {var a = t.createElement("style");a.type = "text/css";try {a.appendChild(t.createTextNode(e))} catch (t) {a.styleSheet.cssText = e}t.getElementsByTagName("head")[0].appendChild(a)}function c() {return "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + ")"}var s = [];e.requestAnimationFrame = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function (e) {setTimeout(e, 1e3 / 60)}, i(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"), n(), r()}(window, document);

差不多首页能看见的东西咱们就搞定了,下面进入文章页

菜单矢量图

iconfont

代码插入即可

新增评论查看文章权限和登陆查看文章权限

评论

##########评论查看文章权限
    function reply_to_read($atts, $content=null) {
            extract(shortcode_atts(array("notice" => '<p class="reply-to-read">温馨提示: 以下内容需要<a href="#respond" title="评论本文">评论本文</a>后才能查看.</p>'), $atts));
            $email = null;
            $user_ID = (int) wp_get_current_user()->ID;
            if ($user_ID > 0) {
                $email = get_userdata($user_ID)->user_email;
                //对博主直接显示内容
                $admin_email = "xxx@aaa.com"; //博主Email
                if ($email == $admin_email) {
                    return $content;
                }
            } else if (isset($_COOKIE['comment_author_email_' . COOKIEHASH])) {
                $email = str_replace('%40', '1273292809@qq.com', $_COOKIE['comment_author_email_' . COOKIEHASH]);
            } else {
                return $notice;
            }
            if (empty($email)) {
                return $notice;
            }
            global $wpdb;
            $post_id = get_the_ID();
            $query = "SELECT `comment_ID` FROM {$wpdb->comments} WHERE `comment_post_ID`={$post_id} and `comment_approved`='1' and `comment_author_email`='{$email}' LIMIT 1";
            if ($wpdb->get_results($query)) {
                return do_shortcode($content);
            } else {
                return $notice;
            }
        }
        add_shortcode('huayang', 'reply_to_read');

在要隐藏的内容加上

登陆

#######################################################################
############################- 登录可见 -##############################
######################################################################
add_shortcode( 'member', 'member_check_shortcode' );
function member_check_shortcode( $atts, $content = null ) {
 if ( is_user_logged_in() && !is_null( $content ) && !is_feed() )
 return $content;
 return '此内容登录可见'; //这里显示未登录的提示信息
}

[member] 这里的内容访客是无法看到的 [/member]

问题

Fatal error: Allowed memory size of 67108864 bytes exhausted (tried to allocate 16777224 bytes) in /home/bae/app/wp-includes/formatting.php on line 3890

因为php页面消耗的最大内存默认是为8M (在PHP的php.ini配置文件里可以看到) ,如果文件太大或图片太大,在读取的时候会发生上述提示错误。

把一篇大文章拆分即可

后端设置

邮箱提醒

目前我是用的还是 qq 邮箱的邮件进行发送

先上代码

//使用 smtp 发邮件
add_action('phpmailer_init', 'fanly_mail_smtp');
function fanly_mail_smtp( $phpmailer ) {
    $phpmailer->IsSMTP();
    $phpmailer->SMTPAuth = true;//启用 SMTPAuth 服务
    $phpmailer->Port = 465;//SMTP 邮件发送端口,这个和下面的 SSL 验证对应,如果这里填写 25,则下面参数为空
    $phpmailer->SMTPSecure ="ssl";//是否验证 ssl,与 MTP 邮件发送端口对应,如果不填写,则上面的端口须为 25
    $phpmailer->Host = "smtp.qq.com";//邮箱的 SMTP 服务器地址,目前 smtp.qq.com 为 QQ 邮箱 SMTP
    $phpmailer->Username = "example@qq.com";//你的邮箱地址
    $phpmailer->Password ="***************";//以前是邮箱登录密码,现在是一个授权码
}
//发件地址记得和 smtp 邮箱一致即可
add_filter( 'wp_mail_from', 'fanly_wp_mail_from' );
function fanly_wp_mail_from() {
    return 'example@qq.com';

把以上代码写入 function.php 文件即可

如果是 qq 邮箱 $phpmailer->Password 在以下获取

设置 -> 账号,打开如下图的按钮你会获得一个码,填上就可以使用了

百度统计(站长功能)

https://tongji.baidu.com/web/10000045481/welcome/login

把这段代码复制到这里即可

插到可以插html代码的地方就行

自动检测可能会失败,建议手动

打开开发者工具有这个文件则为成功

绑定域名

首先购买域名并备案成功后

进入控制台进入域名服务

点击解析

下面这三个解析都要写进去

主机记录

如果是服务器那就选用A记录

后面接ip4地址

然后主机记录还是和上面的一样www @ *

等几分钟就可以访问了

这样只可以用hellohy.top进行访问

我们还需要用www.进行访问,也就是www.hellohy.top能访问成功

进入到控制面板

进入到域名绑定

点击确定即可

然后我们把第一个设为主域名即可(根据自己喜欢)

证书问题(https)

在控制台里进入域名服务

点击ssl

这里我是有证书的

第一次或过期了要购买证书

申请成功后后面有一个申请成功的提示

成功后下载证书

解压出来后面有用

点击证书信息管理

上面的那个文件解压出来有这三个文件

把上面的三个文件用vscode打开

把这两个的内容放在一起

最后点击确定

最后这里会显示未启用

我这里是完全完成了的所以是使用中

我们再来到控制台云虚拟主机BCH的页面

进入到控制面板

进入到域名绑定

我们把这两个启用https

我的已经成功了

如果这里有个解析未匹配我们不用管它

我们再来到控制台云虚拟主机BCH的页面

如果这里出现未解析我们也不用管它

等几分钟访问我们的网页发现就已经成功安装了

还有这里也显示解析未匹配我们也不用管

上面有很多解析的问题我们要多等等,有点小慢

还有记得清理浏览器缓存

强制转换 https

这个可是重中之重

同学们都端板凳给我做好

都给我认真听!!!

先口水话一波

我的这个网站是托管在百度云的,所以备案号没下来的时候就是用的是百度云临时地址在做网页百度云给的临时地址自然是没有 ssl 的

所以当备案号下来的时候我接入 ssl 我当场就傻了

你知道没有 css 的界面是什么感觉吗,然后就是一大堆的这个

解决办法首先在后台改成 https

如果后台已经崩了就去数据库里改

全部改成 https 就行了

接下来进入 FXP 里找到 wp-config.php 文件写入下列代码

$_SERVER[\'HTTPS\'] = \'on\';
define(\'FORCE_SSL_LOGIN\', true);
define(\'FORCE_SSL_ADMIN\', true);

这个设置好基本上就可以打开后台了

这下我们再来到 function.php 文件复制下列代码

//强制转换https
add_filter('script_loader_src', 'agnostic_script_loader_src', 20,2);
function agnostic_script_loader_src($src, $handle) {
    return preg_replace('/^(http|https):/', '', $src);
}
add_filter('style_loader_src', 'agnostic_style_loader_src', 20,2);
function agnostic_style_loader_src($src, $handle) {
    return preg_replace('/^(http|https):/', '', $src);
}

这样就大功告成了!!!ohohohohohoh!!!

CDN加速

进入域名服务

进入域名信息

可以看见这是百度的默认DNS

后续我们要改就是在这里改DNS

接入百度CDN

https://su.baidu.com/

可以先检测一下自己的网站支持ipv6不

如果白嫖千万别玩这个东西

后果就是

原因参照:https://www.guyaheng.com/website/2915.html

[/huayang]

==>转载请注明来源哦<==
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇