将CSS3动画视为CSS过渡的更复杂的姐妹,动画在几个关键方面与变换不同:动画不会优雅地降级,如果浏览器不支持,则用户运气不佳,另一种方法是使用JavaScript。动画可以重复,并无限重复,过渡总是有限的。动画使用关键帧,可以创建更复杂和细微差别的效果。可以在播放周期的中间暂停动画。所有主流浏览器的最新版本都支持CSS3动画。Firefox15及更早版本需要一个-moz-前缀; 以后的版本没有。InternetExplorer版本10和11也支持没有前缀的动画,所有版本的MicrosoftEdge也是如此。我们可以通过几种方式检查CSS动画支持,首先种是通过测试CSSKeyframeRule作为window对象的方法的存在:consthasAnimations='CSSKeyframeRule'inwindow;如果浏览器支持@supports规则和CSS.supports()API,我们可以使用它:consthasAnimations=CSS.supports('animation-duration:2s');与过渡一样,我们只能为插值等设置动画,例如颜色值,长度和百分比。创建你的首先个动画我们第一要使用@keyframes规则定义动画,该@keyframes规则有两个目的:设置动画的名称对我们的关键帧规则进行分组让我们创建一个名为的动画pulse:@keyframespulse{}我们的关键帧将在此块中定义。在动画中,关键帧是动作发生变化的点。特殊是使用CSS3动画,关键帧规则用于设置动画周期中特定点的属性值。插入关键帧规则中值之间的值。动画至少需要两个关键帧:一个from关键帧,它是我们动画的起始状态,一个to帧,它是它的结束状态。在每个单独的关键帧块中,我们可以定义要设置动画的属性:@keyframespulse{ from{ transform:scale(0.5); opacity:.8; } to{ transform:scale(1); opacity:1; }}此代码将我们的对象从其大小的一半扩展到其完整大小,并将不透明度从80%更改为100%。但是,该keyframes规则仅定义了动画。它本身并不会使元素挪动,我们需要应用它。让我们定义一个pulse类,我们可以用它将这个动画添加到任何元素:.pulse{ animation:pulse500ms;}在这里,我们使用了animation速记属性来设置动画名称和连续时间。为了播放动画,我们需要@keyframes规则的名称(在这种情况下pulse)和连续时间,其他属性是可选的。属性的顺序animation类似于transition,可以解析的首先个值变为的值animation-duration。第二个值成为的值animation-delay,不是CSS范畴的关键字或动画属性关键字值的单词被假定为@keyframe规则集名称。与此同时transition,animation也接受动画列表。动画列表是以逗号分隔的值列表。例如,我们可以将脉冲动画分成两个规则– pulse和fade:@keyframespulse{ from{ transform:scale(0.5); } to{ transform:scale(1); }}@keyframesfade{ from{ opacity:.5; } to{ opacity:1; }}然后我们可以将它们组合为单个动画的一部分:.pulse-and-fade{ animation:pulse500ms,fade500ms;}动画属性虽然使用animation属性较短,但有时较长的属性更清楚。下面列出了手绘动画属性:animation-delay和animation-duration性能的功能类似transition-delay和transition-duration。两者都接受时间单位作为值,以秒(s)或毫秒(ms)为单位。负时间值有效animation-delay,但不是animation-duration。让我们.pulse使用longhand属性重写我们的规则集。这样做给了我们以下内容:.pulse{ animation-name:pulse; animation-duration:500ms;}该animation-name物业相当简陋。它的值可以是规则none的名称@keyframes。动画名称几乎没有限制。CSS的关键字,例如initial,inherit, default,和none被制止的。大多数标点字符都不起作用,而字母,下划线,数字和神情符号(以及其他Unicode)字符通常会起作用。为了清楚和可维护性,最好为动画提供描述性名称,并避免使用CSS属性或神情符号作为名称。循环或不循环:animation-iteration-count属性如果你跟随自己的代码,你会发现这个动画只发生一次。我们渴望我们的动画重复。为此,我们需要animation-iteration-count。animation-iteration-count属性接受大多数数值,整数和十进制数是有效值。但是,对于十进制数字,动画将在最后一个动画周期的中途停止,并以to状态结束,负值animation-iteration-count被视为相同1。要使动画无限期运行,请使用infinite关键字。动画将播放无限次。当然,infinite实际上意味着在卸载文档之前,浏览器窗口关闭,动画样式被删除或设备关闭。让我们的动画无限:.pulse{ animation-name:pulse; animation-duration:500ms; animation-iteration-count:infinite;}或者,使用animation速记属性:.pulse{ animation:pulse500msinfinite;}播放动画:animation-direction属性但是,我们的动画仍旧存在问题。它不像重复我们的放大动画那么多脉冲。我们想要的是这个元素可以向上和向下扩展。输入animation-direction。animation-direction属性接受四个值之一:normal:初始值,按指定播放动画reverse:翻转from和to说明并反向播放动画alternate:反向播放偶数编号的动画循环alternate-reverse:反向播放奇数动画周期继续我们当前的例子,reverse将我们的对象缩小0.5倍。使用alternate会将我们的对象缩放为奇数循环,向下缩放为偶数。相反,使用alternate-reverse会将我们的对象缩小为奇数循环,向上缩放为偶数循环。由于这是我们想要的效果,我们将我们的animation-direction属性设置为 alternate-reverse:.pulse{ animation-name:pulse; animation-duration:500ms; animation-iteration-count:infinite; animation-direction:alternate-reverse;}或者,使用速记属性:.pulse{ animation:pulse500msinfinitealternate-reverse;}使用百分比关键帧我们之前的例子是一个简陋的脉冲动画。我们可以使用百分比关键帧创建更复杂的动画序列。而不是使用from和to,百分比关键帧表示动画过程中的特定变化点。下面是一个使用名为的动画的示例wiggle:@keyframeswiggle{ 25%{ transform:scale(.5)skewX(-5deg)rotate(-5deg); } 50%{ transform:skewY(5deg)rotate(5deg); } 75%{ transform:skewX(-5deg)rotate(-5deg)scale(1.5); } 100%{ transform:scale(1.5); } }我们在这里使用了25%的增量,但这些关键帧可能是5%,10%或33.2%。在播放动画时,浏览器将在每个状态之间插值。与前面的示例一样,我们可以将其分配给抉择器:/*Ouranimationwillplayonce*/ .wiggle{ animation-name:wiggle; animation-duration:500ms;}或使用animation速记属性:.wiggle{ animation:wiggle500ms;}这里只有一个问题。当我们的动画结束时,它会回到原始的动画前状态。要防止这种情况,请使用animation-fill-mode属性。animation-fill-mode动画在开始之前或停止播放之后对属性没有影响。但正如您在wiggle示例中看到的那样,一旦动画结束,它将恢复到动画前的状态。有了animation-fill-mode,我们可以在动画开始和结束之前填写这些状态。该animation-fill-mode属性接受四个值之一:none:动画在没有执行时没有效果forwards:当动画结束时,结束状态的属性值仍将适用backwards:动画延迟期间将应用首先个关键帧的属性值both:对两者的影响forwards和backwards适用由于我们渴望我们的动画元素维持其最终的放大状态,我们将继续使用animation-fill-mode:forwards。(animation-fill-mode:both也会有效。)animation-fill-mode:backwards当animation-delay属性设置为500ms或更高时,效果最明显 。当animation-fill-mode设置backwards为时,将应用首先个关键帧的属性值,但在延迟过去之前不会执行动画。暂停动画如上所述,动画可以暂停。转换可以在中途反转,也可以通过切换类名来完全停止。另一方面,动画可以在播放周期的中途暂停使用animation-play-state。它有两个定义的值– running和paused-它的初始值是running。让我们看一个使用animation-play-state播放或暂停动画的简陋示例。第一,我们的CSS:.wobble{ animation:wobble3sease-ininfiniteforwardsalternate; animation-play-state:paused;} .running{ animation-play-state:running;}这里,我们有两个声明块:wobble它定义了一个摆动动画,并running设置了一个播放状态。作为我们animation声明的一部分,我们设定了一个animation-play-state值paused。要运行我们的动画,我们将把running类添加到元素中。让我们假设我们的标记包含一个运行动画按钮,其中id包含trigger:consttrigger=document.querySelector('#trigger');constmoveIt=document.querySelector('.wobble');trigger.addEventListener('click',function(){ moveIt.classList.toggle('running');});添加.running到我们的元素会覆盖animation-play-state设置的值.wobble,并使动画播放。动画开始,结束或重复时检测像过渡一样,动画在结束时会触发事件:animationend。与过渡不同,动画在开始重复时也会触发animationstart和animationiteration发生事件。与转换一样,您可以使用这些事件在页面上触发另一个操作。也许您可以使用animationstart上下文显示“ 停止动画”按钮,或animationend显示“ 重播”按钮。我们可以使用JavaScript监听这些事件。下面,我们正在听取这个animationend事件:constanimate=document.getElementById('animate');animate.addEventListener('animationend',function(eventObject){ //Dosomething});这里,事件处理函数也接收一个事件对象作为其唯一参数。为了确定哪个动画结束,我们可以查询animationName事件对象的属性。关于性能的注意事项某些属性比其他属性创建性能更好的过渡和动画。如果动画更新了触发重排或重新绘制的属性,则在手机和平板电脑等低功耗设备上可能会表现不佳。触发重排的属性是影响布局的属性。其中包括以下可动画属性:border-width(和border-*-width属性)border(和border-*属性)bottomfont-sizefont-weightheightleftline-heightmargin(和margin-*属性)min-heightmin-widthmax-heightmax-widthpadding(和padding-*属性)righttopvertical-alignwidth在对这些属性进行动画处理时,浏览器必须重新运算受影响(通常是相邻)元素的大小和位置。尽可能使用变换。转换或翻译动画变换(例如,transform:translate(100px,200px))可以代替top,left,right,和bottom特性。在某些情况下,height和width动画可以用替代scale改造。有时,触发回流(或布局更新)是不可避免的。在这些情况下,尽量减少受影响的元素数量并使用技巧(例如负延迟)来缩短感知的动画持续时间。触发重绘的属性通常是导致颜色更改的属性。这些包括:backgroundbackground-imagebackground-positionbackground-repeatbackground-sizeborder-radiusborder-stylebox-shadowcoloroutlineoutline-coloroutline-styleoutline-width对这些属性的更改比运算布局的更便宜,但它们仍旧有成本。对运算进行更改box-shadow并且border-radius运算起来特殊昂贵,尤其是对于低功耗设备。设置动画这些属性时要小心。相关文章推举CSS教程:CSSO调试和优化 在成为CSS大师的道路上,您需要知道如何消除故障并优化CSS。您如何诊断和修复渲染问题?您如何确保您的CSS不[…]...内联,外部和内部CSS样式之间的区别 有三种方法可以为网站添加CSS样式:可以使用内部CSS并在<head>HTML文档部分包含CSS规[…]...TypeScript简介:Web的静态类型 TypeScript是使用JavaScript创建更好体验的众多尝试之一。TypeScript究竟是什么?[…]...使用Nginx配置负载均衡的方法 负载均衡是扩展应用程序并提高其性能和冗余的绝佳方法,Nginx是一种流行的Web服务器软件,可以配置为简陋且功[…]...APPIUM–用于测试的自动化工具 Appium最初由DanCueller开发,用于利用AppleiOS的UI自动化框架对本机挪动应用程序运行[…]...CSS3动画使用教程
有些日历仍然是纸质的,但在线日历变得越来越普遍。为此,通常需要安装一些插件或者代码来实现。幸运的是,Google日历拥有更高效的时间治理功能,这就是我爱慕它的原因!并非所有的日历工具都是平等的,并且其中许多都具有您可能使用或不使用的功能。例如,医生或律师渴望有一个实时更新的日历,患者和客户可以抉择查看可用的时间并进行预订。另一方面,本地棒球队可能只需要一个与Google日历同步的解决方案,其中日期和时间不是交互式的,它提供了更多的只读情况。由于日历对于保持工作效率以及按时参加会议和约会非常重要,因此我们渴望找出最适合您个人需求的日历插件。免费和常用的Google日历都是在线日程安顿工具的黄金标准。事实上,有许多WordPress日历插件都支持Google日历。但是如果你不想要日历或预订插件的所有奇怪功能呢?如果您只想显示Google日历的完整副本并将其与您的个人或企业帐户同步,请按以下步骤操作。第1步:打开您的Google日历找到您要在网站上显示的日历,您的所有日历都位于屏幕的左侧。抉择三点图标以显示选项列表。单击名为“设置”的对话框。第2步:确保日历是公开的私人日历不会显示在您网站上的任何人身上。因此,请滚动到“访问权限”部分,以确保选中“公开可用”框。您还可以更改公众可以看到的内容:仅查看忙/闲(隐蔽详细信息)查看所有活动详情第3步:获取嵌入代码在同一“设置”页面上,进一步向下滚动到“集成日历”部分。您将看到一个可以复制的嵌入代码。还有一些工具可以在复制之前自定义代码。第4步:嵌入并显示Google日历复制嵌入代码后,打开WordPress外表板。转到帖子>添加新(或小部件或页面–您想要显示日历的任何位置)。打开文本编辑器(而不是Visual)然后粘贴嵌入代码。预览或发布后,您应该会在网站的前端看到几乎完全相同的Google日历副本。相关文章推举Kotlin如何改变App开发范式 谷歌在GoogleI/O2017上宣布支持Android中的Kotlin,但是Kotlin应该是20年[…]...腾讯帝国发展简史 在过去的30年里,中国已成为世界上增长最快,最具创新性的市场之一。此外,随着互联网的发展,中国的一系列互联网公[…]...【网络基础见识入门】网络是如何运作的? 网络介绍对于我们中的许多人来说,互联网和网络浏览已成为日常活动。无论是检查股票价格,购买食物,做工作,玩游戏[…]...降低成本的方法和优势 降低成本可以理解为公司生产的产品和服务在不损害其质量和适用性的情况下,借助于新的和改进的方法,使单位成本长期下[…]...如何高效学习?更高效的学习战略 新的研究表明,间隔学习模式是最佳的高效学习方式。1913年,艾宾浩斯(HermannEbbinghaus)[…]...Google日历安装教程
由于Apache是免费的,因此它是最受欢迎的Web服务器之一,它还具有一些功能使其可用于许多不同类型的网站。那么,什么是Apache?简而言之,它是一个服务器,用于从个人网页到企业级网站的所有内容。它是多功能的,因为它很受欢迎。通过本文的概述,您将能够了解如何在Linux系统上安装Apache。然而,在你开始之前,你至少应该确保Linux能正常工作,包括能够更改目录,使用tar和gunzip以及使用make编译,您还应该有权访问服务器运算机上的root帐户。步骤一:下载Apache最好下载最新的Apache版本,获取Apache的最佳位置来自ApacheHTTPServer下载站点,下载适合您系统的源文件,某些操作系统的二进制版本也可从该站点获得。解压缩Apache文件下载文件后,您需要解压缩它们:gunzip-dhttpd-2_0_NN.tar.gztarxvfhttpd-2_0_NN.tar这将在当前目录下创建一个包含源文件的新目录。步骤二:为Apache配置服务器一旦有了可用的文件,您需要通过配置源文件来指示您的运算机在哪里找到所有内容,最简陋的方法是接受所有默认值,然后输入:./configure当然,大多数人不想只接受提供给他们的默认抉择,最重要的抉择是prefix=prefix这指定了将安装Apache文件的目录,您还可以设置特定的环境变量和模块。您可能渴望安装的某些模块包括:mod_alias–映射URL树的不同部分mod_include–解析服务器端包含mod_mime–将文件扩展名与其MIME类型相关联mod_rewrite–动态重写URLmod_ssl–允许使用SSL进行强加密mod_userdir–答应系统用户拥有自己的网页目录请记住,这些不是您可能在给定系统上安装的所有模块,特定项目将取决于您安装的内容,但上面的列表是一个很好的起点。步骤三:构建Apache与任何源安装一样,您将需要构建安装:makemakeinstall步骤四:自定义Apache假设您的安装和构建没有问题,您就可以自定义Apache配置了。编辑httpd.conf文件,此文件位于prefix/conf我们通常用文本编辑器编辑它。viprefix/conf/httpd.conf注意:您需要root才干编辑此文件。按照此文件中的说明以您渴望的方式编辑配置,Apache网站上提供了更多帮助,您可以随时转向该站点以获取其他信息和资源。步骤五:测试Apache服务器在同一台运算机上打开Web浏览器并键入http://localhost/在地址栏中,您应该看到类似于上面部分屏幕截图中的页面,因为这意味着您的服务器安装正确。开始编辑/上传页面到新安装的ApacheWeb服务器服务器启动并运行后,您可以开始发布页面。建立您的网站,玩得开心!相关文章推举如何在CentOS7上创建Apache虚拟主机? 如果想要在服务器上托管多个域,则需要在web服务器上创建相应的主机,以便服务器知道应该为传入的请求提供哪些内容[…]...NGINX是什么,以及它是如何工作的 NGINX,发音类似于“engine-ex”,是一个开源Web服务器,自从它最初作为Web服务器成功以来,现在[…]...SFTP怎么用?linux使用SFTP的方法 FTP是在运算机之间传输文件和数据的标准方法,但在今天这个安全意识非常强的环境中,FTP变得越来越过时。FT[…]...HTTPS:优点,缺点和分步指南 今天,互联网上的购买与信赖有关。无论您销售什么以及以何种价格出售,如果访客不信赖您的网站,销售额就不会增长,对[…]...内容治理系统(CMS)是什么意思? 内容治理系统(通常缩写为CMS)是帮助用户在网站上创建,治理和修改内容而无需专业技术见识的软件。在更简陋的语[…]...Linux安装Apache教程
百度分享代码的安装使用及作用 最近有朋友问到关于百度分享的问题,其中就包含了两个方面:一是不知道百度分享代码怎么安装使用,二是不知道百度分享代码有什么作用。鉴于很多朋友对百度分享代码了解不多,本文笔者就简陋的跟大家解说下。一、百度分享代码怎么安装使用事实上百度分享代码的安装是很简陋的,在百度搜索资源平台就能轻易找到这段代码,大家也可以直接打开http://share.baidu.com/code这个链接,这是获取百度分享代码的页面。大家注意下,百度分享是可以具体设置的,比如说有页面分享功能、图片分享功能以及划词分享功能,大家可以具体抉择。另外在右侧可以看到效果预览,大家在抉择好以后,直接点击“直接复制代码”按钮,既可以复制百度分享代码。复制百度分享代码以后,应该怎么去安装使用呢?也是很简陋的,直接把代码粘贴到页面模板里面即可,比说我们想要放在文章结尾的地方,那么就把百度分享代码粘贴到这里。二、百度分享代码有什么作用关于百度分享代码的作用,笔者认为主要体现在两个方面:1、有利于提升用户体验,我们都知道百度分享是可以直接分享到微信、QQ以及其他很多的地方。如果用户觉得某个页面的内容很不错,想要分享的话,那么就可以通过这段百度分享代码,轻松的分享给设计朋友圈,所以这对于用户体验来说是有帮助的。2、有利于搜索引擎优化,从正常的逻辑来说,如果用户去点击分享案例进行分析,那就表明用户高度认可页面内容,既然用户对页面认可度这么高,那就是表明页面内容确乎是高质量的,是能够解决用户需求的。对于这样的页面,百度没有理由不给予优待,所以百度分享代码的安装能够给百度搜索提供参考数据,如果我们能针对百度分享做些运营方面的优化,那么对于页面的权重提升就会有帮助,从而提高关键词排名。关于百度分享代码,本文具体给大家介绍了百度分享代码的安装使用,以及从两个方面介绍了百度分享代码的作用。总起来说,百度分享的安装使用是很简陋的,只要大家稍微知道些html代码就能做好。对于百度分享代码的作用,相信主要体现在用户体验和SEO优化上,大家可以去深度理解下。 --
FTP是在运算机之间传输文件和数据的标准方法,但在今天这个安全意识非常强的环境中,FTP变得越来越过时。FTP是在数据安全不是一个大问题的时代设计的,FTP通过网络在不同的机器之间传输未加密的数据。任何能够在系统上执行包捕捉的人都可以轻松地读取用户名和密码等有价值的信息,FTP中的这种安全漏洞导致了SSH文件传输协议(SFTP)的呈现。SFTP是一种通过SSH通道传输数据的方法,是SSH的一个子系统。这对VPS用户特殊有用,它是唯一的文件传输协议,在数据传输过程的任何时刻都可以防止攻击,使其成为首选协议。FTP有两个不同的通道来交换数据,命令通道和数据通道。相反,SFTP只有一个加密通道,其中数据以加密的格式化数据包交换。Linux如何使用SFTP?使用SFTP连接到远程服务器通过Linux发行版上的SFTP连接到远程服务器的语法如下:sftpuser@ip-address或domain.com如果想通过SFTP连接到IP31.220.57.32的LinuxVPS服务器,将使用以下命令:sftluser@31.220.57.32执行此命令后,将成功连接到远程服务器。使用SFTP将文件从远程服务器传输到本地运算机使用get命令将文件从远程服务器传输到本地运算机,get命令的基本语法如下:get/remote-directory/file.txt要将/etc/xinetd.conf文件从远程服务器(31.220.57.32)复制到本地计算机,可以使用以下命令:get/etc/xinetd.conf下载之后,可以在本地机器的/user/home目录中找到xinetd.conf文件。要下载多个文件,请使用mget命令,如果要下下载/etc目录中扩展名为.conf的所有文件,请使用以下命令。mget/etc/*.conf下载之后,可以在本地机器的/user/home目录中找到所有*.conf文件。使用SFTP将文件从本地运算机传输到远程服务器要将文件从本地运算机(已连接的SFTP)复制到远程服务器,请使用get命令,get命令的语法如下:getfile.txt/RemoteDirectory下面是如何将example.txt文件从本地机器传输到远程机器的示例:mput/home/edward/*.txt/root在这里,我们将在目标机器的(远程服务器的)根目录中找到该文件。还可以尝试使用mput命令传输多个文件,它的工作原理几乎与mget相同,如下:mput/home/edward/*.txt/root该命令将/home/edward目录中扩展名为.txt的所有文件从本地机器传输到远程机器的/根目录。请记住,要下载和上传文件,需要输入put或get命令并按TAB键。sftp>控制台中运行的命令与普通Linux命令非常相似。总结ls、cd、pwd和mkdir的工作方式与它们在Linuxshell上的工作方式相似,可以使用lls和lpwd列出本地机器的文件和本地机器的工作目录,而ls和pwd用于查看文件和远程服务器的工作目录。相关文章推举HTTP500内部服务器错误修复方法 http500内部服务器错误似乎总是呈现在最不合时宜的时间,你骤然想知道如何让你的WordPress网站重新上[…]...Linux安装Apache教程 由于Apache是免费的,因此它是最受欢迎的Web服务器之一,它还具有一些功能使其可用于许多不同类型的网站[…]...虚拟服务器(VPS)的优点 如今,每个人都为自己的小型企业甚至是个人运营着一个网站,网站托管是制作网站时的一个重要因素。网络托管是一项服务[…]...phpStudy本地搭建wordpress教程 博客上线之初因胡乱修改网站版面,导致网站整体崩溃恢复无效后只能删库重建,吃一堑长一智我还是老老实实本地搭建网站[…]...如何使用phpMyAdmin从备份中恢复MySQL数据库?phpMyAdmin是一个数据库程序,用于通过web接口远程操作数据库。在基本级别,它答应完全治理数据库表(创[…]...SFTP怎么用?linux使用SFTP的方法
最近手上的很多客户都越来越重视挪动端的流量,一是因为很多客户在监测流量时发现挪动端的流量涨势很迅猛,二是客户的很多竞争对手都在挪动站发力,所以客户都理所当然的相信挪动端必将成为将来流量和转化的突破点,当然百度也看出了这一点,所以百度退出了SiteApp来迎合站长们的需求! 那么SiteApp到底如何开通和有哪些主要注意的呢?今天就为大家分享一下: 第一站长们需要开通百度站长权限(具体过程很简陋,大家注册百度账号然后申请验证就可以了),打开百度站长后台以后,在左侧导航条的下方就可以看到有一个选项卡,名字就是SiteApp。 进入以后,首先步点击免费创建,呈现以下窗口 注意事项: 1.建议提交顶级域名,那样顶级域下面的子域会自动生成挪动站; 2.如果需要特别的子站点创建挪动站,只需要提交子域名就可以; 第二步:定制效果 1.设置好挪动站点的名称; 2.上传挪动站点LOGO图片; 3.抉择好挪动站的模板; 4.设置挪动站的导航; 第三步:验证权限 有以上两种验证方式,一是下载验证文件上传到PC站的根目录下验证,二是html标签验证,通过在PC站点的首页添加一段代码来实现验证; 以上就是我分享的SiteApp的申请流程,渴望能帮到广大的站长朋友。
在本WordPress教程中,您将找到创建WordPress网站所需的所有内容,WordPress在2003年5月27日首次亮现,这个软件的创始人是MattMullenweg和MikeLittle,WordPress是一种基于PHP和MySQL编程语言的在线开源网站构建工具。在更高级的术语中,它被称为内容治理系统(CMS)。WordPress刚推出时只有几个用户,但随着时间的推移,它已经发展成为世界上最大、最受欢迎的CMS。今天,WordPress为超过7500万个网站提供服务。2016年4月的一项研究显示,在1000万个排名较好的网站中,超过26%的网站使用了wordpress内容治理系统。为什么WordPress如此受欢迎?在了解WordPress拥有大量用户之后,你可能会想,为什么它会如此受欢迎?一般的观点是WordPress是一个简陋的博客工具,由于WordPress是一个开源项目,它答应任何人根据自己的喜好改进和编辑代码。它还提供了数以千计的免费插件、主题、小部件和其他工具。所有这些功能都答应您创建任何类型的网站,从简陋的博客、个人网站或作品集开始,包括电子商店、见识库或求职公告板。另一个因素是WordPress是完全免费的,并且支持所有使用PHP和MySQL的托管平台。最重要的是,该CMS不断更新新版本,提高安全性,包括新功能和提高整体性能。最后,WordPress拥有一个巨大的社区,在整个互联网上都有专门的论坛。可用的数据量和数以千计的WordPress教程也使WordPress成为最容易使用的内容治理系统之一。什么是CMS?内容治理系统简称CMS,是一种能够创建、修改和发布数字内容的应用程序。在大多数情况下,它还支持多个用户,答应他们协作工作。例如,在WordPress中可以创建多个治理用户,每个用户都有不同的特权。内容治理系统还包括文本和格式化功能,能够上传视频、照片、音频、地图甚至代码。wordpress安装教程步骤1–安装WordPress所需配置PHP5.2.4或更高版本MySQL版本5.0.15或更高,或MariaDB的任何版本安装流程1.在wordpress官网下载wordpress安装包,将其解压,并将解压后文件夹下的所有文件进行压缩打包。(linux使用.zip格式,windows使用.rar格式)2.将压缩包上传至服务器所属网站根目录下,虚拟主机可以通过FTP客户端进行上传,ECS可以通过远程链接服务器,FTP,宝塔面板进行上传,上传后将压缩包解压至根目录下。3.在浏览器搜索栏中输入域名,回车进入安装页面,抉择中文并根据提示输入信息即可完成安装(如果是初次建站,可以通过阿里云购买虚拟主机或ECS,国内服务器需要备案,香港及国外服务器无需备案,相关教程可在网上查找)。步骤2–WordPress外表安装完成后,要做的首先件事是登录WordPress治理员外表板。通常,WordPress博客的前端有一个登录页面的链接。然而,有些主题没有这个链接。在这种情况下,最简陋的登录WordPress的方法是在网站地址的末尾添加wp-admin。登录之后,您将看到administrator外表板,主要包括3个主要部分:1.页面顶部的工具栏,它包含到最常用的治理功能和资源的链接。例如,如果将鼠标悬停在站点的名称上,将获得一个指向站点公共视图的链接。它还显示简陋的通知,如更新和新评论计数。2.左边的主导航菜单,它包含指向WordPress所有治理屏幕的链接。如果您将鼠标悬停在菜单项上,将显示带有附加项的子菜单。3.首先次登录WordPress治理面板时,您将看到一个欢迎模块,其中包含一些链接,可以帮助您入门。一旦熟悉了外表板,请按下cancel按钮以隐蔽此模块。步骤3–发布内容要创建一个新的WordPress文章,请打开所有文章下面的写文章部分,或者从顶部工具栏中抉择新建->文章选项,文章的具体功能可自行查看。步骤4–安装WordPress插件WordPress插件的主要目的是为了扩展WordPress的功能,只要安装并激活一个插件,就可以在WordPress网站上添加新功能,而不需要编写任何代码。有成千上万的免费和付费插件是为不同的目的而构建的。步骤5–安装WordPress主题WordPress站点的外观可以通过应用主题来改变,WordPress有免费和高级的主题。其中一些是通用的,可以在任何网站上使用。其他的是为非常特定的目的而构建的,例如,电子商务主题。WordPress使主题安装简陋,安装WordPress主题只需要几分钟。点击外观>主题>添加>上传主题即可,或者在服务器wp-content/themes文件夹下上传主体包并在后台启用即可。步骤6–备份WordPress对任何网站来说,生成备份都是一项至关重要的任务。它不仅会提高网站安全性,而且还可以提供一种可靠的方法来恢复站点,以防呈现意外的错误或问题。您可以手动执行备份或使用自动化,手动过程包括下载WordPress站点的文件和MySQL数据库。然而,如果你发布了很多新帖子,修改了很多内容,或者管理了几个不同的网站,那么每次手动下载所有内容都可能会非常麻烦。此外,现在大多数主机提供商都提供自动备份服务,如阿里云的OSS。在这个WordPress教程中,我们了解了这个CMS的历史、结构和WordPress主机的类型。简要介绍了外表板、post、插件和主题治理两种安装方法。相关文章推举个性化WordPress登录页面以增添网站安全性 我曾经写过一些关于遵守WP安全实践的重要性,比如维持主题和插件的更新,抉择一个稳固的服务器等等。但是在这篇文[…]...Wix迁移WordPress完整指南 由于Wix漂亮的模板和直观的界面,用户可以非常快速和轻松0地创建网站。尽管如此,随着时间的推移和业务的增长,其[…]...WordPress是否适合搜索引擎优化? 自从2003年首次发布以来,WordPress就注定了要走很长的路,不是吗?从最初的一种简陋的博客工具直到现在[…]...wordpress是什么? WordPress是一个内容治理系统(CMS),用于创建和治理网站。使用WordPress,可以轻松编辑和发布[…]...wordpress教程:快速了解模板文件的含义 模板文件在整个WordPress主题中使用,但第一让我们了解术语。 模板术语 使用WordPress主题时[…]...wordpress安装教程
欢迎你来到逆冬黑帽SEO博客。今天给大家分享一篇关于快速提高网站权重文章。可能好多朋友认为百度权重(仅指爱站权重)没什么作用,意义并不大。这里给大家讲一下。 但是大家有一点可能忘记了,增添百度权重(不是刷权重方式)可以增添一个网站信任度,由点到面,由N个关键词来改变网站整体信赖度,从而达到一些目标。就好像说,在武侠小说中,你没有内功,就是给你降龙十人掌也没什么用。如果你内功深厚,一掌就打死人! 举个例子来讲:比如你拿一个新站,去做泛目录,刚开始做的时候,可能不收录,即使收录之后,排名也相对比较差,换种方式:你拿一个爱站权重4的网站去做泛目录,收录快不说,关键词只要收录,基本秒排百度首页,这就是有权重和没有权重的差别! 换种思路可以讲:做一些权重词,然后将网站整体权重变高。然后用高权重网站去做我们目标词。下面开始分享说明: 材料: 1、域名6年老米,之前做过DY行业,现拿来做权重站 2、程序Z-blogMIP加速模板个人认为MIP现在在收录方面相对其他模板较好。 3、辅助熊掌号增添收录神器,提交必收 4、权重词想知道如何挖权重词的朋友,可以加博主微信或Q。无私为大家讲解。 做法: 1、域名VPS绑定没问题,直接Z-blog套模板,上站,并做简陋配置。 2、从权重词库抉择关键词,用文章页或TAG页做权重词排名。 3、关键词秒首页达标未秒首页配置快排工具助其上首页 总结:爱站权重是由在前10名关键词数与关键词百度指数决定。词越多、单个词难度越大,爱站权重越高! 结果: 时间:2天 词库(前10名):28+ 如图所示:关键词完美权重1、依照此速度,1--2个月内网站权重直达权4(爱站),网站信赖度将大幅度提高! 本案例由朋少黑帽SEO培训独家制作,如有雷同、纯属抄袭!想学黑帽SEO的朋友或是想培训黑帽SEO团队请直接Q我或M我!谢谢!
Linux做为免费的开源代码已经被互联网这个领域完全接受了,Linux以其功能强盛,安全性高,性能稳固已经被普遍用于服务器端操作系统,但其最大的弱点就是入门难度高,由于它的工作方式与我们所精通的Windows系统完全不同,这就使得大部分人无法走入Linux系统。然而,在今后的互联网领域,Linux的用户数量一定会慢慢增多,所以要想在互联网领域发展,对Linux系统要有一定的了解,这样才不会被这个时代所淘汰。第一要明确一下Linux系统与Windows系统是不一样的,在操作Linux系统时一定要将Windows系统的思想全部忘掉,不要想以控制Windows的操作方式来控制Linux,这样可就大错而特错了。关于机器配置:Linux设计之初衷就是用较低的系统配置提供高效率的系统服务!因此安装Linux并没有严格的系统配置要求,只要Pentium以上的CPU、64MB以上的内存、1GB左右的硬盘空间即可正常安装基本的Linux系统并能运行一些系统服务。要顺畅地运行Linux的图形界面,建议内存要在128MB以上,如果用光盘方式安装的话,还要先将BIOS中的启动顺序变成光驱为首先启动项。其它硬件支持上:Linux目前支持几乎所有的处理器(CPU)。另外要提一下,如果你手头的Linux版本较早的话,可能只支持很少的显卡、声卡类型,而比较新的版本,如的UbuntuLinux10.04,就不需担心这些了。关于安装方式:UbuntuLinux10.04有不同的安装方式,包括硬盘方式、光盘方式、U盘方式,但推举使用光盘方式,毕竟安装Linux系统主要还是在服务器上面嘛。安装之前要先到Ubuntu官网(http://www.ubuntu.com/)下载ISO文件,之后刻成光盘,这个步骤就省略了。下面就开始安装啦~~~~~~(1) 把光盘放入光驱中重新启动电脑,让光盘引导来安装UbuntuLinux系统。(2) 抉择系统安装的语言之后点击”安装Ubuntu10.04”。(3) 抉择你所在的时区,点击前进(F)。(4) 抉择本机的键盘设置,一般不用改,默认即可,点击前进(F)。(5) 你可以抉择“清空并使用整个硬盘”。注:这个选项是将整个硬盘做为一个分区,如果是新手,只是为了测试使用的话,可以使用此选项,但不建议服务器使用此选项。建议抉择“手动指定分区(高级)”。使用这个选项可以设置分区大小、分区文件系统及挂载点等,对于整个linux系统来说,分区文件系统为ext4,至少要有两个分区目录,一个/分区,就是根分区,一个swap分区就是交换分。这里介绍一下Linux下的分区类型:Ⅰ./叫做根分区,是所有目录的开始,而ubuntu中的分区也是作为一个目录挂载到/目录或者其他目录下面的。Ⅱ.swap交换分区就是存放系统内存交换文件的,作用和windows的页面交换文件相似。swap有系统直接使用,用户无法使用。Ⅲ./bin就是系统可执行文件夹,相当于windows的windows文件夹和programfiles文件夹。Ⅳ./usr就是附加的软件的安装文件夹,相当于windows的programfiles文件夹。Ⅴ./home就是存放用户数据和应用程序设置的文件夹,一般一个用户在/home下建立一个文件夹。相当于windows下的documentsandsettings文件夹。Ⅵ./etc存放系统配置文件。相当于windows的注册表。Ⅶ./tmp存放暂时文件的。推举:一个/分区,一个/home分区,一个swap分区(至少为内存大小)(6) 输入用户名和密码等细节信息(7) 检查一下安装设置,如果确认无误点击“安装”按钮进行安装。(8) 等待安装……此时可沏杯茶等待安装完成(9) 重启之后感受Ubuntu的情趣。Linux安装与配置-刷百度相关搜索
Google创建了Kubernetes,以帮助开发人员更好地跨集群治理其容器化应用程序。尽管测试版于2014年发布,但Kubernetes的首先个稳固版本于2018年9月推出,以下将介绍这个流行的新工具的基本架构和用途。集群治理的必要性今天的互联网用户不能容忍停机时间,因此开发人员不得不在不中断服务的情况下找到执行维护和更新的方法。容器或包含应用程序运行所需的所有内容的隔离环境使开发人员可以轻松地动态编辑和部署应用程序。因此,容器化已成为打包,部署和更新分布式Web应用程序的首选方法。当然,跨多台运算机治理此类应用程序可能会很快变得复杂,这就是谷歌开始开发一个开源系统的原因,该系统可以简化跨多个主机的容器化应用程序的“部署,扩展和操作”。Kubernetes答应开发人员创建和治理物理和虚拟机的“集群”,以便通过共享网络协调合作。Kubernetes的优势Kubernetes减轻了在大规模生产环境中手动治理容器的负担,如果设置正确,Kubernetes可以通过自动化基础架构资源治理为开发人员节约时间和金钱。例如,当实例失败时,Kubernetes会自动重新创建,最终结果是更顺畅的用户体验和更少的应用停机时间,使用Kubernetes带来了学习曲线。Kubernetes集群Kubernetes集群是一个能够相互通信的容器网络,您可以拥有一个仅在一台运算机上运行的小型集群,或者您可以创建跨多台运算机运行的大型集群。集群中的运算机分配了特定角色,Kubernetes集群通常包括:主服务器主服务器是主要机器,负责促进集群的不同组件之间的通信,主服务器使用所谓的声明性计划,使用可用的基础架构最有效地运行应用程序。节点Kubernetes集群中的其他运算机充当在本地和外部资源的帮助下执行工作负载的节点,节点通过称为kubelet的代理与主节点通信,每个节点的配置数据存储在称为etcd的分布式键值存储中。一个容器运行时每个节点必须具有容器运行时(例如Docker)来处理来自主服务器的指令,Docker的工作当然是创建和治理容器。网络容器需要网络和IP地址以促进通信,Web开发人员可以抉择几个Kubernetes网络。KubernetesAPI最终用户可以通过主API与集群交互,开发人员使用名为kubectl的命令行工具控制其容器化应用程序。这些组件一起工作以确保应用程序的所需状态与群集的状态匹配。对象和工作量Kubernetes对象模型提供了原语,答应开发人员定义工作负载,促进扩展和与对象交互,这些是您将要处理的主要对象类型和工作负载:Pods容器本身包含在称为pods的对象中,Pod由一个或多个容器组成,这些容器协同工作并在同一节点上共享生命周期。例如,pod可以包含运行应用程序服务器的主容器和负责在检测到外部存储库更改时检索文件的帮助程序容器。Kubernetes集群将每个pod作为一个单元进行治理。复制控制器和集通过定义pod模板和创建副本以分配工作负载,复制控制器和复制集可以实现水平扩展。部署部署是开发人员直接治理pod的生命周期的高级对象,它们描述了应用程序的所需状态。部署修改后,Kubernetes会自动调整所有副本集,从而可以在不影响应用程序可用性的情况下执行更新。服务Pod只能在其Kubernetes集群中访问,因此要使您的应用程序可用于外部单词,pod必须作为服务公开。Kubernetes服务将相关的pod组合在一起,并将它们作为单个实体出现给最终用户。Kubernetes入门在开始使用Kubernetes创建集群之前,必须先下载并安装几个东西,出于本教程的目的,我们需要:Minikube,一个轻量级的发行版,可让您在本地运行Kubernetes集群像VirtualBox这样的虚拟化软件Kubectl,Kubernetes的命令行客户端像Docker这样的容器运行时创建群集我们将使用Minikube创建一个小型虚拟机,并使用一个节点部署一个集群。1.安装VirtualBox下载VirtualBox并按照操作系统的安装说明进行操作,或者,您可以使用KVM2或您爱慕的任何治理程序。2安装KubectlKubectl是开发人员与集群交互的方式,您可以在Kubernetes网站上下载kubectl并查找安装说明。3.安装Docker请下载并安装适用于Windows的Docker或适用于Mac的Docker,Linux用户可以查阅Docker文档以查找其分发的安装说明。4.安装Minikube有关设置适用于Windows,Mac或Linux 的Minikube所需的一切,请参阅Minikube文档。5.运行Minikube完成所有设置后,创建群集只需要一个步骤,从命令行输入:minikubestart现在,要确认您的集群正在运行,请输入:kubectlgetnodes如果操作正确,您应该会看到有关群集的一些信息,例如其状态和版本号。配置Kubectl如果您按照上述步骤安装了Minikube,那么kubectl应该自动配置自己以访问您创建的集群,您可以使用以下命令进行确认:kubectlcluster-info~/.kube/config文件定义了kubectl可以访问的哪些API端点和集群,确定哪个集群kubectl与之交互称为“settingthecontext.”。要查看所有可用上下文,请使用以下命令:kubectlconfiguse-contextminikube您可以使用KUBECONFIG变量更改上下文,如果一切都配置正确,您应该能够使用以下命令在浏览器中打开Kubernetes外表板:minikubedashboardKubernetes外表板Kubernetes外表板会告诉您需要了解的有关群集的所有信息,要确定外表板是否已启动并运行,请输入以下命令:kubectlgetpods-nkube-system寻找以kubernetes-dashboard,开头的条目,在您可以查看外表板之前,必须运行以下命令来代理API:kubectlproxy现在,KubernetesAPI将在http://localhost:8001,要在浏览器中打开信息中心,请访问以下网址:http://localhost:8001/api/v1/namespaces/kube-system/services/https:kubernetes-dashboard:/proxy/创建服务如前所述,pod最初只能通过集群中的内部IP地址访问,为了使您的容器可以在Kubernetes之外访问,必须将容器作为服务公开。Kubernetes服务基本上是一个内部负载平稳器,要公开pod,请使用以下kubectl命令:kubectlexposedeploymenthello-node–type=LoadBalancer–type=LoadBalancer标志让Kubernetes知道您渴望向公众公开该服务,只需替换hello-node应用程序容器的名称即可,您可以使用以下命令查看新创建的服务:kubectlgetservices如果您的云提供商支持负载均衡器,则可能会为您提供外部IP地址来访问该服务。如果您使用的是Minikube,则–type=LoadBalancer标志可通过minikube服务命令访问您的服务。结论考虑到该工具的复杂性和实用性,很难相信Kubernetes是一个开源工具。不要被看似复杂的架构和令人困惑的拼写所吓倒,如果您正在跨多台机器开展大型项目,Kubernetes可以让您的工作更轻松。相关文章推举OAuth2.0:掩护客户端凭据的节点API 掩护服务器客户凭据可能很棘手,OAuth2.0是将用户身份验证卸载到其他服务的绝佳方法,但如果没有用户进行身[…]...内联,外部和内部CSS样式之间的区别 有三种方法可以为网站添加CSS样式:可以使用内部CSS并在<head>HTML文档部分包含CSS规[…]...Flutter–适用于Android和iOS的全新开源挪动应用程序框架 Flutter是一款挪动应用程序SDK,用于为Android和iOS构建高性能,高保真度的原生Android和[…]...APPIUM–用于测试的自动化工具 Appium最初由DanCueller开发,用于利用AppleiOS的UI自动化框架对本机挪动应用程序运行[…]...谈天机器人开发框架 Chatbot也被称为IMBot,人工会话实体,谈话机器人和谈天机器人。它是一个自动化软件程序,通过音频谈天[…]...Kubernetes教程,基础见识入门