欢迎光临
我们一直在努力

禁止WordPress主题生成缩略图

Fresher阅读(1127)评论(0)

缩略图真的是蛮鸡肋,还占服务器空间,有时候我们就想把它关掉

一般情况下,设置——多媒体,做如下修改就可以不产生缩略图了

禁止WordPress主题生成缩略图 第1张

接着我们可以下载安装 Disable Responsive Images 插件。禁用 WORDPRESS 4.4+属性srcset和sizes

但有些情况还是会生成,这是由于主题启用了缩略图,一般在主题的functions.php文件中,找到例如下面这样的代码,注释掉即可。

禁止WordPress主题生成缩略图 第2张

CSS基础知识

Fresher阅读(1600)评论(0)

1.认识CSS样式
CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。

如下列代码:

使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

2.CSS代码语法

css 样式由选择符声明组成,而声明又由属性组成,如下图所示:

CSS基础知识 第1张

1.jpg

选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。
声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示:

注意:

1、最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。

2、为了使用样式更加容易阅读,可以将每条代码写在一个新行内,如下所示:

3.CSS注释代码

就像在Html的注释一样,在CSS中也有注释语句:用/注释语句/
来标明(Html中使用<!--注释语句-->
)。就像下面代码:

CSS基础知识 第2张

2.jpg

4.CSS 样式

CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。
1.内联式:css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:

2.嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色:

嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。
3.外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css
”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内,如下面代码:

注意:

1、css样式文件名称以有意义的英文字母命名,如 main.css。

2、rel="stylesheet" type="text/css" 是固定写法不可修改。

3、<link>标签位置一般写在<head>标签之内。

这三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式
但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样,<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面(实际开发中也是这么写的)。感兴趣的小伙伴可以试一下,把它们调换顺序,再看他们的优先级是否变化。
其实总结来说,就是--就近原则(离被设置元素越近优先级别越高),但注意上面所总结的优先级是有一个前提:内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下

5.什么是选择器?

每一条css样式声明(定义)由两部分组成,形式如下:

5-1 标签选择器
标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码:

上面的css样式代码的作用:为p标签设置12px字号,行间距设置1.6em的样式。
5-2 类选择器
类选择器在css样式编码中是最常用到的

语法:

注意:
1、英文圆点开头
2、其中类选器名称可以任意起名(但不要起中文噢)
使用方法:
第一步:使用合适的标签把要修饰的内容标记起来,如下:

第二步:使用class="类选择器名称"为标签设置一个类,如下:

第三步:设置类选器css样式,如下:

5-3 ID选择器
在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别:
1、为标签设置id="ID名称",而不是class="类名称"。
2、ID选择符的前面是井号(#)号,而不是英文圆点(.)

5-4 类和ID选择器的区别
学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点:
相同点:可以应用于任何元素不同点:
1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。
下面代码是正确的:

而下面代码是错误的:

2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。
下面的代码是正确

上面代码的作用是为“三年级”三个文字设置文本颜色为红色并且字号为25px。
下面的代码是不正确

上面代码不可以实现为“三年级”三个文字设置文本颜色为红色并且字号为25px的作用。

5-4 子选择器

还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码:

这行代码会使class名为food下的子元素li(水果、蔬菜)加入红色实线边框。

CSS基础知识 第3张

3.png

5-5 包含(后代)选择器
包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码:

这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。
请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。
总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
5-6 通用选择器
通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素,如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色:

5-7 伪类选择符
更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色:

上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。
关于伪选择符:
关于伪类选择符,到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是 a 标签上使用 :hover 了(其实伪类选择符还有很多,尤其是 css3 中,但是因为不能兼容所有浏览器,本教程只是讲了这一种最常用的)。其实 :hover 可以放在任意的标签上,比如说 p:hover,但是它们的兼容性也是很不好的,所以现在比较常用的还是 a:hover 的组合。
5-7 分组选择符
当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),h1、span标签同时设置字体颜色为红色:

它相当于下面两行代码:

6-1继承
CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。

可见结果窗口中p中的文本与span中的文本都设置为了红色。但注意有一些css样式是不具有继承性的。如border:1px solid red;

