标签 typecho 下的文章 - 6v6-博客网

登录 / 注册

找到 3 篇与 typecho 相关的结果

2025-02-03
Typecho 编辑器插件大搜罗：HTML、Markdown 互转与全能编辑 Typecho 编辑器插件大搜罗：HTML、Markdown 互转与全能编辑在使用 Typecho 搭建博客时，一个好的编辑器插件可以极大地提升写作体验。无论是需要支持 HTML 编辑，还是希望使用 Markdown 语法，甚至两者互转，Typecho 都有丰富的插件可供选择。今天，就让我们一起探索这些强大的编辑器插件，找到最适合你的那一款。一、WindsCkEditor：功能强大的 HTML 编辑器 1. 功能特点功能丰富：集成了最新的 CkEditor 4.21 版本，支持代码插入、图片和附件上传，满足各种复杂的编辑需求。高度可定制：支持自定义工具栏和在线配置，可以根据个人喜好调整编辑器的功能和布局。扩展性强：可以通过插件扩展支持 Markdown 编辑，实现 HTML 和 Markdown 的无缝切换。 2. 安装方法下载插件：从 WindsCkEditor 官方页面下载最新版本。上传插件：将下载的插件文件夹重命名为 WindsCkEditor，并上传到 Typecho 的 usr/plugins/ 目录下。激活插件：登录 Typecho 后台，进入插件管理页面，启用 WindsCkEditor 插件。配置插件：根据需要修改 WindsCkEditor/ckeditor/config.js 文件，自定义工具栏和配置。二、XEditor：基于 Vditor 的 Markdown 编辑器 1. 功能特点所见即所得：支持实时预览、即时渲染和分屏预览模式，让写作更加直观。短代码支持：支持自定义按钮和短代码渲染，方便插入复杂的格式和内容。 Markdown 编辑：专注于 Markdown 语法，但可以通过插件扩展支持 HTML 编辑。 2. 安装方法下载插件：从 XEditor 官方页面下载最新版本。上传插件：解压后将文件夹重命名为 XEditor，并上传到 Typecho 的 usr/plugins/ 目录下。激活插件：登录 Typecho 后台，进入插件管理页面，启用 XEditor 插件。自定义工具栏：根据需要修改 assets/js/toolbar.js 文件，自定义工具栏功能。三、EditorMD for Typecho：Markdown 编辑器的全能选手 1. 功能特点实时预览：支持实时预览、代码折叠、Emoji 表情等，让写作更加流畅。扩展语法：支持 ToC（Table of Contents）、Github Task lists 等 Markdown 扩展语法。简洁配置：提供简洁明了的配置界面，方便快速上手。 2. 安装方法下载插件：从 EditorMD for Typecho 官方页面下载最新版本。上传插件：解压后将文件夹重命名为 EditorMD，并上传到 Typecho 的 usr/plugins/ 目录下。激活插件：登录 Typecho 后台，进入插件管理页面，启用 EditorMD 插件。更新设置：根据需要更新插件设置，调整编辑器功能。四、HTML2TEXT：HTML 转 Markdown 的神器 1. 功能特点 HTML 转 Markdown：将 HTML 代码转换为 Markdown 格式，适合需要将旧文章从 HTML 转换为 Markdown 的用户。完整元数据导出：支持完整的元数据导出，确保文章信息完整。 2. 安装方法下载插件：从 HTML2TEXT 官方页面下载最新版本。上传插件：将下载的插件文件夹上传到 Typecho 的 usr/plugins/ 目录下。激活插件：登录 Typecho 后台，进入插件管理页面，启用 HTML2TEXT 插件。五、Typecho-Markdown：专注于 Markdown 的解析插件 1. 功能特点严格遵循规范：支持 CommonMark 和 GFM（GitHub-Flavored Markdown）规范，确保 Markdown 的正确解析。额外元素支持：提供额外的 Markdown 元素支持，满足更多写作需求。简洁配置界面：提供简洁明了的配置界面，方便快速上手。 2. 安装方法克隆项目：使用 Git 克隆项目源码： bash复制 git clone https://github.com/mrgeneralgoo/typecho-markdown.git 安装依赖：进入项目根目录，运行 Composer 安装依赖： bash复制 cd typecho-markdown composer install 上传插件：将 MarkdownParse 文件夹上传到 Typecho 的 usr/plugins/ 目录下。激活插件：登录 Typecho 后台，进入插件管理页面，启用 Typecho-Markdown 插件。六、总结根据你的需求，如果你需要一个支持 HTML 和 Markdown 互转的编辑器，可以尝试 WindsCkEditor 或 EditorMD for Typecho。如果你主要需要 Markdown 编辑功能，XEditor 和 Typecho-Markdown 是不错的选择。如果你需要将旧文章从 HTML 转换为 Markdown，可以使用 HTML2TEXT 插件。这些插件各有特点，可以根据你的具体需求选择最适合的编辑器。希望这些信息能帮助你找到理想的写作工具，提升你的博客写作体验。如果你还有其他问题，欢迎随时提问！

