重新搭建个人博客

重新搭建个人博客

版权申明:本文为原创文章,转载请注明原文出处

原文链接:https://pangwu86.com/posts/16de371/

上次搭建博客还是 14 年初,坚持写到了 17 年底,后来因为记不得的原因就停下了,然而这一停就是 5 年。

后来想拾起来继续写,但发现之前用的图床挂了,又要域名又要备案的,就放弃了。

直到去年底,发现还是有一个能自己撒欢的地方比较好,于是又重燃了写博客的动力,才有了今天又一次搭建博客。

技术选型


梳理了一下个人需求,主要是以下几点:

  1. 支持 Markdown 格式。
  2. 图片本地一份图床一份,Markdown 中引用床图地址。
  3. 生成静态文件,随便放个服务器就行。
  4. 支持各种插件或个人修改源码,方便后续定制。

调研了一圈,最后发现还是 Hexo 满足要求,那就开始搞吧。

搭建步骤

步骤 1 本地搭建


先搭建 Node 环境,然后全局安装 Hexo,接着找个自己喜欢的主题,新建一个文章,本地跑起来看看效果即可。

主题这次没有选 NexT, 而是选择了 icarus, 感觉新主题更顺眼一些,内置的 widget 也更多些。

主要也是换换风格,就跟过年穿新衣服一样,更有新鲜感,让人有种重新开始的感觉。

步骤 2 服务器搭建


前期可以直接放到 GitHub Pages 来托管页面,免费还自带了 Https,等真有必要了再买个服务器搞个 Nginx 跑一下就好。

步骤 3 域名和备案


国内云服务现在都要求你买它家的服务器后再备案,所以既然选了国内云服务商那就做全套了。

好在备案流程比原来方便多了,直接通过 app 拍照上传资料,不再需要之前的买幕布邮寄之类的了,省时省力呀。

不过新的政策多了一个公安联网备案,好在流程也不复杂,半小时内填填表格上传照片就行了,剩下的就是等 n 个工作日了。

步骤 4 免费图床


本来选用七牛云,因为有 10G 免费流量,不过后来发现免费的只有 http 流量,https 还是要收费。并且想用七牛必须要有已备案的域名,也是个门槛。

后来发现了 GitHub + jsDelivr 这个大杀器组合。不但可以白嫖 GitHub 大空间,还有 jsDelivr 的免费 cdn 加速,并且支持 https,上传图片使用 PicGo 这样的工具,整个链条简直是完美。

优化改进

图片的引用与备份


上次写博客时七牛云的图片因为没有备案域名访问不了了,有点蛋疼。所以这次对于图片的保存和引用额外上心。

最终方案是图片本地一份,图床一份。文件路径与名称完全一致,这样将来如果图床有问题了,随时可以切换到本地或其他图床。不过文章如果是分享到其他平台的话,引用图床的图片可能就挂了,这个还没想到解决方案,不过先保证自己的博客没问题就行了。

icarus 定制修改


主要是针对一些页面布局与配置的调整。

  • 更新:widget 控件的 sticky 属性支持按照页面类型设置
  • 更新:社交链接支持了图片格式
  • 新增:page 为一种页面属性
  • 更新:底部 footer 支持备案信息

还有一些后续优化等有时间单独记录下,有需要可以直接用这个修改后的pangwu86/hexo-theme-icarus

重新搭建个人博客

https://pangwu86.com/posts/16de371/

作者

胖五

发布于

2021-03-12

更新于

2021-06-09

许可协议


评论