在上面例子中它代码的作用只是给p标签设置了边框为1像素、红色、实心边框线,而对于子元素span是没用起到作用的。

6-2 特殊性
有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码:

p和.first都匹配到了p这个标签上,那么会显示哪种颜色呢?green是正确的颜色,那么为什么呢?是因为浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。
下面是权值的规则:
标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码:

注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。

6-3 层叠

层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。
如下面代码:

最后 p 中的文本会设置为green,这个层叠很好理解,理解为后面的样式会覆盖前面的样式。
所以前面的css样式优先级就不难理解了:
内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)

6-4 重要性

我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。
如下代码:

这时 p 段落中的文本会显示的red红色。
注意:!important要写在分号的前面
这里注意当网页制作者不设置css样式时,浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式,比如有的用户习惯把字号设置为大一些,使其查看网页的文本更加清楚。这时注意样式优先级为:浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式。

7-1 文字排版--字体

我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。

代码演示:

7-2 文字排版--字号、颜色
可以使用下面代码设置网页中文字的字号为12像素,并把字体颜色设置为#666(灰色):

7-3 文字排版--粗体
我们还可以使用css样式来改变文字的样式:粗体、斜体、下划线、删除线,可以使用下面代码实现设置文字以粗体样式显示出来。

在这里大家可以看到,如果想为文字设置粗体是有单独的css样式来实现的,再不用为了实现粗体样式而使用h1-h6或strong标签了。

7-4 文字排版--斜体
以下代码可以实现文字以斜体样式在浏览器中显示:

7-5 文字排版--下划线
有些情况下想为文字设置为下划线样式,这样可以在视觉上强调文字,可以使用下面代码来实现:

7-6 文字排版--删除线
如果想在网页上设置删除线怎么办,这个样式在电商网站上常会见到:

CSS基础知识 第4张

1.jpg

上图中的原价上的删除线使用下面代码就可以实现:

7-7 段落排版--缩进
中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现:

注意:2em的意思就是文字的2倍大小

7-8 段落排版--行间距(行高)
如下代码实现设置段落行间距为1.5倍。

7-9 段落排版--中文字间距、字母间距
中文字间隔、字母间隔设置:
如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing 来实现,如下面代码:

注意:这个样式使用在英文单词时,是设置字母与字母之间的间距。
单词间距设置
如果我想设置英文单词之间的间距呢?可以使用 word-spacing 来实现。如下代码:

7-10 段落排版--对齐
想为块状元素中的文本、图片设置居中样式吗?可以使用text-align样式代码,如下代码可实现文本居中显示

同样可以设置居左:

还可以设置居右:

8.css盒模型
8-1 元素分类

在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素内联元素(又叫行内元素)内联块状元素
常用的块状元素有:
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的内联元素有:<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有:<img><input>

8-2 元素分类--块级元素

什么是块级元素?在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block
就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。

块级元素特点:
1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。

8-3 元素分类--内联元素

在html中,<span>、<a>、<label>、 <strong> 和<em>就是典型的内联元素行内元素)(inline)元素。当然块状元素也可以通过代码display:inline
将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素,从而使 div 元素具有内联元素特点。

内联元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度及顶部和底部边距不可设置;
3、元素的宽度就是它包含的文字或图片的宽度,不可改变。

8-4 元素分类--内联块状元素

