前言

从凡科建站 + 新浪博客等等到自行搭建博客框架迁移史：

  • Bootstrap
  • Hexo + NextTheme
  • 自己动手实现 MD 解析及渲染
  • VuePress
  • VitePress

从最早搭建博客后，一路历程了很多框架，换来换去发现每年都在折腾的路上，而真正沉淀下的文章却寥寥几篇。

随着时间推移，关注优秀的博客也越来越多，时常去拜读，有一天在关注的博主张洪Heo的文章评论里，发现了他的同款主题，又忍不住升起了折腾的念头。

先是配置了Hexo-Theme-Acrylic，在运行及阅读代码后发现有很多冗余的地方，折腾了一段时间后，发现团队其实还有另一款基于 EJS 的 @Next 版本。

随即切换到Hexo-Theme-Acrylic-Next版本，丝滑顺畅了很多，决定以后都是基于此来改造并维护自己博客的Hexo-Theme-Acrylic-Z，一定不折腾框架了，咱多写点内容。

那，下面来简短的分享下搭建及维护相关的内容。

一些前置准备工作

众所周知，骑自行车的首要条件是你得有一辆自行车🚴。

首先，需要一台电脑，以及一些相关的知识及安装必要的软件。

  • 一台正常运行的电脑
  • 安装 Git 环境
  • 安装 Node 环境
  • 安装 Hexo 框架

上面这些在互联网有许许多多优秀的博文可以参考、学习，这里就不展开去水文字了。

例如 Hexo 官网就有上述的文档：hexo 中文文档

预览截图

主题的安装及配置也是直接阅读官方文档即可：Hexo-Theme-Acrylic-Next文档

相关命令摘要：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# 使用 npm 在全局安装 hexo 脚手架
npm i -g hexo-cli

# 使用脚手架创建一个博客项目
hexo init myBlog

# 进入项目目录，安装对应依赖
cd myBlog
npm install

# 【1】安装喜欢的对应的主题即可，这里是原版 Hexo-Theme-Acrylic-Next 主题
git clone -b main https://github.com/hexo-theme-Acrylic/Hexo-Theme-Acrylic-Next.git themes/Acrylic

# 【2】当然如果比较勇于挑战的同学，可以尝试下本站改造维护的主题
npm i hexo-theme-acrylic-z

其他插件及配置

待补充

评论

推荐使用 twikoo 自行部署，文档很详细：twikoo.js 中文文档

下面是简要步骤：

  • 按 twikoo 文档部署服务

  • 在主题配置中填写对应 twikoo 配置

  • 访问启用评论的博客页面，设置 twikoo 访问密码及其他自定义配置

统计分析

由于主题中关于页面数据是集成了 51.la 的统计，所以直接注册后配置使用即可。

同时该平台也可以用于分析页面性能、异常等。

图床

采用又拍云部署图床，对应文章请移步至 如何配置使用又拍云图床

关于部署

如果只是只是用来了解、学习，有很多的免费途径可以部署，网上也有很多优秀教程文章。

关键词检索 github page、gitee page 或 免费搭建自己的博客 等等。

这里简单讲一下自建部署的步骤：

  • 阿里云购买域名并备案
  • 购买云服务器
  • 上传编译后的博客资源到服务器

关于SEO的优化

SEO决定了博客的内容是否能被有需要的人通过搜索引擎，搜索到、看到。

这也关乎本站的内容能否帮助到他人，从而为他人、为自己衍生出一些价值，所以是很有必要的一项长期事项。

内容已迁移至 博客如何进行SEO优化 进行后续更新补充。