Typecho安全小知识 1、开启评论来源页检查，这样如果来源不是当前网站，则会无法评论，防止利用post请求去刷评论2、评论设置里允许使用的HTML标签和属性 选项里务必不能填写 a 标签和 script标签，经测试，填写这2项标签后，可以直接评论xss执行js脚本例如 a 标签的：<a href="javascript:void(function() {$('body').remove()})()">点击删除整个网页</a>例如 script 标签的<script> window.location.href = 'https://xxx.com' </script>

Joe主题自定义搭配色教程 第一步打开主题外观设置 - 全局设置 - 自定义CSS，填写以下内容：body { --theme: #409eff; }填写完后如下图所示 第二步随便百度一个颜色网站，例如：https://www.5tu.cn/colors/yansebiao.html复制自己喜欢的颜色色彩值，例如珊瑚色：#f8aba6。接着替换掉上面填写的颜色即可，上面的代码就如下所示：body { --theme: #f8aba6; }接着保存，去前台刷新就能看见变化了，这里只是举一个栗子进行说明。到这里纯小白的教程结束，下面的内容是更加强大的全套主题色补充。完整版内容首先打开主题外观设置 - 全局设置 - 自定义CSS，填写以下内容：body { --theme: #409eff; --background: #fff; --main: #303133; --routine: #606266; --minor: #909399; --seat: #c0c4cc; --classA: #dcdfe6; --classB: #e4e7ed; --classC: #ebeef5; --classD: #f2f6fc; --radius-wrap: 8px; --radius-inner: 4px; --text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); --box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); }例如：--theme: #409eff;--theme 这个不能修改，固定的主题调用语法。--theme 冒号后面的是颜色的色彩值，这个色彩值可以用常见的颜色格式。例如 #ff6800、rgba(0,0,0,1) 等等都可以接下来对上面的每个属性做一个描述--theme顾名思义，主题色的意思，用于修改整个网站的主题色彩--background这个介绍不太好描述，用一个图形容下，比如下面这张图，他的背景色就是用的这个属性值（白色），如果想变成透明的话，可以填写 rgba 值，例如：rgba(255,255,255,0.5) 半透明--main这个是文字的颜色，颜色最深的--routine这个是文字的颜色，颜色稍微次于上面那个--minor这个是文字的颜色，颜色稍微次于上面那个--seat这个是文字的颜色，颜色稍微次于上面那个--classA这个主要用于横线、分割线用的颜色，颜色最深的--classB这个主要用于横线、分割线用的颜色，颜色稍微次于上面那个--classC这个主要用于横线、分割线用的颜色，颜色稍微次于上面那个--classD这个主要用于横线、分割线用的颜色，颜色稍微次于上面那个--radius-wrap这个主要用外层包裹的圆角度数的，如果不需要圆角，可以写0，例如--radius-inner这个主要用里层包裹的圆角度数的，如果不需要圆角，可以写0--text-shadow这个是文章标题的字体阴影，这个只在文章详情页用到，改不改区别不大--box-shadow这个是阴影，这个弄得好，网站炫酷的一批，例如拟态等都是通过这个实现的其他上面的设置都是控制主题白昼下的样式，黑夜模式的样式和这个修改方法一致

Typecho自定义后台编辑器功能 上面的增加按钮很简单，append一个li标签就可以实现，主要是在于向文本框中插入内容，以及输入键盘按键也能实现插入对应的功能。使用方法首先在你的主题 functions.php 里增加一个插件函数，这个函数的用途是在编辑文章和编辑页面里面引入自定义JSTypecho_Plugin::factory('admin/write-post.php')->bottom = array('Editor', 'edit'); Typecho_Plugin::factory('admin/write-page.php')->bottom = array('Editor', 'edit'); class Editor { public static function edit() { echo "<script src='" . Helper::options()->themeUrl . '/typecho/editor/joe.extend.js' . "'></script>"; echo "<script src='" . Helper::options()->themeUrl . '/typecho/editor/joe.editor.js' . "'></script>"; } }下面的 joe.extend.js 没压缩也没加密，下面是 joe.extend.js 源码(function ($) { $.fn.extend({ /* 按键盘实现插入内容 */ shortcuts: function () { this.keydown(function (e) { var _this = $(this); e.stopPropagation(); if (e.altKey) { switch (e.keyCode) { case 67: _this.insertContent('[code]' + _this.selectionRange() + '[/code]'); break; } } }); }, /* 插入内容 */ insertContent: function (myValue, t) { var $t = $(this)[0]; if (document.selection) { this.focus(); var sel = document.selection.createRange(); sel.text = myValue; this.focus(); sel.moveStart('character', -l); var wee = sel.text.length; if (arguments.length == 2) { var l = $t.value.length; sel.moveEnd('character', wee + t); t <= 0 ? sel.moveStart('character', wee - 2 * t - myValue.length) : sel.moveStart('character', wee - t - myValue.length); sel.select(); } } else if ($t.selectionStart || $t.selectionStart == '0') { var startPos = $t.selectionStart; var endPos = $t.selectionEnd; var scrollTop = $t.scrollTop; $t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length); this.focus(); $t.selectionStart = startPos + myValue.length; $t.selectionEnd = startPos + myValue.length; $t.scrollTop = scrollTop; if (arguments.length == 2) { $t.setSelectionRange(startPos - t, $t.selectionEnd + t); this.focus(); } } else { this.value += myValue; this.focus(); } }, /* 选择 */ selectionRange: function (start, end) { var str = ''; var thisSrc = this[0]; if (start === undefined) { if (/input|textarea/i.test(thisSrc.tagName) && /firefox/i.test(navigator.userAgent)) str = thisSrc.value.substring(thisSrc.selectionStart, thisSrc.selectionEnd); else if (document.selection) str = document.selection.createRange().text; else str = document.getSelection().toString(); } else { if (!/input|textarea/.test(thisSrc.tagName.toLowerCase())) return false; end === undefined && (end = start); if (thisSrc.setSelectionRange) { thisSrc.setSelectionRange(start, end); this.focus(); } else { var range = thisSrc.createTextRange(); range.move('character', start); range.moveEnd('character', end - start); range.select(); } } if (start === undefined) return str; else return this; } }); })(jQuery);上面的shortcuts方法主要用于实现按下键盘插入内容接着看 joe.edit.js的内容/* 增加自定义功能 */ const items = [ { title: '回复可见', id: 'wmd-hide-button', svg: '<svg t="1612402690962" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15751" width="20" height="20"><path d="M554.666667 438.101333V277.333333h-85.333334v160.768L330.112 357.717333l-42.666667 73.898667L426.666667 512l-139.221334 80.384 42.666667 73.898667L469.333333 585.898667V746.666667h85.333334v-160.768l139.221333 80.384 42.666667-73.898667L597.333333 512l139.221334-80.384-42.666667-73.898667L554.666667 438.101333z" p-id="15752" fill="#9b9b9b"></path></svg>', text: '\n[@hide]这里的内容回复后才能看见[/hide]\n' } ]; items.forEach(_ => { let item = $(`<li class="wmd-button" id="${_.id}" title="${_.title}">${_.svg}</li>`); item.on('click', function () { $('#text').insertContent(_.text); }); $('#wmd-button-row').append(item); });

