搭建自己的第一个个人博客
写在前面
“学习之路，就从自己的第一篇博客开始吧”
大家好，这里是我的第一篇博客，也可以说是我计划写的“我的学习之路”系列的第一篇
为什么突然想要写博客了呢，这背后或许有非常复杂的原因：
写这篇博客的初衷
可能是受附近人的影响，也可能是想要改变自己颓废的状态。逼着自己写博客去记录一下自己的学习生活，我觉得或许也是一种提高的方法。
另外，我的一个观察是，现在AI时代，大家的学习方法都有了很大的改变，就我自己而言，见识到AI强大的能力之后，很容易遇到什么问题就直接去问AI。
但是通过与AI对话的方式学习，AI生成的内容总是覆盖范围太大而难以回答到真正核心的问题，总是感觉少了一些“人味”，很容易被AI事无巨细的的回复搞力竭。
因此，我写博客还有一个原因就是，希望我手写的内容能够让大家看的不那么力竭，给大家提供可能的帮助或者分享。另外，能够通过自己手写的方式去产出一些东西，也算是一种对以前的大佬们的致敬。为什么系列这叫做“我的学习之路”？
当我大一转专业过来的时候，非常羡慕那些拥有技术的人，但是一直不知道去哪里学习相对系统的知识，导致我大二摸索得比较痛苦，也没有去干一些拥有产出的事情，写这个系列也是觉得，或许能为后来的学弟学妹们提供一些指导，不要等到像我这样来到了大三才追悔莫及。
文章风格：
作者不喜欢重复造轮子，这样太累也是浪费大家的时间，因此会在相应的地方贴上作者推荐的文档，供读者选读。在文章中只记录自己的思考，踩坑和有意思的感触。
总之如此这般，还是选择写博客，刚好也能够消磨升入大三后大量的空闲时间
那么学习之路，就从自己的第一篇博客开始吧
导读
- 本篇介绍作者如何通过github pages + hexo 搭建自己的第一个静态网站博客
- 参杂了关于作者对于AI时代学习和生活的思考
- 希望你能够借助AI，搜索引擎或文档来了解本文中你可能不熟悉的概念
- 你可能需要的前置知识：
CLI Git github 文件资源管理器 浏览器插件 yaml配置 markdown ssh参考
强烈建议你先阅读https://hexo.io/zh-cn/docs/
前期准备
- windows
- github
- Git （推荐阅读自底向上理解Git）
- node.js
你可以通过多种方式了解如何获得这些知识和资源，例如AI和搜索引擎，亦或者是文档，这里并不是本文的重点。
询问gemini
一开始，也是突然突发奇想，想着搭建一个博客。于是很自然的去询问如何去搭建一个个人博客，AI也是很自然的给出了一大段回复，教我怎么进行基础配置。
大概如图。
但是运行完这些CLI命令后，以及按照AI的教程一步步配置完_config.yml之后，看起来博客已经可以正常运转了，但是审美我真的无法评价，搭建完成的博客是一个看起来非常古老，死板甚至毫无人味的博客，并且我对整个hexo是如何运作的毫无概念，仿佛我只是一个死板的命令执行机器，一个被AI夺舍的碳基生物。
我尝试去问AI，如何添加我想要的风格，如何配置友链？关于？但是这些都是在建空中楼阁，AI只会告诉我怎么敲命令，我却根本不知道为什么要这样敲，为什么要修改这里的配置。
但是如果要我不懂的都去一个一个问AI，AI给出的答案又是那么的零散，不成体系，无法准确契合我的情况，以及任何一个孤立的知识都会给出一大串信息。
在我难受的时候，幸运的是，我在配置文件中看到了这个，文档，古法编程时代的产物？我抱着试试的心态点了进去。
阅读文档
阅读后，我真的打开了新世界。
英文文档(当然在hexo文档中你可以手动切换中文文档，我只是想锻炼一下我的英语能力吧)一开始确实难以阅读，不过如果你安装了“沉浸式翻译”浏览器插件以及一些词典，慢慢读总能读通的。
阅读完之后，感觉整个人对hexo的运行方式都通透了很多，hexo不过是一个将你的source文件夹中的内容根据配置文件转化为相应主题的html，css以及相应js的一个“转换器”。
因此，最关键的部分便只在于配置文件，source文件夹以及主题配置文件。
先对_config.yml进行最基本的配置，比如URL，基本网站信息等等，以及下载一键部署插件并配置deploy（这里本质只是帮你省略了自己敲git命令的过程，感兴趣的同学可以自己去询问AI了解）。这里我配置deploy使用ssh连接，http太卡了。
然后通过筛选主题并且查看相应的文档，我也成功配置了一个我喜欢的风格的博客，刚好meow风格让我非常欣赏。
主要的部分在于如何配置主题配置。
配置个性化主题并撰写博客
对于顶部Banner，打开打字机效果挺不错的，修改了一下大标题。
对于侧边栏，把tags打开，放个头像上去已经很不错了hhh，至于评论，赞赏，浏览量这些，下次再做吧。
阅读meow文档，配置global，配置info，配置menu，等等ing…..
最后还是没有配menu，因为目前我的博客只有这一篇文章，也没有必要去写about，tags……这些page，当后面文章越来越多，而且我对自己的了解也越来越多的时候，我再做这些事吧，hhh，目前还是有点懒了，阅读文档还是太累了。（虽然只有hexo是英文的）
然后就是用markdown写下这篇博客。
1 | hexo g |
可以先预览一下网站
发现原本放在md里面的图片貌似都没了，为什么？
我们阅读文档中的asset部分，得到以下信息。
发现在我的配置文件中并没有开启资源文件夹以及相应选项(post_asset_folder以及下面的子选项)，我们再打开生成的public文件夹中的html源文件 ，发现Markdown 本地编辑时的相对路径与 Hexo 编译成网页后的 URL 路径对不上。
因此，为了解决这个问题，我们需要开启这些配置，这样嵌入md的图片相对路径会被自动转换为网站的URL，接下来我们只要创建与文章同名的资产文件夹（asset folder，这里就是和文章同名的文件夹），把刚才粘贴自动生成的图片都放进去就好了。
注：不需要改成相对子路径 比如./（你的资源文件夹名）…/image.png，而是直接写文件名 image.png
注：开启这一选项后，后续通过 hexo new 生成的新post不再需要手动建一个资产文件夹。
通过运行部署命令，成功上线：
1 | hexo clean |
写在最后
不知不觉，一个下午的时间就在查文档、改配置中溜走了。
不知道我现在这样做是对是错呢？交给时间去分辨吧。我只知道，做这件事至少比我要在短视频上虚度光阴要有意义。
在当今这个时代，AI agent能力确实非常强大（主播本身自己对于AGENT的依赖就非常严重，很多课程实验都是AI写的（bushi）），但是如果想要自己学到东西的话，还是得去看人类写的书籍或文档，AI能帮你做事，但很难教会你。通过阅读文档+AI解析独立概念，也许才是新时代的正确学习方法。
话说，英语感觉确实非常重要，虽然说，现在有很多的翻译插件，软件啥的，但是对于庞大的开源社区，几乎所有文件或注释都是英文撰写（特别是配置文件之类），如果要一个一个发给AI翻译，浪费的时间或许会成倍增加，学好英语真的十分重要。
最后希望能对你有所帮助！如果你有任何想和我沟通的地方，欢迎发送邮件：303513626@qq.com
