我们常用的免费开源SVG icon图标库 收集整理了一些网络上常用的免费的svg icon图标库，可以直接在自己网站上引用，很是方便。1、Font Awesome网站：https://fontawesome.com/应该是引用最多的图标库了吧，有免费的，也有收费的。2、Google Material Icons网站：http://google.github.io/material-design-icons/Google官方出品。3、iconfont网站：https://www.iconfont.cn/collections/index阿里出品。4、flaticon网站：https://www.flaticon.com/uicons5、feather icons地址：https://github.com/feathericons/feather6、iconoir地址：https://github.com/lucaburgio/iconoir7、ionicons网站：https://ionic.io/ionicons注意ionicons的用法跟上面6个有点不同。

网站加入滚动字幕或公告说明 网站有时候可能会用到滚动字幕，滚滚更健康！CSS:/*滚动字幕*/ @media screen and (max-width: 500px) { body .scroll-notice-animate { animation: 30s wordsLoop linear infinite normal; } } .scroll-notice { background:#0aa7e4; color:#fff; white-space:nowrap; overflow:hidden; } .scroll-notice a { color:#fff; } .scroll-notice-animate { padding-left:20px; animation:35s wordsLoop linear infinite normal; } .scroll-notice-animate:hover { animation-play-state:paused; } @keyframes wordsLoop { 0% { transform:translateX(100%); } 100% { transform:translateX(-100%); } /*滚动字幕*/滚动文本在head，或任意你需要的地方加入如下代码。<div class="scroll-notice"> <div class="scroll-notice-animate">欢迎来到核客互动，有任何问题请联系我!</div> </div>

如何在Linux CentOS 8上安装Node.js和npm Node.js是基于Chrome的JavaScript构建的跨平台JavaScript运行时环境，旨在在服务器端执行JavaScript代码。 使用Node.js，您可以构建可扩展的网络应用程序。npm是Node Package Manager的缩写，它是Node.js的默认软件包管理器，可帮助开发人员共享和重用其代码。 它还指的是世界上最大的软件仓库，用于发布开源Node.js软件包在本文中，我们将引导您完成两种不同的方式，以便在CentOS 8上安装Node.js和npm。选择最适合您的环境的安装选项。从CentOS储存库安装Node.js和npm可以从标准CentOS存储库中安装Node.js和npm。 在撰写本文时，存储库中的Node.js版本为v10.x。安装Node.js列出nodejs软件包的模块通过运行以下命令列出提供nodejs软件包的模块：yum module list nodejs[root@chenyu.me ~]# yum module list nodejsLast metadata expiration check: 0:03:19 ago on Sat 09 Jul 2022 05:40:00 PM CST.CentOS Stream 8 - AppStreamName Stream Profiles Summarynodejs 10 [d] common [d], development, minimal, s2i Javascript runtimenodejs 12 common [d], development, minimal, s2i Javascript runtimenodejs 14 common [d], development, minimal, s2i Javascript runtimenodejs 16 common [d], development, minimal, s2i Javascript runtimeExtra Packages for Enterprise Linux Modular 8 - x86_64Name Stream Profiles Summarynodejs 13 default, development, minimal Javascript runtimenodejs 16-epel default, development, minimal Javascript runtimeHint: [d]efault, [e]nabled, [x]disabled, [i]nstalled安装nodejs软件包要在CentOS系统上安装默认的Node.js软件包，请输入：yum module install nodejs上面的命令还会安装NPM。安装开发配置文件如果您是开发人员，请安装开发配置文件，该配置文件还将安装构建动态可加载模块所需的其他库。yum module install nodejs/development查看Node版本安装完成后，通过键入以下内容进行验证：node --version该命令显示Node.js版本：v10.23.1这是在CentOS 8上安装Node.js和npm的最简单方法，对于大多数用例来说应该足够了。安装开发工具开发工具对于从npm注册表中编译和安装原生加载项是必需的。 通过运行以下命令安装软件包：sudo dnf groupinstall 'Development Tools'卸载Node.js如果出于某些原因要卸载Node.js和npm软件包，请使用以下命令：sudo yum module install nodejs

缤纷多彩色文字广告CSS代码，文字广告代码美化版 缤纷彩色文字广告代码，文字广告代码美化版，给网站添加文字广告教程CSS部分：<style type="text/css"> *{margin: 0;} body{padding: 50px 100px;box-sizing: border-box;} .tp-ad-text1 {width:100%;padding-top:6px;box-sizing:border-box;overflow: hidden;background: rgba(255,255,255,.2);} .tp-ad-text1 a {color:#7fba00;font-size:14px;line-height:38px;text-align:center;border:1px dashed rgba(0,0,0,.2);padding:0 3px;box-sizing:border-box;float:left;width:11.5%;height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0.5% 6px;text-decoration:none;transition:all .6s;} .tp-ad-text1 a:hover {font-weight: bold;color:#fff!important;background:#7fba00;transition: all .6s;} .tp-ad-text1 a:nth-child(2n) {color:#f74e1e;} .tp-ad-text1 a:nth-child(2n):hover {background:#f74e1e;border-color: #f74e1e;} .tp-ad-text1 a:nth-child(3n) {color:#00a4ef;} .tp-ad-text1 a:nth-child(3n):hover {background:#00a4ef;border-color: #00a4ef;} .tp-ad-text1 a:nth-child(4n) {color:#0517c2;} .tp-ad-text1 a:nth-child(4n):hover {background:#0517c2;border-color: #0517c2;} .tp-ad-text1 a:nth-child(5n) {color:#601165;} .tp-ad-text1 a:nth-child(5n):hover {background:#601165;border-color: #601165;} .tp-ad-text1 a:nth-child(6n) {color:#ffb900;} .tp-ad-text1 a:nth-child(6n):hover {background:#ffb900;border-color: #ffb900;} .tp-ad-text1 a:nth-child(7n) {color:#0fc317;} .tp-ad-text1 a:nth-child(7n):hover {background:#0fc317;border-color: #0fc317;} .tp-ad-text1 a:nth-child(8n) {color:#601165;} .tp-ad-text1 a:nth-child(8n):hover {background:#601165;border-color: #601165;} .tp-ad-text1 a:nth-child(9n) {color:#fba78f;} .tp-ad-text1 a:nth-child(9n):hover {background:#fba78f;border-color: #fba78f;} .tp-ad-text1 a:nth-child(10n) {color:#13cf8f;} .tp-ad-text1 a:nth-child(10n):hover {background:#13cf8f;border-color: #13cf8f;} .tp-ad-text1 a:nth-child(11n) {color:#f74e1e;} .tp-ad-text1 a:nth-child(11n):hover {background:#f74e1e;border-color: #f74e1e;} .tp-ad-text1 a:nth-child(12n) {color:#ffb900;} .tp-ad-text1 a:nth-child(12n):hover {background:#ffb900;border-color: #ffb900;} .tp-ad-text1 a:nth-child(13n) {color:#fba78f;} .tp-ad-text1 a:nth-child(13n):hover {background:#fba78f;border-color: #fba78f;} .tp-ad-text1 a:nth-child(14n) {color:#f74e1e;} .tp-ad-text1 a:nth-child(14n):hover {background:#f74e1e;border-color: #f74e1e;} .tp-ad-text1 a:nth-child(15n) {color:#7fba00;} .tp-ad-text1 a:nth-child(15n):hover {background:#7fba00;border-color: #7fba00;} .tp-ad-text1 a:nth-child(16n) {color:#0fc317;} .tp-ad-text1 a:nth-child(16n):hover {background:#0fc317;border-color: #0fc317;} .tp-ad-text1 a:nth-child(17n) {color:#0517c2;} .tp-ad-text1 a:nth-child(17n):hover {background:#0517c2;border-color: #0517c2;} .tp-ad-text1 a:nth-child(18n) {color:#13cf8f;} .tp-ad-text1 a:nth-child(18n):hover {background:#13cf8f;border-color: #13cf8f;} .tp-ad-text1 a:nth-child(19n) {color:#ffb900;} .tp-ad-text1 a:nth-child(19n):hover {background:#ffb900;border-color: #ffb900;} .tp-ad-text1 a:nth-child(20n) {color:#f74e1e;} .tp-ad-text1 a:nth-child(20n):hover {background:#f74e1e;border-color: #f74e1e;} @media screen and (max-width: 1198px){ .tp-ad-text1 a{ width: 24%; } } </style>代码部分：<div class="tp-ad-text1"> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> <a href="http://blog.hackeus.cn/" title="核客互动" target="_blank">核客互动</a> </div>

使用Nginx反向代理绕过网站域名备案详解 下面是详细操作过程：server { listen 80; server_name blog.itxm.cn; #设置成需要绑定的域名 location / { proxy_pass http://xxx.xxx.xxx.xxx; #指向对应的主机，最好是用IP proxy_set_header X-Real-IP $remote_addr; proxy_set_header User-Agent $http_user_agent; }这里的header字段随意配置，反正也没什么用，就是给后端看的。全部删掉就剩下proxy_pass命令也行。然后再打开域名，就能使用了。此方法小编并未测试是否可用，如自己有需求可以测试一下。

HTTPS 要比 HTTP 协议多用多少服务器资源？ HTTP 访问，用户只需要完成 TCP 三次握手，建立 TCP 连接就能够直接发送 HTTP 请求，获取应用层数据。而 HTTPS=HTTP+SSL，也就是说 HTTPS 比 HTTP 多消耗的服务器资源主要就是看 SSL/TLS 消耗了多少服务器资源。增加了 SSL 的握手阶段，必然会带来的是网站延时的增加，一次完整的握手至少增加延时 2 RTT，利用会话缓存从而复用连接，延时也至少 1 RTT*。除数据传输之外，HTTPS 主要是对对称加解密、非对称加解密。 对称加密 常见的有 AES-CBC、DES、3DES、AES-GCM 等，相同的密钥可以用于信息的加密和解密，掌握密钥才能获取信息，能够防止信息窃听，通信方式是 1 对 1；非对称加密即常见的 RSA 算法，还包括 ECC、DH 等算法。对服务器资源消耗最厉害的是 SSL 连接握手阶段的非对称解密。当然，整体来讲，消耗并没有想象的那么大，更可以通过各种方法来优化 HTTPS。CDN 接入： CDN 节点通过和业务服务器维持长连接、会话复用和链路质量优化等可控方法，极大减少接入延时。硬件加速： 采用专用的 SSL 解密卡，能够具有更高的 HTTPS 接入能力且不影响业务程序的。升级成 HTTP2： HTTP2 利用 TLS/SSL 带来的优势，通过修改协议的方法来提升 HTTPS 的性能，提高下载速度等。前面提到的又拍云在 HTTPS 协议的基础上已实现全平台支持 HTTP2。开启 TLS 1.3： 相比 TLS 1.2 ，TLS 1.3 的握手时间会减半。这意味着访问一个移动端网站，使用 TLS 1.3 协议，可能会减少将近 100ms 的时间。另外 TLS 1.3 的开启，也能让网站变得更安全。其实还在纠结 HTTPS 的站长们完全没有必要再纠结下去的，早上 HTTPS 早省心，现在浏览器对 HTTPS 的强制需求是越来越强了，尽快上 HTTPS，尽快开始 HTTPS 的外链建设才是最好的！

Js代码直接显示当年的年份 适合网站页脚做版权 代码如下：<p>© 2018-<script type="text/javascript">document.write(new Date().getFullYear());</script> </p>演示：©2018-2022可以直接复制使用，修改一下开始的年份即可，自动生成到今年的年份。 比如今年 2022 年 所展示的是 2018-2022里面核心的代码就是如下：<script type="text/javascript">document.write(new Date().getFullYear());</script>JavaScript Date(日期)对象中用本地时间表示的年份值