推荐一个好用代码-高亮JS库 插件官网是 https://prismjs.com/使用很简单，首先去官网下载js文件和css文件然后引入下载的文件<link rel="stylesheet" href="prism.js"> <script src="prism.js"></script>需要注意的是高亮的代码形式需要是这样：<pre><code class="language-css">p { color: red }</code></pre>

Typecho Joe主题的文章内容如何增加目录 概述文章目录功能是通过AutocJs来实现的，具体可以看：https://github.com/yaohaixiao/AutocJS配置步骤首先进入网站后台，点击更换外观，点击全局设置然后在下方找到 自定义增加里内容（非必填），填入下面代码<style type="text/css"> .outline-outside-modal-opened { z-index: 10000 !important; left: 0; width: 300px !important; } </style> <link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/yaohaixiao/autocjs/dist/css/autoc.min.css">3.最后在自定义末尾位置内容（非必填） 中填入下面代码<script src="https://fastly.jsdelivr.net/gh/yaohaixiao/autocjs/dist/autoc.min.js"></script> <script> // 文章导航 if ( $(".joe_detail__article").length > 0 ){ // 创建 Outline 实例 let navigation = new AutocJs({ // 文章正文 DOM 节点的 ID 选择器 article: '.joe_detail__article', // 要收集的标题选择器 selector: 'h1,h2,h3,h4,h5,h6', // 侧边栏导航的标题 title: '文章导读', // 文章导读导航的位置 // outside - 以侧边栏菜单形式显示（默认值） // inside - 在文章正文一开始的地方显示 position: 'outside', // 标题图标链接的 URL 地址 // （默认）没有设置定制，点击链接页面滚动到标题位置 // 设置了链接地址，则不会滚动定位 anchorURL: '', // 链接的显示位置 // front - 在标题最前面（默认值） // back - 在标题后面 anchorAt: 'back', // 是否生成文章导读导航 isGenerateOutline: true, // 是否在文章导读导航中显示段落章节编号 isGenerateOutlineChapterCode: false, // 是否在正文的文章标题中显示段落章节编号 isGenerateHeadingChapterCode: false, // 是否在正文的文章标题中创建锚点 isGenerateHeadingAnchor: false }); } </script>