内联块状元素(inline-block就是同时具备内联元素、块状元素的特点,代码display:inline-block
就是将元素设置为内联块状元素。(css2.1新增),<img><input>标签就是这种内联块状标签。
inline-block 元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度、行高以及顶和底边距都可设置。

8-5 盒模型--边框(一)

盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细、样式和颜色(边框三个属性)。
如下面代码为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框:

上面是 border 代码的缩写形式,可以分开写:

注意:
1、border-style(边框样式)常见样式有:
dashed(虚线)| dotted(点线)| solid(实线)。
2、border-color(边框颜色)中的颜色可设置为十六进制颜色,如:

3、border-width(边框宽度)中的宽度也可以设置为:

thin | medium | thick(但不是很常用),最常还是用象素(px)。

8-6 盒模型--边框(二)

现在有一个问题,如果有想为 p 标签单独设置下边框,而其它三边都不设置边框样式怎么办呢?css 样式中允许只为一个方向的边框设置样式:

同样可以使用下面代码实现其它三边(上、右、左)边框的设置:

8-7 盒模型--宽度和高度

盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的,css内定义的宽(width)和高(height),指的是填充以里的内容范围。
因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。

CSS基础知识 第5张

2.jpg

元素的高度也是同理。

比如:

css代码:

html代码:

元素的实际长度为:10px+1px+20px+200px+20px+1px+10px=262px。在chrome浏览器下可查看元素盒模型,如下图:

CSS基础知识 第6张

3.jpg

8-8 盒模型--填充

元素内容与边框之间是可以设置距离的,称之为“填充”。填充也可分为上、右、下、左(顺时针)。如下代码:

顺序一定不要搞混。可以分开写上面代码:

如果上、右、下、左的填充都为10px;可以这么写

如果上下填充一样为10px,左右一样为20px,可以这么写:

8-9 盒模型--边界

元素与其它元素之间的距离可以使用边界(margin)来设置。边界也是可分为上、右、下、左。如下代码:

也可以分开写:

如果上右下左的边界都为10px;可以这么写:

如果上下边界一样为10px,左右一样为20px,可以这么写:

总结一下:padding和margin的区别,padding在边框里,margin在边框外。

9.css布局模型
9-1css布局模型
清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。 CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。在网页中,元素有三种布局模型:1、流动模型(Flow)2、浮动模型 (Float)3、层模型(Layer)

9-2 流动模型(一)
先来说一说流动模型,流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。
流动布局模型具有2个比较典型的特征:
第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div,h1,p)宽度显示为100%。

CSS基础知识 第7张

4.png

9-3 流动模型(二)

第二点,在流动模型下,内联元素都会在所处的包含元素内从左到右水平分布显示。(内联元素可不像块状元素这么霸道独占一行)

9-4 浮动模型
块状元素这么霸道都是独占一行,如果现在我们想让两个块状元素并排显示,怎么办呢?不要着急,设置元素浮动就可以实现这一愿望。

任何元素在默认情况下是不能浮动的,但可以用 CSS 定义为浮动,如 div、p、table、img 等元素都可以被定义为浮动。如下代码可以实现两个 div 元素一行显示。

效果图

CSS基础知识 第8张

5.jpg

当然你也可以同时设置两个元素右浮动也可以实现一行显示。

效果图

CSS基础知识 第9张

6.jpg

两个元素一左一右可以实现一行显示吗?当然可以:

效果图

CSS基础知识 第10张

7.jpg

9-5 什么是层模型?
什么是层布局模型?层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样,每个图层能够精确定位操作,但在网页设计领域,由于网页大小的活动性,层布局没能受到热捧。但是在网页上局部使用层布局还是有其方便之处的。下面我们来学习一下html中的层布局。
如何让html元素在网页中精确定位,就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位(positioning)属性来支持层布局模型。
层模型有三种形式:
1、绝对定位(position: absolute)
2、相对定位(position: relative)
3、固定定位(position: fixed)

9-6 层模型--绝对定位
如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口
如下面代码可以实现div元素相对于浏览器窗口向右移动100px,向下移动50px。

效果如下:

CSS基础知识 第11张

8.jpg

9-7 层模型--相对定位
如果想为元素设置层模型中的相对定位,需要设置position:relative(表示相对定位),它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位置移动,移动的方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留不动。
如下代码实现相对于以前位置向下移动50px,向右移动100px;

效果图:

CSS基础知识 第12张

9.jpg

什么叫做“偏移前的位置保留不动”呢?
大家可以做一个实验,在右侧代码编辑器的19行div标签的后面加入一个span标签,在标并在span标签中写入一些文字。如下代码:

效果图:

CSS基础知识 第13张

10.jpg

从效果图中可以明显的看出,虽然div元素相对于以前的位置产生了偏移,但是div元素以前的位置还是保留着,所以后面的span元素是显示在了div元素以前位置的后面。

9-8 层模型--固定定位

