关于我的博客建站履历

我是一名前端开辟工程师，从大四的时间开始自学前端，疏弃了三年韶光，在大四的时间才算真正走进 “编程” 这扇大门。也是从谁人时间开始学着搭建本身的个人博客，用来记载本身的学习条记，但是却对峙不下来。而且发现一个希奇的征象，对于搭建站点的过程我很感爱好，内容输出却对峙不下来，这是我须要反思的地方。我也翻了翻过往的文章，大多都是记载单一知识点，而且内容很少，缺乏本身的思考。现在 AI 技能已经很成熟了，再记载这类的文章已经没故意义了，用 AI 工具一搜就出来了，而且更精准，更丰富。以是我以为分享本身的踩坑记载会更故意义一点，这几年来，文章没写多少，搭建博客的工具倒是换了挺多…
   那会以为有一个本身的个人网站是一件很炫酷的事变，展示本身的个人作品，分享技能，逐步的在这个圈子有肯定的影响力… 固然这也只是想想，哈哈。
  Wordpress + 自购服务器 + 域名

我最开始利用的博客搭建工具就是 wordpress，它因可以快速搭建起一个独立的网站而被许多人所喜好，最常见的就是用它来搭建博客体系，由于利用者浩繁，以是 wordpress 社区非常生动，有丰富的插件和许多风雅的主题。
我搭建 wordpress 博客起首是探求教程，去 B 站搜索 “wordpress 博客搭建教程” 有大把保姆级课程，都是免费的，大概直接欣赏器搜索也能找到许多大佬写的教程。我是先在本地搭建，熟悉了流程之后再放到服务器上，其时用的是 XAMPP，它集成了 Apache 服务器、MySQL 数据库和 PHP 等组件，提供图形化界面，很方便的管理服务，再去 wordpress 官网下载源码，放于指定目次下就可以开始搭建了，根据教程根本上都可以或许完成！
接下来就是博客上线，又是一顿折腾！对于其时没有任何履历的我，只能是一点一点的探索。
先是购买了服务器和域名，这里吐槽一下买服务器只有第一次购买是自制的，到期之后再续费是有点小贵，这也是为什么我在反面放弃了这种方式，只是单纯的挂载一个博客的话资源有点高了。言归正传，买完服务器之后就可以在上面挂载博客了，但是我对于 Linx 的利用是完全不会，对于我这种小白来说，安装 宝塔面板 是再符合不外了，它提供了可视化的利用面板，支持快速创建并管理项目，支持一键安装软件及摆设源码。此中它就支持一键摆设 wordpress 项目，以是很快的就完成了博客的摆设。
后续再完成域名存案就可以了，至于我为什么又放弃了 wordpress 博客，一个缘故起因是由于服务器续费太贵了，我不可以或许长期利用，尚有就是在利用一些主题的过程中经常碰到一些 bug，然后那些主题给我的感觉总是差一点点，我又有一点完善主义，以是团结种种缘故起因，在服务器到期之后，就把文章临时迁移到了 CSDN。
Vite + Markdown-It

由于之前着实是找不到一款满足的主题，以是我筹划本身写一款静态博客，文章以 md 的格式存储在 GitHub 堆栈，还可以通过第三方插件的情势接入品评功能，完全不须要用到服务器，以是以为对于我来说这种静态博客的情势是最恰当的。
静态博客的长处有许多：

• 加载速率快，相应时间更短，提供更好的用户体验
  
• 不须要服务器端代码和数据库，镌汰了匿伏的安全毛病和攻击风险
  
• 轻松集成第三方服务和 API，以实现更多的功能和扩展
  
• 维护资源较低
  

