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

移动端的头部标签和 meta

添加四类

文字颜色: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};

给网页加上小猫咪鼠标特效

一只可爱的小黑猫头鼠标,把下面代码放在 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}

css 替换器插件

css 替换器浏览器插件的一些使用。

  • 有些网站引用的字体太花了,把网页改成其他字体。(举例为微软雅黑)
*:not([class*="icon"]):not(i) {font-family:"Microsoft YaHei" !important;} 

图床

换个底部文字,把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

杂记

Github 国内镜像网站有github.com.cnpmjs.org或者git.sdut.me,就是把 github 下载地址中的域名换成前面两个。

腾讯域名解封申请链接:https://urlsec.qq.com/complain.html

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

注意:有个 bug ,使用了 Sticky 插件置顶的文章还是会被 RSS feed。但是像我这样,置顶就一个,被采集也无所谓,可以忽略这个 bug 。或者按照下面的方法禁用 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; | 上下左右同