fixed:表示固定定位,与absolute定位类型类似,但它的相对移动的坐标是视图(屏幕内的网页窗口)本身。由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响,这与background-attachment:fixed;属性功能相同。以下代码可以实现相对于浏览器视图向右移动100px,向下移动50px。并且拖动滚动条时位置固定不变。

CSS基础知识 第14张

11.png

9-9 Relative与Absolute组合使用

使用position:absolute
可以实现被设置元素相对于浏览器(body)设置定位以后,大家有没有想过可不可以相对于其它元素进行定位呢?答案是肯定的,当然可以。使用position:relative来帮忙,但是必须遵守下面规范:
1、参照定位的元素必须是相对定位元素的前辈元素:

从上面代码可以看出box1是box2的父元素(父元素当然也是前辈元素了)。

2、参照定位的元素必须加入position:relative;

3、定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位了

这样box2就可以相对于父元素box1定位了(这里注意参照物就可以不是浏览器了,而可以自由设置了)。

10.CSS代码缩写

10-1 盒模型代码简写

还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:

通常有下面三种缩写方法:
1、如果top、right、bottom、left的值相同,如下面代码:

可缩写为:

2、如果top和bottom值相同、left和 right的值相同,如下面代码:

可缩写为:

3、如果left和right的值相同,如下面代码:

可缩写为:

注意:padding、border的缩写方法和margin是一致的。

10-2 颜色值缩写

关于颜色的css样式也是可以缩写的,当你设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半。

例子1:

可以缩写为:

例子2:

可以缩写为:

10-3 字体缩写

网页中的字体css样式代码也有他自己的缩写方式,下面是给网页设置字体的代码:

这么多行的代码其实可以缩写为一句:

注意:

1、使用这一简写方式你至少要指定 font-size 和 font-family 属性,其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。

2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。

一般情况下因为对于中文网站,英文还是比较少的,所以下面缩写代码比较常用:

只是有字号、行间距、中文字体、英文字体设置。

 

文/静默丶(简书作者)
原文链接:http://www.jianshu.com/p/ff608ed0d564#
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

升级WordPress时提示”另一更新正在进行”

Fresher阅读(959)评论(0)

WordPress在升级的过程中,如果你刷新页面或者关闭页面会造成Wordpress升级不成功,下次升级时可能会遇到这样或者那样的问题。例如我前天升级Wordpress 4.5时刷新了页面,再次升级Wordpress时,Wordpress一直提示”另一更新正在进行”。

升级WordPress时提示”另一更新正在进行” 第1张

这是由于在升级Wordpress时,Wordpress会在数据库wp_options表中增加core_updater.lock记录。如中途打断Wordpress升级,这个记录会留在数据库中。当下次升级时,Wordpress检测到此记录的存在就会返回”另一更新正在进行”。可通过以下方法解决:

通过phpmyadmin等工具管理Wordpress数据库,在wp_options表中找到core_updater.lock记录并删除。

升级WordPress时提示”另一更新正在进行” 第2张

如何查看linux vps 的CPU配置,及看懂参数

Fresher阅读(3406)评论(0)

我们购买vps的时候,比较关心的是产品的费用,速度以及商家的服务稳定性。但是很多时候我们都很困惑,为什么差不多的产品,价格却相差这么大,这就需要我们对产品进行对比,看懂不同产品的配置信息了。免得高价购买了配置差的产品。

这次我们先看看CPU,博主就以KVMLA的12刀年付vps为例,简单讲讲如何查看CPU。

1、查看cpu的常见命令

cat /proc/cpuinfo

如何查看linux vps 的CPU配置,及看懂参数 第1张

其中几个主要的参数含义:

processor:逻辑处理器的ID

model name:CPU型号

cpu cores:相同物理封装处理器中的内核数

siblings:相同物理封装处理器中逻辑处理器数

2、查看物理CPU个数

cat /proc/cpuinfo| grep "physical id"| sort| uniq| wc -l

如何查看linux vps 的CPU配置,及看懂参数 第2张

3、查看逻辑CPU个数

cat /proc/cpuinfo |grep "processor"|wc -l

4、查看每个CPU中的核心数

cat /proc/cpuinfo| grep "cpu cores"| uniq

5、查看CPU主频

cat /proc/cpuinfo |grep MHz|uniq

