皮肤
可以根据自己的风格选择自己的皮肤。https://typechx.com/
选用的是https://github.com/HaoOuBa/Joe。
演示网站https://78.al/

天气显示
参考博客：http://bennyhe.cn/index.php/archives/43/

css/map 插件
https://bluehe.cn/archives/rss-typecho
1）、插件上传到typecho的plugins插件目录。

2）、登录 Typecho 后台，进入“插件管理”页面，找到 CustomRSS 插件并激活它。

3）、验证 RSS 文件，激活插件后，在浏览器中访问 http://yourdomain.com/rss.xml 以确保生成的 RSS 文件正确无误。

4）、在你的 Typecho 模板目录（通常位于 usr/themes/你的主题名）中找到并编辑模板的头部文件，通常是 header.php 或类似名称的文件。在部分增加站点地图和新的RSS订阅(自行修改信息):

<link rel="alternate" type="application/rss+xml" title="云心怀鹤 RSS Feed" href="https://bluehe.cn/rss.xml">

<link rel="sitemap" type="application/xml" title="站点地图" href="<?php $this->options->siteUrl(); ?>sitemap.xml" />

5）、通过这些步骤，你的 Typecho 博客就成功包含了站点地图链接，使搜索引擎能够更好地抓取和索引你的网站内容。

music 播放插件
Aplayer 和 Meting 的碰撞，一个简单强大的 Typecho 音乐播放器就此诞生！

特性
支持国内五大音乐平台（网易云、QQ、虾米、百度、酷狗）的单曲/专辑/歌单/歌手热门播放
更新迅速，同步 Aplayer 和 Meting 的更新支持
简单易用，后台自动解析 URL 为可识别代码
与 Markdown 完全兼容
安装
下载压缩包
解压后上传到 /usr/plugins 目录
修改文件夹名为 Meting
后台启用插件
下载地址
开源地址： github

使用
在文章编辑页面三键即可添加完毕

详细支持列表请直接戳 Github 查看
https://github.com/metowolf/Meting-Typecho-Plugin

高级
[Meting autoplay="false" order="random" theme="red"]
[Music server="kugou" id="119859" type="playlist"/]
[/Meting]
在第一个 Meting 标签内可以手动添加高级属性

支持参数说明

autoplay

true 自动播放
false 不自动播放
order

random 随机播放
list 列表单次
theme

b7daff十六进制颜色代码

red 英文名称

标题导航插件
在 Typecho 中使用 Joe 编辑器时，实现通过输入“#标签”自动填充标签功能，可以通过以下几种方法实现：

方法一：使用 AutoTags 插件
AutoTags 是一款专为 Typecho 设计的开源插件，能够自动提取文章中的关键词并生成标签。虽然它不是直接通过“#标签”来实现自动填充，但它可以根据文章内容智能生成相关标签，非常实用。

安装步骤：
1）. 克隆仓库：通过 Git 将 AutoTags 项目下载到你的 Typecho 插件目录下：

git clone https://github.com/DT27/AutoTags.git
2）. 启用插件：登录你的 Typecho 管理后台，进入“控制台”->“插件”，找到名为“AutoTags”的插件并点击启用。
3）. 配置插件（可选）：进入插件设置页面调整默认生成标签的数量等选项。

方法二：使用 TagSelector 插件
TagSelector 是一款增强后台标签功能的插件，支持标签展示和选择。虽然它不能直接实现通过“#标签”自动填充，但它可以让你在后台编辑文章时更方便地选择已有的标签。

安装步骤：
下载插件：从下载 TagSelector 插件。
上传插件：将下载的插件文件夹 TagSelector 上传到 Typecho 的插件目录（usr/plugins/）。
启用插件：在 Typecho 后台插件管理页面启用 TagSelector 插件。
方法三：自定义代码实现
如果你希望直接通过输入“#标签”来实现自动填充，可以通过自定义代码的方式实现。以下是一个简单的实现方法：

实现步骤：
1）. 编辑主题文件：在你的主题文件夹中找到 functions.php 文件，如果没有则创建一个。
2）. 添加代码：在 functions.php 文件中添加以下代码：

function autoTags($content)
{
    preg_match_all('/#(\w+)/', $content, $matches);
    $tags = array_unique($matches[1]);
    return implode(',', $tags);
}

修改文章发布逻辑：在 admin/write-post.php 文件中找到标签输入框的代码：

<p><input id="tags" name="tags" type="text" value="<?php $post->tags(',', false); ?>" class="w-100 text" /></p>

在其下方添加以下代码：

<script>
    document.getElementById('text').addEventListener('input', function() {
        var content = this.value;
        var xhr = new XMLHttpRequest();
        xhr.open('POST', '<?php echo Typecho_Common::url('action/write-post.php', Typecho_Common::getOptions()->index); ?>', true);
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xhr.send('do=autoTags&content=' + encodeURIComponent(content));
        xhr.onload = function() {
            if (xhr.status === 200) {
                document.getElementById('tags').value = xhr.responseText;
            }
        };
    });
</script>

4）. 处理自动标签逻辑：在 admin/write-post.php 文件中找到 do=autoTags 的处理逻辑，添加以下代码：

if (isset($_POST['do']) && $_POST['do'] == 'autoTags') {
    header('Content-Type: text/plain');
    echo autoTags($_POST['content']);
    exit;
}

博客：6v6.ren

通过以上方法，你可以实现通过输入“#标签”自动填充标签的功能，提升你的写作体验。
https://blog.yihang.info/archives/393.html

Typecho 有用的插件或者皮肤

b7daff十六进制颜色代码

评论 (0)