一个HR

光锥之内皆命运

标签： wordpress

  • 网站改版升级：更快、更稳、更简洁

    大家好！最近我对个人网站进行了一次全面的改版升级，目的是为了解决长期以来困扰我的一些问题。如果你之前访问过我的网站，可能会注意到一些变化；如果是新朋友，那么欢迎来到这个全新的空间！

    为什么需要改版？

    原来的网站完全基于 WordPress 搭建，为了保持首页的版式和功能，我使用了大量的建站插件。虽然这些插件在初期帮助我快速实现了设计效果，但也带来了一些明显的弊端：

    • 运行速度慢：插件越多，网站加载时间越长，影响用户体验。
    • 访问延迟高：特别是对于移动端用户，页面响应不够流畅。
    • 兼容性问题：每次 WordPress 或插件更新时，总有可能出现冲突，导致网站临时宕机或功能异常。

    这些问题不仅让我作为站长头疼，也可能影响了大家的浏览体验。因此，我决定对网站架构进行一次彻底的优化。

    改版的具体变化

    本次改版的核心思路是“动静分离”：将动态内容和静态内容拆分开，以提升整体性能。

    1. 全新主页入口 现在，网站的主页（二级域名 guohao.asia）采用纯 HTML + CSS 的静态部署方式。这样做的好处是页面加载速度极快，且几乎不存在兼容性风险。无论是电脑还是手机访问，都能获得一致的流畅体验。
    2. 博客系统保留并优化 我的个人博客部分依旧基于 WordPress，但现已迁移至三级域名 blog.guohao.asia。通过 WordPress 提供的 REST API，主页与博客实现了无缝对接，既保留了 WordPress 强大的内容管理功能，又避免了插件冗余。
    3. 文章链接更新 所有历史文章都完好保留，但访问链接需要稍作调整：原链接前需加上 blog 改为三级域名。例如，原来的 guohao.asia/post-name 现在变为 blog.guohao.asia/post-name。如果你收藏了某些旧链接，只需简单修改即可继续访问。

    改版带来的好处

    这次改版后，最直观的提升包括：

    • 速度显著加快：由于减少了插件依赖，页面加载时间大幅缩短。
    • 稳定性增强：静态主页几乎无需维护，博客系统也因插件精简而更稳定。
    • 用户体验优化：无论是浏览主页还是阅读博客，操作都更加顺畅。

    当然，改版过程中我也遇到了一些技术挑战，比如数据迁移和链接重定向的处理，但最终的结果让我非常满意。如果你在访问过程中遇到任何问题，欢迎随时通过博客的留言功能告诉我！

    写在最后

    网站优化是一个持续的过程，这次改版只是第一步。未来我还会继续关注性能和数据安全，为大家提供更优质的内容和服务。如果你对这次改版有任何建议或想法，也欢迎在评论区分享交流。

    感谢大家的支持，希望新网站能给你带来更好的体验！

  • 在 WordPress 前端页面中支持Mermaid 和 Echarts 的方法

    在 WordPress 前端页面中支持Mermaid 和 Echarts 的方法

    当今互联网上，数据可视化正在成为数据分析以及决策制定的必要手段。echarts 和 Mermaid 都是非常流行的数据可视化工具，它们都可以在Web页面上生成交互式图形，提高数据可读性和可视性。借助它们，您可以在 WordPress 前端页面中实现各种数据可视化效果。

    下面是如何在WordPress前端页面中支持Mermaid和Echarts的具体步骤：

    如何支持 Mermaid

    步骤1：在WordPress主题的 functions.php 文件中注册Mermaid的样式和脚本。

    function add_mermaid_script_tag() {
  wp_enqueue_script( 'mermaid', 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js', array(), '8.8.4', true );
}
add_action( 'wp_enqueue_scripts', 'add_mermaid_script_tag' );

    步骤2：在WordPress页面或文章中添加Mermaid代码块。

    <script>
  mermaid.initialize({
    startOnLoad: true
  });
</script>

    步骤3：按照Mermaid语法在代码块中添加流程图或时序图等内容。

    ```mermaid
graph LR
A[客户端] --> B(中间件1)
B --> C{后端服务器}
C --> D[数据存储]
    ### 如何支持 Echarts

步骤1：在WordPress主题的 `functions.php` 文件中注册Echarts的样式和脚本。

    php
    function register_echarts_scripts() {
    wp_register_script( ‘echarts’, ‘https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js’, array(), ‘5.1.0’, true );
    }
    add_action( ‘wp_enqueue_scripts’, ‘register_echarts_scripts’ );

    步骤2：在WordPress页面或文章中添加一个div元素，并为其指定一个 ID。

    html

    步骤3：使用以下代码初始化echarts并将其放置在指定的div中。

    javascript

    “`

    以上是在 WordPress 前端页面中支持Mermaid 和 Echarts 的方法。通过使用这些工具，您可以将数据呈现出来并以交互式方式进行探索，进而使网站显得更加易于理解和使用。

  • 利用ChatGPT的API写一篇WordPress文章

    利用ChatGPT的API写一篇WordPress文章

    WordPress是一款功能强大内容管理系统，它可以帮助您快速、轻松地创建和管理网站。ChatGPT的API可以帮助您更轻松地创建WordPress文章，让您节省时间和精力，同时还可以获得更好的SEO效果。本文将介绍如何利用ChatGPT的API来写一篇WordPress文章，以获得更好的搜索引擎优化效果。

    如何使用ChatGPT的API来撰写WordPress章

    使用ChatGPT的API来撰写WordPress章是一个很有趣的挑战，可以帮助您更好地了解WordPress的功能和特性。ChatGPT是一个基于机器学习的API，可以帮助您快速撰写WordPress章节。

    首先，您需要创建一个ChatGPT帐户，然后使用您的帐户凭据获取API密钥。然后，您可以使用API密钥来访问ChatGPT的API，以便获取WordPress章节的内容。

    其次，您需要使用ChatGPT的API调用来获取WordPress章节的内容。ChatGPT的API支持多种调用，包括获取WordPress章节的概述、获取WordPress章节的步骤、获取WordPress章节的代码示例等。

    最后，您可以使用ChatGPT的API调用来撰写WordPress章节。您可以使用API调用获取的内容来撰写WordPress节，也可以用API调用获的内容来检您撰写的WordPress章节是否正确。

    总之，使用ChatGPT的API来撰写WordPress章节是一个有趣的挑战，可以帮助您更好地了解WordPress的功能和特性。使用ChatGPT的API调用可以帮助您获取WordPress章节的内容，以及检查您撰写的WordPress章节是否正确。

    ChatGPT的API如何帮助提高WordPress文章的质量

    tGPT的API可以帮助WordPress文章的质量得到提升。ChatGPT API可帮助WordPress用户自动生成高的文章，提高文章的可读性和可理解性。ChatGPT API可以自动检测文章的句子长度，自动检测文章的句子复杂度，以及自动检测文章的语义和语法，从帮助WordPress用户生成更加精细的文章。ChatGPT API还可以帮助WordPress用户检测文章的内容是否重复，以及检测文章的内容是否与其他文章相似，从而帮助WordPress用户避免重复的内容和相似的内容。此外，ChatGPT API还以帮助WordPress用户检测文章的语言是否准确，以及检测文章的语言是否与其他文章的语言一致，从而帮助WordPress用户确保文章的语言准确性。总之，ChatGPT API可以帮助WordPress用户提高文章的质量，让文章更加精细，更加准确，更加可读。

    使用ChatGPT的API创建WordPress文章的步骤

    使用ChatGPT的API创建WordPress文章是一个非常简单的过程。首先，您需要注册一个ChatGPT账户，然后创建一个API密钥。

    接下来，您需要下载并安装WordPress插件，该插件可以让您使用ChatGPT的API来创建WordPress文章。

    接着，您需要在WordPress插件中输入您的ChatGPT API密钥，以便插件可以使用ChatGPT的API。

    最后，您可以在WordPress编辑器中使用ChatGPT的API来创建文章。您可以输入文章的标题，然后ChatGPT的API将会根据您的标题生成文章的内容。

    总之，使用ChatGPT的API创建Press文章是一个非常简单的过程，只需要几个步骤就可以完成。

    如何利用ChatGPT的API来提升WordPress文章的可读性

    ChatGPT是一款可以利用AI技术来提升WordPress文章可读性的API。它可以帮助WordPress用户更轻松地创建出更加完整、有吸引力的文章，从而提高文章的可读性。

    ChatGPT的API可以帮助WordPress用户更快更准确地完成文章的编写，并且可以提供更多的可读性。它可以自动生成文章的标题、摘要、关键词和文章的内，从而提高文章的可读性。

    ChatGPT的API还可以帮助WordPress用户更好地管理文章的内容，可以自动生成文章的摘要，从而更好地吸引读者的注意力。此外，它还可以自动生成文章的关键词，从而更好地优化文章的SEO。

    总之，ChatGPT的API可以帮助WordPress用户更轻松地创建出更加完整、有吸引力的文章，从而提高文章的可读性。它可以自动生成文章的标题、摘要、关键词和文章的内容，从而更好地吸引读者的注意力，并且可以更地优化文章的SEO。

    如何利用ChatGPT的API来提高WordPress文章的搜索引擎优化

    ChatGPT的API还可以帮助您自动生成WordPress章的内容，从而提文章的可读性和可访问性。它可以根据您的关键词和搜索引优化策略来生成文章，从而提高文章的质量。此外，ChatGPT的API还可以帮助您自动生成文章的图片，以及自动生成文章的内部链接，从而更好地满足搜索引擎的要求。

    总之，GPT的API可以帮助您提高WordPress文章的搜索引擎优化。它可以帮助您自动生成高质量的内容，以及自动生成文章的标题、关键词、描述、图片和内部链接，从而更好地满足搜索引擎的要求。因此，使用GPT的API可以帮助您提高WordPress文章的搜索引擎优化。

    tGPT的API是一个强大的工具，可以帮助WordPress用户快速有效地创建出优质的文章内容。它可以提供有效的自然语言处理，更好地理解用户的需求，从而帮助用户更快地完成文章的创作。ChatGPT的API可以节省大量的时间，让WordPress用户可以更加专注于提高文章的质量，而不是浪费时间在写作上。

    Excerpt

    WordPress是一个功能强大的内容管理系统，它可以帮助您轻松地创建和管理网站。ChatGPT的API可以帮助您更松地创建WordPress文章，节省时间和精力，并让您的文章更具吸引力。

  • 利用ChatGPT的API写一篇WordPress文章

    利用ChatGPT的API写一篇WordPress文章

    WordPress是一款功能强大内容管理系统，它可以帮助您快速、轻松地创建和管理网站。ChatGPT的API可以帮助您更轻松地创建WordPress文章，让您节省时间和精力，同时还可以获得更好的SEO效果。本文将介绍如何利用ChatGPT的API来写一篇WordPress文章，以获得更好的搜索引擎优化效果。

    如何使用ChatGPT的API来撰写WordPress章

    使用ChatGPT的API来撰写WordPress章是一个很有趣的挑战，可以帮助您更好地了解WordPress的功能和特性。ChatGPT是一个基于机器学习的API，可以帮助您快速撰写WordPress章节。

    首先，您需要创建一个ChatGPT帐户，然后使用您的帐户凭据获取API密钥。然后，您可以使用API密钥来访问ChatGPT的API，以便获取WordPress章节的内容。

    其次，您需要使用ChatGPT的API调用来获取WordPress章节的内容。ChatGPT的API支持多种调用，包括获取WordPress章节的概述、获取WordPress章节的步骤、获取WordPress章节的代码示例等。

    最后，您可以使用ChatGPT的API调用来撰写WordPress章节。您可以使用API调用获取的内容来撰写WordPress节，也可以用API调用获的内容来检您撰写的WordPress章节是否正确。

    总之，使用ChatGPT的API来撰写WordPress章节是一个有趣的挑战，可以帮助您更好地了解WordPress的功能和特性。使用ChatGPT的API调用可以帮助您获取WordPress章节的内容，以及检查您撰写的WordPress章节是否正确。

    ChatGPT的API如何帮助提高WordPress文章的质量

    tGPT的API可以帮助WordPress文章的质量得到提升。ChatGPT API可帮助WordPress用户自动生成高的文章，提高文章的可读性和可理解性。ChatGPT API可以自动检测文章的句子长度，自动检测文章的句子复杂度，以及自动检测文章的语义和语法，从帮助WordPress用户生成更加精细的文章。ChatGPT API还可以帮助WordPress用户检测文章的内容是否重复，以及检测文章的内容是否与其他文章相似，从而帮助WordPress用户避免重复的内容和相似的内容。此外，ChatGPT API还以帮助WordPress用户检测文章的语言是否准确，以及检测文章的语言是否与其他文章的语言一致，从而帮助WordPress用户确保文章的语言准确性。总之，ChatGPT API可以帮助WordPress用户提高文章的质量，让文章更加精细，更加准确，更加可读。

    使用ChatGPT的API创建WordPress文章的步骤

    使用ChatGPT的API创建WordPress文章是一个非常简单的过程。首先，您需要注册一个ChatGPT账户，然后创建一个API密钥。

    接下来，您需要下载并安装WordPress插件，该插件可以让您使用ChatGPT的API来创建WordPress文章。

    接着，您需要在WordPress插件中输入您的ChatGPT API密钥，以便插件可以使用ChatGPT的API。

    最后，您可以在WordPress编辑器中使用ChatGPT的API来创建文章。您可以输入文章的标题，然后ChatGPT的API将会根据您的标题生成文章的内容。

    总之，使用ChatGPT的API创建Press文章是一个非常简单的过程，只需要几个步骤就可以完成。

    如何利用ChatGPT的API来提升WordPress文章的可读性

    ChatGPT是一款可以利用AI技术来提升WordPress文章可读性的API。它可以帮助WordPress用户更轻松地创建出更加完整、有吸引力的文章，从而提高文章的可读性。

    ChatGPT的API可以帮助WordPress用户更快更准确地完成文章的编写，并且可以提供更多的可读性。它可以自动生成文章的标题、摘要、关键词和文章的内，从而提高文章的可读性。

    ChatGPT的API还可以帮助WordPress用户更好地管理文章的内容，可以自动生成文章的摘要，从而更好地吸引读者的注意力。此外，它还可以自动生成文章的关键词，从而更好地优化文章的SEO。

    总之，ChatGPT的API可以帮助WordPress用户更轻松地创建出更加完整、有吸引力的文章，从而提高文章的可读性。它可以自动生成文章的标题、摘要、关键词和文章的内容，从而更好地吸引读者的注意力，并且可以更地优化文章的SEO。

    如何利用ChatGPT的API来提高WordPress文章的搜索引擎优化

    ChatGPT的API还可以帮助您自动生成WordPress章的内容，从而提文章的可读性和可访问性。它可以根据您的关键词和搜索引优化策略来生成文章，从而提高文章的质量。此外，ChatGPT的API还可以帮助您自动生成文章的图片，以及自动生成文章的内部链接，从而更好地满足搜索引擎的要求。

    总之，GPT的API可以帮助您提高WordPress文章的搜索引擎优化。它可以帮助您自动生成高质量的内容，以及自动生成文章的标题、关键词、描述、图片和内部链接，从而更好地满足搜索引擎的要求。因此，使用GPT的API可以帮助您提高WordPress文章的搜索引擎优化。

    tGPT的API是一个强大的工具，可以帮助WordPress用户快速有效地创建出优质的文章内容。它可以提供有效的自然语言处理，更好地理解用户的需求，从而帮助用户更快地完成文章的创作。ChatGPT的API可以节省大量的时间，让WordPress用户可以更加专注于提高文章的质量，而不是浪费时间在写作上。

    Excerpt

    WordPress是一个功能强大的内容管理系统，它可以帮助您轻松地创建和管理网站。ChatGPT的API可以帮助您更松地创建WordPress文章，节省时间和精力，并让您的文章更具吸引力。

  • 免插件为wordpress添加代码高亮

    免插件为wordpress添加代码高亮

    免插件为wordpress添加代码高亮

    wordpress上实现代码高亮的插件有很多，但为了提升站点的访问速度，还是想尽量少装一些插件，况且各个插件在不同主题不同编辑器中的展现效果也有差异。
    highlight.js

    image-20220912074714896
    highlight.js的特点：

    • 197种语言和248种风格
    • 自动语言检测
    • 多语言代码高亮显示
    • 可用于node.js
    • 适用于任何标记
    • 兼容任何js框架

    highlight.js可用根据内容自动判断197语言类型并使用对应的高亮风格。

    36种常用语言
    如果是常用的36种语言，可以使用highlight.js推荐的CDN链接。

    cdnjs

    <link rel="stylesheet"href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>

    jsdelivr

    <link rel="stylesheet"href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.6.0/build/styles/default.min.css">
<script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.6.0/build/highlight.min.js"></script>

    unpkg

    <link rel="stylesheet"href="//unpkg.com/@highlightjs/cdn-assets@11.6.0/styles/default.min.css">
<script src="//unpkg.com/@highlightjs/cdn-assets@11.6.0/highlight.min.js"></script>
    image-20220912083348168
    image-20220912083443709

    对于这36种之外的，则可以按需进行下载。

    最神奇的是，highlight.js居然连Excel的公式都可以进行高亮显示，而且也是自动识别的：

    =ROUND(((D5+E5+F5)*0.7/174*3*8*11)/12,0)
    image-20220912083618989

    压缩包中styles目录下即各种高亮格式，而languages目录中，则是刚刚选择的语言种类。

    下载好压缩包之后，将压缩包解压到网站服务器的highlight目录（需自建）

    之后在<head></head>之间加入:

    <link rel="stylesheet" href="/wp-content/highlight/styles/base16/onedark.min.css">
<script src="/wp-content/highlight/highlight.min.js"></script>

    /wp-content/highlight具体路径根据实际情况修改一下。

    在<footer></footer>之间加入:

    <script>hljs.initHighlightingOnLoad();</script>
  • 谷歌字体加速

    谷歌字体加速

    谷歌字体加速

    博客的服务器原本就在境外，访问速度非常慢，用的主题和插件里还有很多谷歌字体，更加拖慢了加载速度。在网上找了一些谷歌字体的国内镜像，访问速度都不是很理想，最后发现中国科学技术大学的源还依然可用，而且访问速度也还算理想。

    image-20220909152310568
    fonts.gstatic.com       fonts-gstatic.proxy.ustclug.org
fonts.googleapis.com    fonts.proxy.ustclug.org
ajax.googleapis.com     ajax.proxy.ustclug.org
themes.googleusercontent.com    google-themes.proxy.ustclug.org<

    另外还有一些其他的常用镜像库：

    registry-1.docker.io            docker.mirrors.ustc.edu.cn
packages.elastic.co             elastic.proxy.ustclug.org
ppa.launchpad.net               launchpad.proxy.ustclug.org
archive.cloudera.com/cdh5/      cloudera.proxy.ustclug.org/cdh5/
downloads.lede-project.org      lede.proxy.ustclug.org
downloads.openwrt.org           openwrt.proxy.ustclug.org
registry.npmjs.org              npmreg.proxy.ustclug.org
www.npmjs.com                   npm.proxy.ustclug.org

    包括Gravatar镜像访问速度也不错，刚好一同替换掉：
    image-20220909152247060

    secure.gravatar.com gravatar.proxy.ustclug.org
  • 优化日志

    优化日志

    优化日志

    • 优化缓存功能——20220827；
    • 优化评论功能，解决部分手机浏览器无法发布评论的问题——20220827；
    • 优化首页部分背景图片，压缩并改为本地存储——20220827；
    • 启用腾讯云CDN——20220831；
    • 删除部分无用插件——20220831；
    • 通过自定义插件向functions.php添加函数——20220902
      • 实现主题升级或更换主题时functions.php内自定义代码不丢失
      • 实现个人说明部分支持HTML代码
    <?php
/* 
Plugin Name: 模版函数扩展插件
Description: 给主题模版函数库“functions.php”文件里添加功能，避免因主题升级或更换主题造成对functions.php文件的代码修改丢失 
Author: <a href="https://blog.guohao.asia/" >NULL</a>
*/
// Disables Kses only for textarea saves
foreach (array('pre_term_description', 'pre_link_description', 'pre_link_notes', 'pre_user_description') as $filter) {
  remove_filter($filter, 'wp_filter_kses');
 }

    // Disables Kses only for textarea admin displays
foreach (array('term_description', 'link_description', 'link_notes', 'user_description') as $filter) {
remove_filter($filter, 'wp_kses_data');
}
?>
    • 替换前端字体-20220903
    *:not([class*="icon"]):not(i) {
font-family: Segoe UI, "Microsoft Yahei" !important;
}
    • 修改首页元素显示条件，提升PC端及移动端显示效果-20220903
    • 通过自定义插件向functions.php添加函数，解除大尺寸图片上传限制——20220905
    //禁用WordPress大图片（2560大小）裁剪功能
add_filter( 'big_image_size_threshold', '__return_false' );
    • 替换代码高亮为highlight.js-20220912
    <link rel="stylesheet" href="/wp-content/highlight/styles/base16/onedark.min.css">		<!--引入代码深色背景-->
<script src="/wp-content/highlight/highlight.min.js"></script>							<!--引入代码高亮js-->
<script src="/wp-content/highlight/highlightjs-line-numbers/dist/highlightjs-line-numbers.min.js"></script>			<!--引入添加行号js-->
<script>
	hljs.initHighlightingOnLoad();
	hljs.initLineNumbersOnLoad();
</script>
    • 增加首行缩进
    //WordPress 文章首行缩进
function Bing_paragraph_indentation( $content ){
    return str_replace( '<p', '<p style="text-indent:2em;"', $content );
}
add_filter( 'the_content', 'Bing_paragraph_indentation' );
AI 助手