如何查看linux vps 的CPU配置,及看懂参数 第3张

6、每个物理CPU中的逻辑CPU

cat /proc/cpuinfo | grep "siblings"

这里我们需要得到一个公式计算:

A - 总核数 = 物理CPU个数 X 每颗物理CPU的核数

B - 总逻辑CPU数 = 物理CPU个数 X 每颗物理CPU的核数 X 超线程数

这里,苏苏再分享几个我们在VPS中常用的几个命令。

1、查看VPS系统的位数,比如32位还是64位

uname -a

2、查看系统运行时间、用户数

uptime

3、查看当前目录大小

du -sh

这个可以帮助我们查看是否有大的文件。

4、查看操作系统版本

head -n 1 /etc/issue

5、查看磁盘分区

fdisk -l

查看分区情况,看看是否有需要挂载数据盘。

6、查看内存使用情况

free -h

7、查看进程情况

topp

wordpress怎么绑定多个域名

Fresher阅读(1000)评论(0)

使用WordPress的站长应该都清楚,WordPress在安装的时候会默认绑定当前的域名,后续绑定其他的域名但是页面的链接也还是安装时候的域名。那么今天给大家分享一下WordPress绑定多个域名或者取消域名绑定限制的方法。

1. 打开网站根目录下的wp-config.php,在define('WP_DEBUG', false);后面添加下面内容:

这两句的意思就是设置网站域名为当前访问的域名,也就是取消了域名的绑定,如果不需要任意域名都能访问,只是几个域名的话,可以这样:

把指定的域名放在$domain数组里面即可。

注意

如果是https,请修改代码里面的http://为https://;

如果网站安装在二级目录,则将'http://' . $_SERVER['HTTP_HOST']修改为'http://' . $_SERVER['HTTP_HOST'].'/对应目录名'

2. 在完成上面的工作以后,你的网站已经可以实现多域名访问了,但是还是有一个问题,那就是静态资源,在WordPress上传的图片插入文章里面,地址是固定的,修改域名以后,并不会修改图片的域名,所以还需要修改静态文件地址,使用以下代码可以解决:

把这段代码加入上面的代码下面即可。

到这里你的网站已经完美的突破了域名绑定的限制了。

最后博主作为一个SEOer的角度是不推荐大家这样使用的,一个站点多个域名,就会造成搜索引擎内容重复,从而导致搜索引擎索引不定,这里只是为了研究WordPress而已,当然实现多域名或许也有其它效果,有望大家继续发掘咯!

部分wordpress主题图片不居中解决方法

Fresher阅读(1371)评论(0)

  1. 登录WordPress后台“控制面板”-“外观”-“编辑”打开样式表(style.css)
  2. 在样式表末尾加上以下代码:

  3. 点“更新”保存即可。
  4. 前台刷新,查看效果

AMH4.2虚拟主机、FTP所属组变成SSH解决方法

Fresher阅读(1354)评论(0)

小内存的VPS,容易out of memory,这时AMH面板里面的虚拟主机都变空了,FTP也空白了,于是重启VPS。后AMH自动重新创建了所有的虚拟主机和FTP,但所属组均变成了SSH,虽然并不影响使用,但有些面板的按钮变灰了,变成不可用状态,多少有点不方便。

异常状况如下:

AMH4.2虚拟主机、FTP所属组变成SSH解决方法 第1张

AMH4.2虚拟主机、FTP所属组变成SSH解决方法 第2张

修改成默认的所属组:web,方法如下:

1、用root帐号登录phpMyAdmin

2、找到数据库amh,修改其中表amh_host中的type_host字段和amh_ftp中的ftp_type字段值为web即可

SQL语句如下:

AMH4.2虚拟主机、FTP所属组变成SSH解决方法 第3张

谷歌广告联盟申请教程

Fresher阅读(2518)评论(0)

介绍

谷歌广告联盟官方称为 google Adsense ,是世界信誉最好的广告联盟之一,站长可以通过挂google网站联盟的广告获取收益。由于单价高,信誉好,深受网站站长的青睐,下面竞价圈就教你申请google Adsense。

谷歌广告联盟申请教程 第1张

