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免费的所以根本不用担心。

Typecho Joe主题静态文件本地化 由于默认Joe主题的静态文件是访问fastly.jsdelivr.net，将静态文件全部迁移到本地，可以加快访问速度。 把下载的静态资源复制到主题目录，然后批量修改访问地址即可。隐藏内容，请前往内页查看详情{cloud title="" type="lz" url="https://qpan.lanzouw.com/iVjky0bus7wj" password=""/}

免费的html5悬浮音乐播放器 明月浩空-HTML5浮窗音乐播放器研发于2014年，并持续更新至今是基于QQ、酷我、酷狗、网易云等平台来源的网页音乐播放器同时播放器主体会跟随专辑图片主色值自动变色，歌词跟随MP3播放动态滚动并支持歌单，歌手热门歌曲，自定义歌曲，域名授权等丰富功能和数项自定义个性化设置是一款兼容任何网站的HTML5音乐播放器，并提供配套插件/短代码，安装播放器方便快捷，永久免费 免注册体验：将此段播放器代码插入到网页最底部的标签之前可选参数：0关闭 1开启皮肤更换：skin="player" [player/mini/swhite/cover]手机加载：m="0" [0/1]自动播放：au="0" [0/1]左右位置：lr="r" [l/r]<script src="https://myhkw.cn/api/player/demo" id="myhk" key="demo" skin="player" lr="l" m="1"></script>（非必要）如果提示jQuery问题，请将此段代码插入到网站的之前，或播放器代码之前<script src="https://myhkw.cn/player/js/jquery.min.js" type="text/javascript"></script>{abtn icon="" color="#ff6800" href="https://myhkw.cn/" radius="" content="注册地址"/}