工具网站开发 # 免费 # 插件 # typecho

教主 2天前
0 314 0
2025-02-01
如何在 Typecho 中编辑器输入#标签实现自动填充标签如何在 Typecho 中实现 Joe 编辑器标签自动填充在 Typecho 的文章编辑过程中，如果你使用 Joe 编辑器，可能会希望输入#标签后能自动提取并填充到文章的标签输入框中，以提高工作效率。接下来，我们将详细介绍如何通过开发一个 Typecho 插件来实现这一功能。一、功能实现原理这个功能的实现依赖于 JavaScript 来监听 Joe 编辑器中的输入事件，通过正则表达式提取出#开头的标签，然后将这些标签填充到 Typecho 文章编辑页面的标签输入框中。同时，我们使用 Typecho 的插件机制，将相关的 JavaScript 代码注入到文章编辑页面中。二、准备工作了解 HTML 结构通过浏览器的开发者工具（如 Chrome 的 F12），确定 Joe 编辑器的文本输入框和 Typecho 标签输入框的 HTML 元素。例如，Joe 编辑器文本输入框的 class 为 cm - editor cm - focused ͼ1 ͼ2 ͼ4，Typecho 标签输入框的 id 为 token - input - tags。熟悉 JavaScript 和 Typecho 插件开发基础需要了解基本的 JavaScript DOM 操作和事件监听知识，以及 Typecho 插件开发的基本规范和流程。三、插件代码编写（一）创建插件文件在 Typecho 的 usr/plugins 目录下创建一个新目录，例如 AutoTagExtractor。在 AutoTagExtractor 目录下创建一个 PHP 文件，命名为 AutoTagExtractor.php。（二）编写插件代码 footer = array('AutoTagExtractorPlugin', 'addScript'); return _t('插件已激活，可从Joe编辑器提取#标签并自动填充到文章标签输入框'); } /** * 禁用插件方法 * * @return string */ public static function deactivate() { return _t('插件已停用'); } /** * 配置插件方法 * * @param Typecho_Widget_Helper_Form $form * @return void */ public static function config(Typecho_Widget_Helper_Form $form) { // 这里可添加插件配置项，目前暂不需要 } /** * 个人用户的配置方法 * * @param Typecho_Widget_Helper_Form $form * @return void */ public static function personalConfig(Typecho_Widget_Helper_Form $form) { // 这里可添加个人用户的配置项，目前暂不需要 } /** * 在文章编辑页面底部添加JavaScript脚本 * * @return void */ public static function addScript() { echo ''; // 当页面的DOM加载完成后执行以下代码 echo 'document.addEventListener(\'DOMContentLoaded\', function () {'; // 获取Joe编辑器的文本输入框元素，通过类名选择器 echo 'const joeEditorTextareaElements = document.getElementsByClassName(\'cm - editor cm - focused ͼ1 ͼ2 ͼ4\');'; // 取第一个匹配到的元素作为Joe编辑器的文本输入框 echo 'const joeEditorTextarea = joeEditorTextareaElements.length > 0? joeEditorTextareaElements[0] : null;'; // 获取Typecho标签输入框元素，通过id选择器 echo 'const tagInput = document.getElementById(\'token - input - tags\');'; // 检查是否成功获取到这两个元素 echo 'if (joeEditorTextarea && tagInput) {'; // 为Joe编辑器的文本输入框添加keyup事件监听器 echo 'joeEditorTextarea.addEventListener(\'keyup\', function () {'; // 获取当前输入框中的文本内容 echo 'const inputText = joeEditorTextarea.value;'; // 用于存储提取出的标签 echo 'const tags = [];'; // 使用正则表达式匹配所有以#开头，且后面跟着非#字符的内容 echo 'const tagMatches = inputText.match(/#([^#]+)/g);'; // 如果匹配到了标签 echo 'if (tagMatches) {'; // 遍历所有匹配到的标签 echo 'tagMatches.forEach(function (tagMatch) {'; // 去除标签前面的#符号，并去除前后空格 echo 'let tag = tagMatch.substring(1).trim();'; // 检查标签是否已经存在于tags数组中，如果不存在则添加 echo 'if (tags.indexOf(tag) === -1) {'; echo 'tags.push(tag);'; echo '}'; echo '});'; // 将tags数组中的标签用逗号连接成字符串 echo 'const tagString = tags.join(\',\');'; // 将处理后的标签字符串填充到Typecho标签输入框中 echo 'tagInput.value = tagString;'; echo '} else {'; // 如果没有匹配到标签，清空Typecho标签输入框 echo 'tagInput.value = \'\';'; echo '}'; echo '});'; echo '}'; echo '});'; echo ''; } } （三）代码解释激活插件方法（activate）：通过 Typecho_Plugin::factory 注册一个钩子，当加载 admin/write - post.php（文章编辑页面）的页脚时，调用 addScript 方法，在页面中注入 JavaScript 代码。禁用插件方法（deactivate）：简单返回一个提示信息，表示插件已停用。配置插件方法（config）和个人用户配置方法（personalConfig）：目前这两个方法为空，后续如果需要添加插件的全局配置或个人用户配置项，可以在这里进行扩展。添加脚本方法（addScript）：使用 document.addEventListener('DOMContentLoaded', function () {... }) 确保页面 DOM 加载完成后再执行后续代码。通过 document.getElementsByClassName 获取 Joe 编辑器的文本输入框元素，由于该方法返回一个类数组对象，所以取第一个元素作为实际的输入框。通过 document.getElementById 获取 Typecho 标签输入框元素。为 Joe 编辑器的文本输入框添加 keyup 事件监听器，当用户松开按键时触发。在事件处理函数中，获取输入框的文本内容，使用正则表达式 /#([^#]+)/g 匹配所有以#开头的标签。遍历匹配到的标签，去除#符号和前后空格，检查是否重复，将不重复的标签添加到 tags 数组中。将 tags 数组中的标签用逗号连接成字符串，填充到 Typecho 标签输入框中。如果没有匹配到标签，则清空标签输入框。四、插件安装与启用上传插件文件如果你在本地开发环境创建了插件文件，可以使用 FTP 工具将整个 AutoTagExtractor 文件夹上传到 Typecho 网站的 usr/plugins 目录下。启用插件登录 Typecho 后台管理界面。点击左侧菜单中的 “插件” 选项。在插件列表中找到 “自动标签提取插件”（即 AutoTagExtractorPlugin），点击 “启用” 按钮。启用成功后，会显示提示信息 “插件已激活，可从 Joe 编辑器提取 #标签并自动填充到文章标签输入框”。五、插件使用与测试打开文章编辑页面点击左侧菜单中的 “撰写文章”，进入文章编辑页面。测试标签提取功能在 Joe 编辑器中输入带有#开头的标签，例如 #软件 #工具 #免费。当你输入完成或松开按键时，Typecho 文章编辑页面的 token - input - tags 标签输入框会自动填充处理后的标签，显示为软件,工具,免费，并且会自动去除重复标签和前后空格。六、注意事项元素选择器准确性：确保 Joe 编辑器的文本输入框的类名和 Typecho 标签输入框的 id 是准确的。如果这些元素的选择器发生变化，需要相应地修改插件中的 JavaScript 代码。兼容性：该插件在大多数现代浏览器中应该可以正常工作，但在一些旧版本的浏览器中可能需要进行兼容性处理。插件更新与维护：如果后续需要对插件进行功能扩展或修复问题，可以直接修改 AutoTagExtractor.php 文件中的代码，修改完成后保存并刷新 Typecho 后台页面即可生效。通过以上步骤，你就成功地在 Typecho 中实现了 Joe 编辑器标签自动填充的功能，这将大大提高你撰写文章时添加标签的效率。