准备工具
1、由于谷歌被封,无法访问,所以需要通过VPN来访问广告联盟的申请页面。
2、需要准备个谷歌的邮箱
3、手机一个,用于验证手机号码
4、谷歌广告联盟网址:http://www.google.cn/adsense/start/

开始

首先注册一个google Adsense 帐号,帐号的信息一定要正确,而且不要写中文,否则可能收不到款。由于google Adsense 界面重新改版,所以我打算重新整理一期。

注册邮箱(不要用QQ邮箱,去注册个谷歌邮箱吧)和密码

谷歌广告联盟申请教程 第2张
第二步,由于之前已经注册过谷歌邮箱了,谷歌帐号通用,所以只要登录下谷歌邮箱就行。
谷歌广告联盟申请教程 第3张

我选择用谷歌帐号登录

谷歌广告联盟申请教程 第4张

第二步,输入你要挂广告的网站,要求网站时间超过半年,有一定的流量

 

谷歌广告联盟申请教程 第5张

第三步,最重要的来了,注意:以下步骤中,填写的姓名、联系方式、地址务必真实

 

谷歌广告联盟申请教程 第6张
谷歌广告联盟申请教程 第7张

第四步,提交申请以后,会要求你进行手机验证,填写好手机号和验证码即可

谷歌广告联盟申请教程 第8张
谷歌广告联盟申请教程 第9张

审核时间
以上信息提交以后,会油谷歌进行审核,一般2-15天就会下来,审核通过会往你的谷歌邮箱里发邮件,注意一下邮件就好了

收款问题

谷歌支付的最低金额是100美金,当你账户有100美金以上后,可以申请支付,谷歌会把支票邮寄给你,这时候你带上身份证和支票去中国银行办理光票托收手续就行(不需要懂很多知识,不懂的直接找客服mm解决)。

还有一种支付方式是西联外汇,可以在账户后台“设置西联外汇”汇款,开通西联帐号后,直接去农行或邮局办理就可以,不会的找客服MM。

申请google adsense帐户注意事项:
谷歌广告联盟申请教程 第10张
谷歌广告联盟申请教程 第11张

禁用 WORDPRESS 4.4+属性srcset和sizes

Fresher阅读(1433)评论(0)

WordPress 4.4开始,将可以根据不同的条件(屏幕大小、可视区大小 和 屏幕分辨率等)为用户显示不同大小的图片

这个是默认开启的功能,当然了,如果你不想要这个效果,你可以添加下面的代码到当前主题的 functions.php 文件即可:

如果你不想编辑文件,可以下载安装 Disable Responsive Images 插件。

禁止wordpress英文引号变成中文引号

Fresher阅读(2391)评论(1)

WordPress英文符号显示成中文符号,如引号等。在WP后台编辑撰写文章时英文引号(半角)标点符号不管是双引号还是单引号,前台网页中显示时转变成了中文编码形式下的全角字符。如何让内容保持原来的英文符号呢?

问题:
无论是标题还是文章内容,所有的英文的三个句号(…)都会被转换为中文的半个省略号(…),而更要命的,双引号转换的无法让我接受,因为英文符号的一对双引号都是一样的(""),而中文的一对双引号则应该是成不对称状的(“”),结果被WordPress自动以转换,所有被英文双引号引起来的部分都会被(“”)这两个奇怪的东西引起来。

解决方法:

修改位于"WordPress安装目录/wp-includes/"目录里面的"formatting.php"文件,在第25行到第43行的这个for循环语句的第一个if条件里,你应该能看到以下4行代码(或者你直接搜索这些代码查找也可以):

// static strings
$curl = str_replace($static_characters, $static_replacements, $curl);
// regular expressions
$curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl);

将这个if条件里面的两个 $curl = 开头的行都注释掉就可以了, 如下:

// static strings
// $curl = str_replace($static_characters, $static_replacements, $curl);
// regular expressions
// $curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl);

保存好后, 重新刷新你的页面, 那些英文标点就不会再被自动转换为中文标点了。

2016年2月19日更新:

4.4.2版本已不适用,可用如下插件

Quotmarks Replacer

铭宇网络建站 专业 快捷

联系我们联系我们

登录

忘记密码 ?