个人博客搭建心得

本文长度为 1855 字，建议阅读 5 分钟

搭建博客的初衷

我是从18年开始写博客，最初的平台选择在博客园，界面比较清爽，但是博客园主要是针对互联网软件行业的，我发的内容相对来说偏硬件，后来转战CSDN，自带图床用的很爽，写文章时只需要截图粘贴就ok，但是广告太多，一个页面能出现三个广告，看着太不舒服了。

最近这段时间由于项目需要接触了一下网页，发现还挺好玩的，恰巧刚学完Git+Github，天时地利人和，是时候搭建一个属于自己的博客了！

博客框架的选择

对于我这种前端大白，一直搞底层的C和汇编，再去学习HTML+CSS+JS，太难了，不过还好，就像Arduino让电子爱好者无需懂太多编程知识就可以做出作品，现有的很多博客框架可以让我们无需写一行前端代码即可搭建出博客，太舒服了。

目前主要的博客框架有两种：

Wordpress

Wordpress（官方网站）是使用PHP语言开发的博客平台，有许多第三方开发的免费模板，安装简单，用起来也比较容易，但是 Wordpress 需要在服务器上使用，目前学生机10RMB/月，比较便宜，但是都是有时限的，从蹭完了价格飞起，我蹭了腾讯云一年，阿里云一年，这样蹭终究不是个长久之计，云主机还是打扰了。

Hexo

Hexo（官方网站）是一个快速、简洁且高效的博客框架，使用 Markdown 解析文章，在几秒内，即可利用靓丽的主题生成静态网页，并且它拥有非常丰富的主题模板和插件，最重要的是，Hexo 可以部署到 Github 等代码托管平台上，加上这些平台提供的免费 Page 服务，不用花一分钱就可以拥有一个好看易用的个人博客，何乐而不为呢

我的个人博客

基本配置

• 域名：mculover666.cn
  • 国内分流：mculover666.coding.me
  • 境外分流：mculover666.github.io
• 平台：Coding + Github双平台部署
• 框架：Hexo v3.8.0
• 主题：Next.Pisces v7.1.1
• 评论系统：Valine
• 搜索服务：Local Search
• 站点统计：不蒜子
• 数据统计：百度统计
• 内容分享：百度分享
• 公式服务：MathJax
• 音乐服务：网易云音乐
• 背景效果：点击鼠标浮现爱心+社会主义核心价值观

速度分析

网站速度分析数据由站长之家测速工具提供。

国内测速

国内访问数据如下：

国际测速

国际访问数据如下：

使用CDN加速

目前我准备使用阿里云CDN对国内coding Page和国外Github Page加速，但是需要备案，正在申报备案过程中，预计使用CDN加速后速度会较大提升。

搭建过程

整个搭建博客的过程非常简单，大致如下：

安装

• Git：官网
• Nodejs：官网
• Hexo：npm install -g hexo-cli

使用

• 初始化：npm init
• 安装模块：npm install
• 新文章：hexo new""
• 清除生成：hexo clean
• 生成页面：hexo g
• 启动服务：hexo s
• 部署：hexo d

平台

• Github：国外，免费Page，支持自定义域名，速度慢；
• Coding：国内，免费Page，支持自定义域名，速度快；
• Gitee：国内，免费page（部署后需要手动刷新），自定义域名收费，速度快；

自定义配置

• 站点配置：根目录下_config.yml文件；
• 主题配置：主题根目录下_config.yml文件；

心得体会

在整个搭建博客的过程中，最大的感受就是两个关键字：

• 开源
• 分享

整个过程让我理解了什么叫做 — — 众人拾柴火焰高。

首先来看Hexo，如果不是因为如此丰富的主题模板和插件，不可能获得如此广的应用；

其次来看我所使用的Next主题，本来就是一个主题而已，也并不是特别好看，只要懂点网页知识都可以写出来，但是它集成了特别多的第三方服务，使用服务时变得非常方便，这些服务一个人是写不上去的，都是很多普普通通的开发者PR上去的。

还有很多很多例子，Linux, vscode, vim…这些东西成功的很大一个因素都是因为 — — 众人拾柴火焰高。

整个博客搭建完成后，在自己的地盘上可以为所欲为，再也不用受平台限制了，这个博客我准备搬运过来一些以前写过的好文章，后续我还是会以CSDN的博客为主阵地，写日常的工作博客，个人博客主要是分享一些心得体会，所以会隔一段时间更新一下，保质不保量。