谈一下入坑「建站」经历

初识

当看着一个又一个惟妙惟肖的网页在我眼中呈现，思索着一个又一个神奇的功能是如何实现的，我就逐渐踏入了前端这个坑。

刚开始跟着网上视频学的时候，讲师那时让用的是EditPlus，相信有些小伙伴不会感到陌生。它和VSCode比起来，也就是少了代码提示，代码是一个一个字符敲出来的，没有什么代码提示出来后，选一下按下回车就好了。在这个工具上面，html标签不会自动闭合，这让我刚开始习惯了自己写html标签的开和闭。以至于接触vscode的时候，当时还不太习惯标签自动闭合。

当时说真的，js简单的click事件和if语句没玩明白，云里雾里的。现在回想起来，这些又是多么的基础啊。

Blog

开始wordpress也不知道是什么，安装好之后，也不知道如何把主题自定义成自己想要的模样。在B站上看了『跟着黄聪学WordPress主题开发』的视频之后，慢慢才折腾会了WordPress。当再折腾Typecho等其他博客框架的时候，都变得易如反掌了。

慢慢的眼光又看上了静态博客，特别是当时用Github Pages那个方案。都知道，后来访问Github有时也要看运气，Github Pages就不用说了，以至于后来用Vercel这个方案。当时和小赵一起折腾的时候，文章是用Typora写的，没过几天后，小赵玩出了Hexo图片本地化的方案。当时搭建hexo最初是看Codesheep这个UP主的视频，感兴趣的可以去一看OwO

接触框架

慢慢的，开始跟着b站pink老师学习jquery、Vue.js，当然只是非常基础，没有那么细的学。React刚开始学的时候不是很懂，后来再碰的时候才开始慢慢弄懂。

接触jq后，比如当时用css+js实现爱心飘落那个效果，就用到了jq的一个插件，名字啥的，我给忘了。

还接触过Nuxt.js，说道Vue.js并不陌生，也有小伙伴用Vue搭建blog的，但就是构建项目之后，代码就俩三行，没文字没啥的，对搜索引擎不友好。不过，现在看来，搜索引擎似乎更智能了，还记得我之前那个vue首页，文章内容给放vue的data里了，没想到给读出来了，当时应该用axios通过请求api获取的，获取的时候再多传点乱七八杂的参数，再用md5加密加密啥的才挺好。Nuxt.js也算是vue关于这方面问题的一个解决方案吧，也就是服务端渲染。

搜索优化

刚开始学html的时候，vscode这边按个!再按个Tab键是可以快速生成一个模版，模板里就有Meta标签，key就有keywords和description，本地练手或者跟着学的时候，讲师略带提一嘴，也没讲详细，可以随便填也可以直接给去了。当你网站上线的时候，并且想要搜索引擎更了解你站点的时候，这时你就需要填了，填也是有策略的，也不是胡乱填，至于到底怎么正确的填写，本人也不知道哈。

备案

才开始试着建站，简直是一波三折，如何选服务器、又如何备案，如浑水摸鱼一般，鱼没捞到，白费力气，踩了不少的坑。刚开始腾讯云注册域名的时候，看见org旁边有个暂不支持备案，以为是用这个域名不用备案，差点就入手了。当然，也感谢正是那一段摸爬滚打，才变得更加熟练。

结语

好了，这篇文章就写到这里了，当然，我们的故事还在继续…