关于借助AI实现代码功能的感想

“AI好AI妙，AI编程呱呱叫。”

### 背景

在我基于typecho博客平台更换主题或添加插件的时候，时常会有一些修改或添加功能的需求。其中会牵扯到对html，css以及js代码的修改。但我仅有一些基本的C#知识背景，对于网页代码可以说是两眼一抹黑。于是，如何优雅的在原有代码的基础上搞事情，而又不破坏它的正常运行就成了一个难题。我习惯性的想到的第一个解决方案就是去学习相关代码的基础知识，然后以此尝试在原代码上进行修改。然而基于以下两点，1- 三种语言涉及到的知识太过驳杂，2- 我实在懒得为了美化博客学那么多。。。所以这个方案在我脑中仅存了1秒就被果断排除掉了。随后我切换到另一个思路：如果有一个经验丰富的老师傅带着我进行修改，那么这将是一件十分可行的事情。而AI就是最好的24小时随叫随到，思路一直在线，并且不会嫌弃我笨手笨脚的那个老师傅。

### 案例

拿一个 "搜索站内文章" 的功能举例。我首先想到的是在github上搜索相关的插件安装使用，也确实让我找到了两个高star的项目[ExSearch](https://github.com/AlanDecode/Typecho-Plugin-ExSearch "ExSearch")和[soso](https://github.com/jrotty/soso "soso")。但是不知是因为版本不匹配还是主题不兼容，两款插件都无法在现有的博客上正常运行。于是我不得不尝试寻求AI的帮助。在找到相关代码，并确定好功能需要添加的位置后，我提交给了AI如下需求：

在以下代码中添加搜索功能 -

```html
<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
	<meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title><?php $this->archiveTitle(array(
            'category'  =>  _t('分类 %s 下的文章'),
            'search'    =>  _t('包含关键字 %s 的文章'),
            'tag'       =>  _t('标签 %s 下的文章'),
            'author'    =>  _t('%s 发布的文章')
        ), '', ' - '); ?><?php $this->options->title(); ?></title>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<link rel="shortcut icon" href="<?php $this->options->themeUrl('favicon.ico'); ?>">
    <link rel="stylesheet" href="<?php $this->options->themeUrl('css/prism.css'); ?>?v1.1.4">
    <link rel="stylesheet" href="<?php $this->options->themeUrl('css/style.css'); ?>?v1.1.4">
    <?php $this->header(); ?>
</head>
......
```

AI给我的回复是这样：

![屏幕截图 2025-01-01 115421.jpg](https://blog.senaxios.com/usr/uploads/2025/01/hx5jc17mow.jpg)
![屏幕截图 2025-01-01 115439.jpg](https://blog.senaxios.com/usr/uploads/2025/01/hx5jc485jn.jpg)

在注入代码之前我无法预判其效果，但本着“它这样写一定有它的道理”的想法我还是把代码注入了相应的位置。结果确实添加上了搜索功能，但是实用性和美观度确实。。。有些不尽人意。于是又经过几番边猜边实验的修改后，我得到了下面这个简约而又简单的效果。
![屏幕截图 2025-01-01 120022.jpg](https://blog.senaxios.com/usr/uploads/2025/01/hx5jc5za51.jpg)

虽然说搜索栏并没有做到实时匹配关键词并高亮显示等等高级功能，但至少它让我目前的站点有了搜索文章的入口，而这在原主题中是没有提供的。

*ps：typecho原本有提供站内搜索的功能，只是在我使用的这个主题中没有提供入口。所以实现的这个搜索功能其实只是调用了原有的接口，然后在UI部分提供了交互入口而已。*

### 总结

网上有太多针对AI实用性，以及如何克服内心被替代的恐惧转而去接受和学习AI，并有效的使用AI的文章。其实中心思想就是 “当你无法改变现实的时候，你能做的就只能是接受并适应它”。在针对小白-初学者接触全新编程语言方面而言，AI的作用可以说是显而易见的。如果纯靠我自己，可能为了能达到同样的效果，我需要付出比使用AI要高出不知凡几的各种成本。并且通过实例我也可以更直观学习到一些知识，虽然相对零碎，但是通过量的积累以及后期阶段性的总结也能够形成一个相对完整的知识体系。至于AI对于高级编程的帮助我目前还没有接触到，不过相信即使在更复杂更严密的逻辑环境中，灵活的使用AI也将是一个不容忽视的助力。

添加新评论