网易云音乐PC版2.10.4.200380 绿色版 网易云音乐PC版是一款专注于发现与分享的音乐产品,依托音乐人,DJ,好友推荐及社交功能,打造全新音乐生活.网易云音乐最大特色是推荐算法和歌曲评论,正版高质量歌单:外语,电音, 纯音乐,ACG等,深受年轻用户喜爱.最近更新：【播客】首页增加了兴趣电台，更多电台等你解锁优化了播放设备管理能力，蓝牙设备切换更加丝滑升级解码器，适应更多音频内容的播放新增功能：罗马音功能、歌词定位、相似歌曲推荐新增功能：播放歌曲定位、侧边栏加入了最近播放一起听已上线，用电脑也可以和好友一起听歌啦！鲸云音效上新：360°环绕音效，让歌曲旋动起来！特点描述逆向修改实现便携化，数据强制保存到根目录CloudMusic\Netease切断强制升级，无视选项升级开关，禁后续检测升级提示下载安装包删除了多国语言pak包、错误报告程序{cloud title="" type="lz" url="https://qpan.lanzouw.com/idVOa0byotla" password=""/}

下载工具箱APP v2.7.0 VIP版 下载工具箱app是一款支持56种下载协议的安卓万能下载工具,下载工具箱最新版主要提供网络视频解析下载,资源嗅探下载,以及本地视频扫描提取功能,同时提供不常见的视频编辑功能,例如:智能清洗,高帧率/码率等.解锁永久会员（任意注册账户登陆）﹂免广告,解析无限次,智能处理无限{cloud title="" type="lz" url="https://qpan.lanzouw.com/b08bta0ed" password="ghfx"/}

阿里云国际OSS使用CloudFlare免流量 阿里云正式加入Cloudflare带宽联盟，并且源站在阿里云OSS除中国大陆外的指定地区或国家，同时使用的存储类型为同城冗余标准型或本地冗余标准型的客户，可以OSS免流量。https://www.aliyun.com/product/news/detail?spm=5176.20947395.xingqu.1.6bbd2857lLqc4u&id=17749准备工作一个阿里云国际版的账号(已经询问过国内站的客服，只有国际版的阿里云账号才享受这个政策，国内的账号是不行的。)Cloudflare账号一个域名一个需要提前加入到Cloudflare账号中部署过程创建储存桶直接搜索oss → 开通oss → 开通Bucket 按照下图的提示创建储存桶，修改好相关配置之后就可以点击确定创建储存桶了。第二种方法：1.创建存储桶创建OSS存储桶，选择中国以外地区读写权限设为私有设置访问权限获取CloudFlare 节点IP：https://www.cloudflare.com/zh-cn/ips/将ip以逗号为间隔为1行173.245.48.0/20,103.21.244.0/22,103.22.200.0/22,103.31.4.0/22,141.101.64.0/18,108.162.192.0/18,190.93.240.0/20,188.114.96.0/20,197.234.240.0/22,198.41.128.0/17,162.158.0.0/15,104.16.0.0/13,104.24.0.0/14,172.64.0.0/13,131.0.72.0/22 2.域名绑定点击左边列表中的Bucket 列表，然后进入你刚刚创建的储存桶中，点击传输管理 → 域名管理 →绑定网域名称。 这里填入你的域名或者是二级域名都行，添加完成后点击网域名称所有权验证，会让你添加TXT记录，到你的域名解析商处添加好记录点击验证。然后点击域名绑定配置就可以看到你刚刚添加的域名和回源域名，如下图所示 在Cloudflare中添加上解析设置记得开始小云朵，否则是要计算流量的。添加完成后等一段时间就可以了使用了。3.Cloudflare域名规则设置（推荐/可选）正常情况下是不需要添加页面规则的，但是如果不设置每一次访问你的图片都需要回源到阿里会比较的慢，添加页面规则可以直接加快访问。点击规则→创建页面规则填写： 域名/*然后按照下图设置一下规则就行，可以将浏览器缓存TTL和边缘缓存的时间设置长一点 使用体验总的来说使用情况是相当不错的，而且加载的速度也非常的快，基本上所有的流量都被缓存下来了，阿里云上面也基本没有使用什么流量。标准型存储前5G是免费的，流量的话每个月也有5G免费的所以根本不用担心。