这个时间我还不知道已经有许多成熟的 “静态站点天生器”，傻乎乎的选择一个比力熟悉的框架 vite 和一个可以分析 markdown 语法的工具 markdown-it就开干了。我个人是喜欢那种简约的主题，“麻雀虽小五脏俱全”，不须要多么花哨的功能，该有的功能都有就OK：大概规划紧张是 列表页，详情页，分类页和标签页；然后要支持品评、搜索、主题切换等。
由于是从零开始搭建，许多东西都要本身去写，很快我就碰到了一道拦阻 “SEO”，我利用的 vite 默认是通过 CSR 客户端渲染，这种模式构建出来的页面逻辑都放在了 script，以是渲染出来的是 “空缺的” html 页面，如许会导致爬虫无法爬取到我的文章内容，页面也不会被收录，别人也就无法通过搜索引擎搜索到我的文章，这就失去了我建站的意义。厥后翻阅文档发现 vite 支持设置 SSR 服务端渲染模式，但是设置起来比力复杂，就在我焦头烂额之际，忽然发现了新大陆！
Vitepress + 自界说主题

没错，就是 vitepress，它是一个专为构建高效、机动且具有极好开辟体验的文档站点而筹划的静态网站天生器。固然也可以用于构建博客体系，最紧张的是它是基于 vite 开辟的，以是我之前写的代码根本上可以照搬过来，而且它默认是利用 SSR 渲染模式，构建出的是一个完备的 html 文件，这就很完善的办理了我之前的困难。
在利用了一段时间后，我忽然又萌生了一个开源的想法，我想要让别人也用上我写的主题。我其时利用的时间还在 0.x 版本，处于早期开辟阶段，不是很成熟，市面上 vitepress theme 不是许多，以是这个想法愈增剧烈，于是我又花了一段时间把主题抽离出来，定名为 vitepress-theme-poseidon 并发布到 npm 上。
很快就遇上了一个难以办理的 Bug，以至于让我直接放弃了这个框架！题目就是一个很简朴的 Tab 切换，在本地运行毫无题目，摆设到远端之后就出现了无法切换的环境。推测是由于这部分不支持 SSR 组件的题目，利用 vitepress 保举的 <ClientOnly> 包裹的方式也无用，反面又举行了一些别的的实验也无果，无奈放弃！我把这些都归咎于 vitepress 还未正式发布，存在一些未知的 Bug。
但我心中做一款开源的博客主题的想法还未淹灭！
Hexo + 自界说主题

颠末一番探索，终极我选择了 hexo，这是一款专门用来构建博客的框架，非常成熟，社区也有许多好用的插件。不外须要花时间去学习干系的技能，它支持 ejs 、 njk 、 swig 、 pug 等多种模板引擎，我选择的是 njk，它的语法有点类似 vue 中的插值表达式，看起来舒服一点。然后也是想吐槽一下 hexo 的文档写的真不咋样，要不是团结官方的案例，否则真的很丢脸懂。
末了乐成的把主题利用 njk 语法重构了，不得不说，专门用来构建博客的框架确实不一样，内置了许多 API，许多之前写起来挺 “别扭” 的地方在这里都变得公道了。
终于，我把这个主题 hexo-theme-sea 开源了，而且在 阮一峰老师的周刊 推广下，乐成劳绩了 100 多个 star！
这是一款简约风的博客主题，现在支持功能如下：

• 相应式，完善顺应 电脑、 Pad 和 手机
  
• 主题内置了中英两种语言
  
• 支持暗黑模式
  
• SEO 友爱
  
• 支持品评、搜索功能
  

总结

到现在，我还在不绝利用 hexo-theme-sea 主题，同时也在不停地美满和改进。期间也不乏遇见别的良好的框架，比方：Hugo、 Jekyll、 Astro 等等，但我以为现在这一款博客已经可以或许满足我的需求了，恰当本身的总是最好的！
博客搭建算是告一段落了，反面还是以产出内容为主，否则光有富丽的外表，毫无内涵也是不可的。不知不觉这篇文章已经写了许多多少字了，这应该算是我真正意义上的第一篇文章吧，以后也会多抽点时间出来分享一下本身的履历，盼望可以或许通过这种方式来锻炼一下语言构造本领。
   感爱好的话关注一下我的个人博客：https://blog.izou.top