教程教学 # typecho # 编辑器 # 标签

教主 4天前
0 352 0
2025-01-29
Typecho 博客快速收录秘籍：IndexNow 自动提交插件大揭秘 Typecho 博客快速收录秘籍：IndexNow 自动提交插件大揭秘在互联网的世界里，内容的快速曝光是每个博主的梦想。尤其是对于使用 Typecho 搭建博客的朋友们来说，如何让新发布的文章迅速被搜索引擎收录，是一个至关重要的问题。今天，就让我们一起探索如何通过 IndexNow 自动提交插件，让 Bing 搜索引擎快速收录你的 Typecho 博客文章。一、什么是 IndexNow？IndexNow 是一个由 Bing、Yandex 和其他搜索引擎共同推出的协议，旨在帮助网站快速将新内容提交给搜索引擎，从而加速内容的收录。简单来说，IndexNow 就像是一个“快递服务”，能够将你的文章快速送到搜索引擎的“家门口”，让搜索引擎更快地发现和收录你的内容。二、为什么选择 Bing 的 IndexNow？虽然 Google 是目前最主流的搜索引擎，但 Bing 也在不断努力提升自己的搜索体验。而且，Bing 的 IndexNow 功能相对简单易用，尤其是对于小型博客和独立站来说，是一个非常实用的选择。此外，Bing 站长平台提供了丰富的工具和数据，可以帮助你更好地了解网站的收录情况和优化方向。三、Typecho 的 IndexNow 自动提交插件目前，Typecho 社区已经开发了几款可以实现 IndexNow 自动提交功能的插件。这些插件能够让你在发布新文章时，自动将文章的 URL 提交给 Bing 的 IndexNow 接口，从而加速文章的收录。接下来，我们将详细介绍两款常用的插件。（一）PostToBingIndexNow 插件1. 插件简介PostToBingIndexNow 是一款专门为 Typecho 设计的插件，能够自动将新发布的文章 URL 提交到 Bing 的 IndexNow 接口。它简单易用，适合大多数 Typecho 用户。 2. 使用方法下载插件：从 GitHub 下载插件文件。上传插件：将下载的文件上传到你的 Typecho 网站的 /usr/plugins 目录下，并解压，重命名为 PostToBingIndexNow。启用插件：登录到 Typecho 后台，进入插件管理页面，启用 PostToBingIndexNow 插件。配置插件：在网站根目录下创建一个 temp_log 文件夹，用于存放日志文件。然后，在 Bing 站长平台申请一个 IndexNow 的 API Key。将申请到的 Key 填写到插件的设置页面中，并保存设置。最后，将 Bing 提供的 key.txt 文件上传到网站根目录。测试是否生效：发布一篇新文章后，查看 temp_log 文件夹下的 push_bing.log 文件，确认是否成功提交。也可以在 Bing 站长平台的 IndexNow 页面查看推送记录。（二）BingIndexNow 插件1. 插件简介BingIndexNow 插件同样可以实现将 Typecho 网站的文章自动提交到 Bing 的 IndexNow 接口。它的操作相对简单，适合新手用户。 2. 使用方法下载插件：插件下载地址：蓝奏云网盘。上传插件：下载后将插件上传到 /usr/plugins 目录，并重命名为 BingIndexNow。启用插件：在 Typecho 后台的插件管理页面启用 BingIndexNow 插件。配置插件：在 Bing 站长平台申请一个 IndexNow 的 API Key。将申请到的 Key 填写到插件设置页面中。插件会自动创建验证文件，无需手动上传。测试是否生效：发布新文章后，查看插件目录下的 log.txt 文件，确认是否成功提交。四、使用 IndexNow 插件的注意事项 API Key 的申请：在 Bing 站长平台申请 IndexNow 的 API Key 时，需要按照平台的指引完成相关步骤，包括下载并上传验证文件。日志文件：插件的日志文件可以帮助你确认提交是否成功。如果返回的状态码不是 200，请根据 Bing 站长平台的说明进行调整。网站内容质量：虽然 IndexNow 可以加速文章的收录，但最终是否被收录以及排名如何，仍然取决于网站内容的质量。五、总结通过使用 IndexNow 自动提交插件，你可以轻松实现 Typecho 网站文章的自动提交功能，加速文章被 Bing 搜索引擎收录。无论是 PostToBingIndexNow 还是 BingIndexNow 插件，都提供了简单易用的配置方法和强大的功能，帮助你的博客内容更快地出现在搜索引擎的结果页面上。如果你还在为如何让文章快速被收录而烦恼，不妨试试这些插件吧！它们就像你博客的“加速器”，让你的内容能够更快地被搜索引擎发现。

教程教学知识课程网站 # 插件 # typecho # IndexNow

教主 1月29日
0 276 0