也许用到,也许用不到的代码备忘。

添加四类

文字颜色: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 noreferrertarget="_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;
    }
}

杂记

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>

禁止网页的某个部分在手机端上显示

(其实这个例子就是禁止宽度767以下的屏幕显示内容,而手机都低于这个)

@media screen and (max-width:767px) {.smbb {display:none;}}

cdn

cdn 需要设置一下限制 qps,防止被打

debug

把下面的代码放在 config.inc.php 里,再访问网站就会显示出了什么问题。

define('__TYPECHO_DEBUG__', true);

调用 QQ 头像

禁用 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=10pageSize=0,即可关闭 RSS 功能。以后采集 RSS 就什么都没有了。

注意:有个 bug ,使用了 Sticky 插件置顶的文章还是会被 RSS feed。但就一篇被采集也无所谓,可以忽略,或者按照下面的方法禁用 RSS 。

方法二:

找到数据库 typecho_options - defaultAllowFeed 把值改成 0 。

边边框框

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; | 上下左右同