一行CSS代码给网站博客添加灰色默哀色 一行CSS代码给网站博客添加灰色默哀色html{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }1%到100%，可设置灰色深度。 html{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

真正的Typecho非插件实现全站css,js,图片静态资源CDN加速 ！阿里、腾讯、七牛、又拍云等通用！ {callout color="#1488f5"}首先说明一下为什么要整理这么一份全站非插件CDN加速的文章，以七牛云为例子；因为小天最近在找cdn插件的时候，在上传附件时候，网络上基本都只是上传到七牛云而不传本地，并且在插入到文章内容的时候，插入的也是cdn域名，后期这样非常不好；如果我不想用CDN了，难道要把cdn资源下载到本地，然后数据库文章内容里的cdn域名再一个个修改吗，太麻烦了；而且我想要的也不只是文章内容附件CDN，同时也要CSS、JS、文章外的图片等资源全部CDN加速。{/callout}{card-default label="所以总结一下我的需求：" width="100%"}1.文章内容附件和列表页缩略图保存的域名必须是本地域名，而不是cdn域名2.文章附件用本地域名，但也要实现CDN加速。3.文章外图片资源(博客logo、背景图、自定义图片等)CDN加速。4.CSS和JS资源CDN加速。5.要方便从CDN切换到本地。{/card-default}{message type="info" content="文章内容附件和列表页缩略图保存的域名必须是本地域名，而不是cdn域名"/}1和2需求，其实只需要几行代码或者一个简单的插件就能实现。这里小天是选择了插件，方便后台切换，只需要安装一个七牛云CDN链接替换插件即可，原理就是动态替换文章附件和列表缩略图的域名。{message type="error" content="注意：这里理论上在七牛云配置镜像回源后，当访问本地资源时会自动镜像到七牛云，但是小天的不行，具体原因还不知道。目前的解决办法是：在文章上传附件(一般就是图片)时，手动镜像传一份到七牛云，现在网页上传或者用第三方工具都很方便，所以这不是问题。"/}{message type="info" content="实现CSS和JS资源CDN加速"/}1.操作之前，需要先把主题模板、插件等css、js等静态资源镜像传到七牛云。2.打开Typecho主目录下的config.inc.php，在首行<?php 添加以下代码：/* 定义cdn目录 */ define('__TYPECHO_CDN_DIR__', '你的cdn绑定域名/');3.打开varWidgetOptions.php，大概152~174行，找到以下代码： /** * 获取模板路径 * * @access protected * @return string */ protected function ___themeUrl() { return defined('__TYPECHO_THEME_URL__') ? __TYPECHO_THEME_URL__ : Typecho_Common::url(__TYPECHO_THEME_DIR__ . '/' . $this->theme,__TYPECHO_CDN_DIR__); } /** * 获取插件路径 * * @access protected * @return string */ protected function ___pluginUrl() { return defined('__TYPECHO_PLUGIN_URL__') ? __TYPECHO_PLUGIN_URL__ : Typecho_Common::url(__TYPECHO_PLUGIN_DIR__,__TYPECHO_CDN_DIR__); }替换成下面：修改模板路径和插件路径 /** * 获取模板路径 * * @access protected * @return string */ protected function ___themeUrl() { return defined('__TYPECHO_THEME_URL__') ? __TYPECHO_THEME_URL__ : Typecho_Common::url(__TYPECHO_THEME_DIR__ . '/' . $this->theme,__TYPECHO_CDN_DIR__); } /** * 获取插件路径 * * @access protected * @return string */ protected function ___pluginUrl() { return defined('__TYPECHO_PLUGIN_URL__') ? __TYPECHO_PLUGIN_URL__ : Typecho_Common::url(__TYPECHO_PLUGIN_DIR__,__TYPECHO_CDN_DIR__); }到现在为止，实现了文章附件、列表缩略图和CSS、JS资源CDN加速【想要切换到本地时候，只需要关闭插件和把config.inc.php里定义的CDN目录，替换成本地域名即可】{message type="info" content="实现文章外图片资源(博客logo、背景图、自定义图片等)CDN加速"/}小天实现的方式是在根目录新建static文件夹，里面存放所有的这些自定义图片，然后把文件夹镜像传到七牛云，最后在不同的主题设置logo、背景图等路径时，填写CDN域名即可，切换时改回本地域名就可以了。{message type="error" content="需要注意的地方：1.自定义图片因为不常改，所以基本上传一遍到七牛云，就不会再修改了。2.文章插入附件时，要记得也要镜像上传一遍到七牛云，路径是usr/uploads/2021/12/3.主题模板、插件等css、js等静态资源镜像传到七牛云,这些资源基本也是传一遍不怎么修改的。"/}{callout color="#f0ad4e"}你可以F12->Sources查看小天的博客资源，本地静态资源已全部放到CDN上；操作完上面的步骤，全站静态资源基本都实现了CDN加速；以上只是小天根据自己的理解整理的，希望可以帮到你们，如果你们有更好的方式方法，我也希望可以去学习学习 ::(呵呵) {/callout}

一行CSS代码给网站文本文字添加颜色动态变化 {message type="success" content="一行CSS代码给网站文本文字添加颜色动态变化"/}一行CSS代码给网站文本文字添加颜色动态变化 .word-color-change{animation:change 10s infinite; }@keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}.word{animation:change 10s infinite; }@keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}代码中.word为html标签class值，或ID值，color后面是十六进制颜色码，不知道什么颜色适合你，可以从下面网站参考： https://www.bootcss.com/p/websafecolors/