首页
微语
统计
友链
留言
memos
圈子
图床
推荐
相册
网站监控
VPS监控
Search
1
实现typecho微信时光机功能的图文教程
45,235 阅读
2
为Typecho添加webp解析
43,191 阅读
3
emlog数据成功迁移到typecho
26,742 阅读
4
Memos备忘录,记录瞬间想法
25,724 阅读
5
Jasmine - 简约、美观的博客主题
24,395 阅读
手机达人
免费资源
电脑网络
娱乐休闲
网站建设
威言威语
Typecho
Emlog
WordPress
服务器
主题
插件
排行榜    
登录
/
注册
Search
标签搜索
wordpress
发布
插件
免费
教程
typecho
EMlog
PHP
代码
CSS
华为
图片
代码修改
安装
评论
手机
诺基亚
微信
文章
智能
Chen'mo
累计撰写
1,266
篇文章
累计收到
374
条评论
首页
栏目
手机达人
免费资源
电脑网络
娱乐休闲
网站建设
威言威语
Typecho
Emlog
WordPress
服务器
主题
插件
页面
微语
统计
友链
留言
memos
推荐
相册
网站监控
VPS监控
搜索到
5
篇与
的结果
2022-11-01
Typedown – 免费轻量级 Markdown 编辑器
自从 Typora 发布收费版本以后,对于 Markdown 轻度使用用户来说,寻找一款免费开源的 Markdown 工具就显得更加有必要,今天老俍就介绍一款有望替代 Typora 的免费轻量级 Markdown 编辑器 Typedown。Typedown 是一款 Windows 下的轻量级 Markdown 编辑器,所见即所得,拥有打字机模式、专注模式,支持 LaTeX、代码高亮等功能。低 CPU 与内存占用,反应迅速,任何电脑都可流畅运行。主要功能边栏:文件/大纲源码模式专注模式打字机模式图片:本地、链接流程图绘制LaTeX 公式代码高亮自动保存自动补全深色模式Typedown下载地址:Microsoft Store https://apps.microsoft.com/store/detail/typedown-%E8%BD%BB%E9%87%8F%E7%BA%A7-markdown-%E7%BC%96%E8%BE%91%E5%99%A8/9P8TCW4H2HB4
2022年11月01日
11,412 阅读
0 评论
0 点赞
2021-02-08
Typecho自定义后台编辑器功能
首先看下效果图上面的增加按钮很简单,append一个li标签就可以实现,主要是在于向文本框中插入内容,以及输入键盘按键也能实现插入对应的功能。在网上百度了一番,都是互相抄袭,而且也不封装一下,有bug都没人解决,很无奈自己折腾了一个使用方法首先在主题 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); });
2021年02月08日
3,423 阅读
0 评论
4 点赞
2017-10-06
Linux系统vi(vim)编辑器命令使用教程简单介绍
vi(vim)是上Linux非常常用的代码编辑器,很多Linux发行版都默认安装了vi(vim)。vi(vim)命令繁多但是如果使用灵活之后将会大大提高效率。vi是“visual interface”的缩写,vim是vi IMproved(增强版的vi)。在一般的系统管理维护中vi就够用,如果想使用代码加亮的话可以使用vim基本上vi可以分为三种状态,分别是命令模式(command mode)、插入模式(Insert mode)和底行模式(last line mode),各模式的功能区分如下:1) 命令模式(command mode)控制屏幕光标的移动,字符、字或行的删除,移动复制某区段及进入插入模式、底行模式下。2) 插入模式(Insert mode)只有在插入模式下,才可以做文字输入,按ESC键可回到命令模式。3) 底行模式(last line mode)将文件保存或退出vi,也可以设置编辑环境,如寻找字符串、列出行号。不过一般我们在使用时把vi简化成两个模式,就是将底行模式也算入命令模式。一、打开文件、保存、关闭文件(vi命令模式下使用)vi filename //打开filename文件:w //保存文件:w yusi123.com //保存至yusi123.com文件:q //退出编辑器,如果文件已修改请使用下面的命令:q! //退出编辑器,且不保存:wq //退出编辑器,且保存文件二、插入文本或行(vi命令模式下使用,执行下面命令后将进入插入模式,按ESC键可退出插入模式)a //在当前光标位置的右边添加文本i //在当前光标位置的左边添加文本A //在当前行的末尾位置添加文本I //在当前行的开始处添加文本(非空字符的行首)O //在当前行的上面新建一行o //在当前行的下面新建一行R //替换(覆盖)当前光标位置及后面的若干文本J //合并光标所在行及下一行为一行(依然在命令模式)三、移动光标(vi命令模式下使用) vi可以直接用键盘上的光标来上下左右移动,但正规的vi是用小写英文字母 h 、 j 、 k 、 l ,分别控制光标左、下、上、右移一格。按 Ctrl+b :屏幕往后移动一页。按 Ctrl+f :屏幕往前移动一页。按 Ctrl+u :屏幕往后移动半页。按 Ctrl+d :屏幕往前移动半页。按数字 0 :移到当前行的开头。按 G :移动到文章的最后。按 $ :移动到光标所在行的行尾。按 ^ :移动到光标所在行的行首。按 w :光标跳到下个字的开头。按 e :光标跳到下个字的字尾。按 b :光标回到上个字的开头。按 #l :光标往后移的第#个位置,如:5l,56l .四、删除、恢复字符或行(vi命令模式下使用)x :每按一次,删除光标所在位置的后面一个字符。#x :删除光标所在位置的后面#个字符,例如, 6x 表示删除光标所在位置的后面6个字符。X :每按一次,删除光标所在位置的前面一个字符。#X :删除光标所在位置的前面#个字符,例如, 20X 表示删除光标所在位置的前面20个字符。dd :删除光标所在行。#dd :从光标所在行开始删除#行。五、搜索(vi命令模式下使用)/yusi123 //向光标下搜索yusi123字符串?yusi123 //向光标上搜索yusi123字符串n //向下搜索前一个搜素动作N //向上搜索前一个搜索动作六、跳至指定行(vi命令模式下使用)n+ //向下跳n行n- //向上跳n行nG //跳到行号为n的行G //跳至文件的底部七、设置行号(vi命令模式下使用):set nu //显示行号:set nonu //取消显示行号八、复制、粘贴(vi命令模式下使用)yy //将当前行复制到缓存区,也可以用 “ayy 复制,”a 为缓冲区,a也可以替换为a到z的任意字母,可以完成多个复制任务。nyy //将当前行向下n行复制到缓冲区,也可以用 “anyy 复制,”a 为缓冲区,a也可以替换为a到z的任意字母,可以完成多个复制任务。yw //复制从光标开始到词尾的字符。nyw //复制从光标开始的n个单词。y^ //复制从光标到行首的内容。y$ //复制从光标到行尾的内容。p //粘贴剪切板里的内容在光标后,如果使用了前面的自定义缓冲区,建议使用”ap 进行粘贴。P //粘贴剪切板里的内容在光标前,如果使用了前面的自定义缓冲区,建议使用”aP 进行粘贴。九、替换(vi命令模式下使用):s/old/new //用new替换行中首次出现的old:s/old/new/g //用new替换行中所有的old:n,m s/old/new/g //用new替换从n到m行里所有的old:%s/old/new/g //用new替换当前文件里所有的old十、编辑其他文件:e otherfilename //编辑文件名为otherfilename的文件。十一、修改文件格式:set fileformat=unix //将文件修改为unix格式,如win下面的文本文件在linux下会出现^M。注意:如果不知道自己处在什么模式时可以按2次Esc键即可回到命令模式,会有最后提醒一点:注意大小写!!!
2017年10月06日
6,395 阅读
0 评论
0 点赞
2014-01-01
全能代码编辑器:Notepad++ 6.5.3下载
2014新年第一天,全能代码编辑器Notepad++迎来了最新版6.5.3,新增支持将高级滚动设置为可选,增强了排序行功能,如果几行被选中,只有选定的行能进行排序,修复多个bug等功能更新。Notepad++是一款免费的源代码编辑器,并且可以替代系统自带的记事本的功能,同时也支持几类计算机语言。编辑器可以运行在微软的windows系统环境下,它的使用是受GPL许可证保护的。基于强大的编辑组件Scintilla,Notepad++也是使用C++代码开发而成,并且使用了win32的api接口和STL标准模板库,因此确保软件有更高效的执行效率和更小的程序体积。在不失用户体验度的同时,也可以尽可能允许用户自定义多项的程序设置。Notepad++ 6.5.3更新日志:• 支持将高级滚动设置为可选• 增强了排序行功能,如果几行被选中,只有选定的行能进行排序• 在Ascii插入面板中新增十六进制值列• 增强性能• 修复多个bugNotepad++ 6.5.3官方下载:安装版:7.2 MBhttp://download.tuxfamily.org/notepadplus/6.5.3/npp.6.5.3.Installer.exe绿色版:4.3 MBhttp://download.tuxfamily.org/notepadplus/6.5.3/npp.6.5.3.bin.7z支持Windows XP、Vista、Win7、Win8、Win8.1等平台,支持简体中文。
2014年01月01日
4,571 阅读
0 评论
0 点赞
2013-12-11
全能代码编辑器:Notepad++ 6.5.2 下载
全能代码编辑器Notepad++迎来了最新版6.5.2,新增排序线功能、修复了通用风格无法完全加载的bug等功能更新。Notepad++是一款免费的源代码编辑器,并且可以替代系统自带的记事本的功能,同时也支持几类计算机语言。编辑器可以运行在微软的windows系统环境下,它的使用是受GPL许可证保护的。基于强大的编辑组件Scintilla,Notepad++也是使用C++代码开发而成,并且使用了win32的api接口和STL标准模板库,因此确保软件有更高效的执行效率和更小的程序体积。在不失用户体验度的同时,也可以尽可能允许用户自定义多项的程序设置。Notepad++ 6.5.2更新日记:• 新增排序线功能• 内置的命令工作新增2个外部命令• 修复了通用风格无法完全加载的bug• 提升了对php和js的功能解析• 为软件面板新增6项功能• 修复软件崩溃问题Notepad++ 6.5.2界面:Notepad++ 6.5.2官方下载:Notepad++ 6.5.2安装版:7.2 MB http://download.tuxfamily.org/notepadplus/6.5.2/npp.6.5.2.Installer.exe
2013年12月11日
4,739 阅读
0 评论
0 点赞