博客搭建 - 打造专属个人博客站点

前言

• 常见的博客站点生成器有很多，最主要的有俩：Hexo和Hugo

• 那我们就先使用Hexo来搭建了

• Hexo是一个静态博客站点生成工具，可以把Markdown格式的文档转换成静态页面，非常适合用来作个人技术博客

• 其实所有的搭建流程上官网就能找到，跟着文档一步一步来也能完成，那我们这个笔记就是要教会你快速完成初始搭建

• 先放几个辅助资源：

• 各站点生成器的入口：Static Site Generators - Top Open Source SSGs | Jamstack

• Hexo官网：建站 | Hexo

准备工作

• 使用Hexo搭建博客前要做的准备（这里不细讲）

• 也没别的，就两点：Node.js和Git

• 有关Node.js环境安装及相关知识，可以移步至《配置指南-掌握Node-js配置》一文中进行相关了解

• 有关Git基础知识，可以移步至《入门指南：掌握Git的基本操作及进阶学习》一文中进行相关了解

建站

• 全局安装hexo-cli（这玩意儿是个构建工具，就是用来安装hexo的）

npm install --save hexo-theme-fluid

• 在指定文件路径下初始化hexo

hexo init npm install

• 如你所见，config.yml就是全局配置文件，我们建议复制一个config.fluid.yml拷贝初始配置，然后在_config.yml里大刀阔斧地修改

• 至此，基本的hexo博客站点搭建完成

• 主题不好看，接下来我们着手配置主题

主题配置

默认主题

• 这里可以在hexo官方文档里详细了解，修改默认主题定制特色主题

第三方主题

• 这里推荐一个Hexo搭建个人博客教程：Hexo全过程记录 从Centos到Fluid - IRIDIUM-SUB - 博客园 (cnblogs.com)

• 这个教程超级详细，从博客的搭建到主题配置介绍一应俱全，非常值得一看

• 比起默认主题，我会更加建议使用第三方主题，更加优秀和美观

• 这里会简单地涉及到如何安装各式各样的主题，详细的主题配置请前往《大道至简：快速搭建博客与文档站点的终极指南3-0》一文中学习

• 各站点生成器的入口：Static Site Generators - Top Open Source SSGs | Jamstack

• 在这个网站下，进入Hexo主题选择（都是人家写好的，会拉下来，拿来用就行），这里拿fluid主题举例

• 看文档，按部就班地走就行：

• 安装fluid主题

npm install --save hexo-theme-fluid

• 修改_config.yml下的theme

theme: fluid # 指定主题

• 新建个关于页about（可选）

hexo new page about

• 执行下以下命令，成功访问到fluid主题的博客页面了，效果如下：

hexo g # 生成静态站点

hexo s # 本地开启服务

 

• 这个静态页面是由Hexo帮我们在本地搭建了一个Web服务，来支持我们访问的，适用于开发环境下的调试

• 实际生产过程中，我们需要把它部署到Nginx服务器上，方法也非常简单，

• 每个主题都有好多配置，那我们总要配置自己的特色主题吧？改成我们自己喜欢的，那就执行下面这行命令：

npm update --save hexo-theme-fluid

• 这时theme文件夹下找到一个_config.yml文件（往下找几层），这里我们就能自由配置、定制主题了

• 详细的页面配置、主题配置在《大道至简：快速搭建博客与文档站点的终极指南3-0》一文中有所介绍，可跳转阅读

• 下面放上我的博客访问地址以及具体的页面效果：

• Memory's blog (gitee.io)

• 使用Hexo搭建个人博客站点教程结束（2023/05/27晚）