也许用到,也许用不到的代码备忘。
临时置顶:
<p style="color:#c06cff; font-weight:700; font-size:16px;" >我不会做在线支付功能,所以你需要加 QQ 付款。</p>
添加四类
文字颜色:color: #000;
(黑色)
文字阴影:text-shadow: 1px 2px #fff;
(X轴y轴,白色)
块的背景色:background-color: #fff;
(白色)
块的阴影:box-shadow: 0px 0px 0px 0px #000;
(X轴y轴,块的边缘模糊度,块的宽度,黑色)
网页背景
图片背景加在 html 里放在 /body 前面:<body style="background:url(图片地址);">
图片背景加在 css 里:body {background:url(图片地址) center center/cover fixed no-repeat;}
颜色背景加在 html 里:<body style="background:#DEB3B3">
颜色背景加在 css 里:body {background-color:#DEB3B3;}
图片背景的种类:
background: url(图片地址) center center/cover fixed no-repeat;
center center:分别表示 X 轴和 Y 轴都居中显示。
假设一张图片放大后人的脑袋没了,你想保留顶部完整显示底部无所谓任它裁剪,就把第二个 center 改成 top 表示始终显示顶部的完整性。同理左右的完整性可以改第一个 center。
备忘:上(top)下(bottom)左(left)右(right)| 当然也可以具体到多少 px,直接写成-4px -3px
或者4% 3%
。
/cover:把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
fixed:设置背景图片是随滚动轴如何滚动的,fixed:当页面的其余部分滚动时,背景图像不会移动
no-repeat:图片不重复不平铺,如果你搞一张很小的有规律的花纹图,就可以不停的重复显示出一张很漂亮的花纹图片背景。
链接跳转方式
链接在新标签页打开,链接文字颜色为灰色,并且忽略权重、防止钓鱼。
<a href="rzfyu.com" style="color:#8C8C8C;" target="_blank" rel="nofollow noopener noreferrer">汝者非鱼</a>
注意:
target="_self"
表示在当前页跳转,例如导航站直接在</head>
里设置一个<base target="_blank">
表示此页面所有链接都在新窗口打开,少量需要当前页打开的链接设置target="_self"
就行了,这样更省事。
nofollow
让链接不传递权重。noopener noreferrer
和target="_blank"
一起出现,保护链接不受钓鱼攻击,两个代码囊括了新旧所有浏览器。
<meta name="robots" content="nofollow">
放在页头表示所有链接不传递权重,但我并不确定这样写有没有用。
链接下划线
把下面的代码放在 html 的
里,如显示就把 none 换成 underline。或者去掉<style>
放在 css 里。<style type="text/css">
a:link,a:visited{text-decoration:none;} /* 超链接无下划线 */
a:hover{text-decoration:underline;} /* 鼠标放上去有下划线 */
</style>
分解详细版,可配合使用:
body{background:#EFEFEF;margin:0 auto;}
a:link {text-decoration:none;} /* 未被访问的链接无色即 蓝色 */
a:visited{color:#0000FF;} /* 已被访问过的链接 绿色 */
a:hover{color:#FFFFFF;background:#E23F3F;font-weight:bold;} /* 鼠标悬浮在上的链接 橙色 */
a:active{color:#FFFFFF;background:#E23F3F;font-weight:bold;} /* 鼠标点中激活链接 红色 */
美化网页通用方法
网页禁用鼠标右键
希望网页右键无反应,把下面代码放在 js 里。
document.oncontextmenu = function(){return false};
网页全站变灰
在页头里加上如下代码:
<style>
html{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
</style>
给网页加上小猫咪鼠标特效
一只可爱的小黑猫头鼠标,把下面代码放在 css 里。
button {cursor:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/work.cur),alias}
p {cursor:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/texto.cur),auto}
a {cursor:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/ayuda.cur),auto}
a:active {cursor:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/work.cur),alias}
body {cursor:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/normal.cur),auto}
图床
换个底部文字,把application/index/view/common/base.html
里面改掉。
<footer>
<div class="mdui-container"> © 2019 <a href="https://rzfyu.com">汝者非鱼</a> - <a href="https://tu.rzfyu.com">非鱼图床</a> | 自用博客图片存储站,不对外开放请知晓 o(* ̄3 ̄)o
</div>
</footer>
让「系统管理」默认折叠进去。
打开文件application - index - view - common - base.html
,定位到 84 行<div class="mdui-collapse-item mdui-collapse-item-open">
把open
改成close
不升级 2.0 版本
现在版本够我用了,迁移网站后记住使用 php7.2,还要在 php 里开启fileinfo
拓展,否则无法上传图片,伪静态代码如下:
location / {
if (!-e $request_filename) {
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}
8号鱼铺
主体路径:public/content/template/default
<p style="color:#c06cff; font-weight:700; font-size:16px;" >我不会做在线支付功能,所以你需要加 QQ 付款。</p>
修改后台地址
原先入口是 /admin,先禁用旧的,需要定位 application/config.php 修改为如下:
// 禁止访问模块
'deny_module_list' => ['common', 'admin'],
然后开启新的后台入口,需要在 public 文件夹下面有一个 admin.php 文件,改个名字就变成新的入口了,php 后缀不能动。
原查看订单
<li class="layui-nav-item {:isset($navi) && $navi=='look_order' ? 'layui-this' : ''}"><a href="{:url('/order')}">查看订单</a></li>
杂记
Github 国内镜像网站有github.com.cnpmjs.org
或者git.sdut.me
,就是把 github 下载地址中的域名换成前面两个。
腾讯域名解封申请链接:https://urlsec.qq.com/complain.html
QQ推广(点击qq拉起客服功能):https://shang.qq.com/v3/widget.html
html 代码展示
在 html 里输入下面代码,表示不运行纯展示代码信息
<textarea>
/*我是被展示的代码*/
</textarea><br>
cdn
cdn 需要设置一下限制 qps,防止被打
debug
把下面的代码放在 config.inc.php 里,再访问网站就会显示出了什么问题。
define('__TYPECHO_DEBUG__', true);
调用 QQ 头像
网站限制 ip 访问
假设我的网站需要大改,我自己电脑能访问的同时,其他所有人访问都进入 403 页面,而且我还想在 403 页面上打上文字介绍我正在重建网站,让别人知道。
实现方法:
打开宝塔 - 网站 - 域名 - 配置文件,在错误页配置,可以注释、删除或修改
下一行输入error_page 403 https://域名/403.html;
表示403页面是你设置的这个网页。
在#ERROR-PAGE-END
下一行输入下面代码:
set $flag f;
if ($request_uri ~* "^/pay/notify.html$") { /*允许某个具体页面可以访问*/
set $flag "${flag}1";
}
if ($remote_addr = "127.0.0.1") { /*允许第一个ip可以访问(也就是你电脑网络的ip)*/
set $flag "${flag}2";
}
if ($remote_addr = "192.168.1.40") { /*允许第二个ip可以访问*/
set $flag "${flag}2";
}
if ($request_uri ~* "^/writing/$") { /*允许访问这个目录下的文件,一般是index.html文件*/
set $flag "${flag}1";
}
if ($flag = "f1" ){ /*这个应该是允许按f1我也不太懂*/
set $flag ok;
}
if ($flag = "f2" ){ /*这个应该是允许按f2我也不太懂*/
set $flag ok;
}
if ($flag = "f12" ){ /*这个应该是允许按f12我也不太懂*/
set $flag ok;
}
if ($flag != "ok" ){ /*这表示除了上面允许的东西,其他页面都返回403*/
return 403;
}
禁用 RSS 功能
也就是禁用/feed
页面,反正现在也没几个人订阅,开着反而容易被别人一键采集。
方法一
1、打开网站目录var/Widget/Archive.php
2、搜索setFeed
3、看到上面 275 行(typecho1.1 版在此行)
$matched = Typecho_Router::match($this->request->feed, 'pageSize=10&isFeed=1');
4、修改pageSize=10
为pageSize=0
,即可关闭 RSS 功能。以后采集 RSS 就什么都没有了。
注意:有个 bug ,使用了 Sticky 插件置顶的文章还是会被 RSS feed。但就一篇被采集也无所谓,可以忽略,或者按照下面的方法禁用 RSS 。
方法二:
找到数据库 typecho_options - defaultAllowFeed 把值改成 0 。
gravatar 头像
原头像地址被墙了,评论区的头像无法显示,所以要换一个国内头像代理地址。打开根目录config.icn.php
,在它的末尾添加一行代码即可。
/** 非鱼改的头像地址 */
define('__TYPECHO_GRAVATAR_PREFIX__', 'https://sdn.geekzu.org/avatar/');
边边框框
float:left; | 框框居左
float:right; | 框框居右
margin-bottom: | 元素的下外边距
margin-left: | 元素的左外边距
margin-right: | 元素的右外边距
margin-top: | 元素的上外边距
margin:10px 5px 15px 20px; | 上右下左
margin:10px 5px 15px; | 两边上下,中间左右同
margin:10px 5px; | 上下同,左右同
margin:10px; | 上下左右同
没有评论