从零开始搭建个人博客（保姆级教程）

目录

配置环境

一、git下载和安装

 二、Node.js下载与安装

三、安装 Hexo框架

四、使用 Hexo 搭建博客

五、更换主题

配置环境

系统：Windows 

git版本：2.44.0

node.js版本:20.12.2

一、git下载和安装

1、git下载

1.1、官方下载地址：  Git - Downloading Package (git-scm.com)

1.2、阿里云镜像网站：CNPM Binaries Mirror (npmmirror.com)

​

2、git安装：

2.1、设置安装目录

​

2.2、选择安装组件

​

2.3、选择开始菜单页（默认即可）​ 

2.4、选择Git文件默认的编辑器（默认即可）​

 2.5、决定初始化新项目的主干名字（默认即可）​

2.6、调整PATH环境（默认即可）

​

2.7、选择HTTPS后端传输（默认即可）

​

2.8、配置行尾符号转换（默认即可）

​

2.9、配置终端模拟器以与Git Bash一起使用

​

2.10、选择默认的 “git pull” 行为

​

2.11、选择一个凭证帮助程序

​

2.12、配置额外的选项

​

2.13、配置实验性选项

​

2.14、等待安装完成，在cmd中输入如下指令：git --version，出现git版本信息，说明安装成功​

 二、Node.js下载与安装

1、Node.js下载

1、下载官网：中文官网：nodejs.org

​2、Node.js安装

2.1、直接一路next即可

2.2、 等待安装完成，在cmd中输入如下指令：node -v，出现node.js版本信息，说明安装成功

​​

三、安装 Hexo框架

1、安装 cnpm

npm install -g cnpm --registry==https://registry.npm.taobao.org

利用淘宝镜像安装cnpm，命令行中通过 cnpm install 命令安装您想要的程序，可在 cmd 中输入cnpm -v, 出现cnpm 版本信息说明安装成功

2、安装 hexo

cnpm install -g hexo-cli

可在 cmd 中输入 hexo -v, 出现hexo版本信息说明安装成功

四、使用 Hexo 搭建博客

1、建立存放hexo项目文件夹，在该文件夹下右键选择Open Git Bash here,图示为安装目录

2、在git窗口，输入：hexo init，进行项目的初始化

3、​初始化完成后，在存放项目的文件夹中会出现以下配置文件

4、在git窗口，输入:hexo s,开启本地预览服务，打开浏览器访问 http://localhost:4000 即可看到博客内容

至此，博客网站已经初步配置成功

五、更换主题

主题文件存放在themes文件夹下

1、 主题搜索

1.1、 hexo 官方网站，Themes | Hexo，点击名字即可进入github网站

1.2、github网站上输入：hexo，也可以搜索到很多优秀的hexo主题

2、 主题下载

2.1、获取喜欢的hexo主题的http链接和主题名

2.2、在项目文件夹下，使用Open Git Bash here打开git窗口，输入以下指令（git clone 主题http链接 themes/主题名称）

git clone https://github.com/denjones/hexo-theme-chan.git themes/hexo-theme-chan

2.3、主题下载完毕

2.4、在themse文件夹下会出现名为：hexo-theme-chan的主题文件夹

2.5、打开_config.yml文件，将theme: landscape改为theme: hexo-theme-chan

2.6、然后在git窗口，输入以下指令，打开浏览器访问  http://localhost:4000 即可看到新的博客主题

hexo clean //执行此命令后继续下一条
hexo g //生成博客目录
hexo s //本地预览
hexo d //部署到github上

可能会存在部分效果和文件生成失败，但是不影响博客框架的生成，效果可后续配置

2.7、生成chan主题博客展示（在这种配置情况下，生成的任何博客都只有框架，剩余的还得自行配置）

2.8、 生成butterfly主题博客展示

2.9、生成tangyuxian主题博客展示（需要安装wordcount插件）

2.10、生成shoka主题博客展示

参考文章

快速搭建个人博客——保姆级教程 - 攻城狮杰森 - 博客园 (cnblogs.com)

2022 Hexo 博客搭建和使用教程(Windows) - 知乎 (zhihu.com)

从零开始免费搭建自己的博客(一)——本地搭建hexo框架_从头开始博客搭建-CSDN博客

Hexo博客搭建基础教程(一) | Fomalhaut🥝