零基础开始搭建自己的个人博客（hexo博客框架）

---

title: 零基础开始搭建自己的个人博客（hexo博客框架）

一、安装node.js

​ node.js的下载安装地址：node-v14.17.4-x64.msi LTS为长期稳定版

​ 安装步骤：不停的下一步就完事了

​ 配置node.js的环境变量 （将node.js的安装路径配置进path变量里面 例：D:\nodejs\）

​ 检查安装成功否： windows命令行输入 npm -v

二、淘宝镜像的下载和使用

​ npm（node package manager）：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等） npm是可以理解为Node.js的一个安装命令，使用它下载的内容是因为它请求的不是国内的镜像进行下载，直接请求国外的官网下载对应包，如果没有开启VPN下载比较慢。那我们怎么办呢？这里我们可以使用国内镜像(淘宝镜像cnpm)。

​ cnpm的下载命令：npm install -g cnpm -registry=https:*//registry.npm.taobao.org

​ 检查安装是否成功：cnpm -v

三、安装hexo博客框架

​ 安装命令: cnpm install -g hexo-cli

​ 检查安装是否成功：hexo -v

​ //使用 npm或者cnpm下载的插件都在这样类似的一个目录下：C:\\Users\\王山鹤\\AppData\\Roaming\\npm

四、下载GIT

​ 后面的搭建过程需要git的支持。

​ GIT的下载地址: Git-2.32.0.2-64-bit.exe (国外的网站，访问速度较慢)。

​ 安装和配置自行搜索。网上一大堆。

​ ==重点：==建议安装较为新的版本，不然后面的搭建过程可能会出现版本不兼容的情况。我个人卡了半天搜索了很久才得以解决。

五、使用hexo框架正式搭建博客

1. 自己找一个磁盘新建一个文件夹（blog）之后如果搭建出问题直接干掉这个文件夹然后重新搭建就完事了。
2. 在命令行把工作路径切换到上面的blog文件夹。
3. 在命令行敲上hexo init 命令。初始化一个博客。（如果没有下载GIT会出错）
4. 初始化完成之后使用hexo s命令启动博客。
5. 启动之后，复制Hexo is running at http://localhost:4000中的路径。该路径就是你的博客访问地址。
6. 新建一篇博文 hexo n "博文名称"
7. 清理一下 hexo clean 清除缓存文件 db.json 和已生成的静态文件 public 。
8. 再生成一下 hexo g 生成网站静态文件到默认设置的 public 文件夹。
9. 登录第五步的网站来查看自己生成的博文。

六、将博客部署到远端

​ 注：hexo搭建的是静态博客系统，只能自己访问，要想被别人也访问就需要部署到远端。推荐免费的github

步骤：

1. 首先你需要自己注册一个github账号。在github上面创建一个远程仓库。

   注：用户部署的个人博客的github仓库的名字必须符合特定要求才行。格式为：个人github账号名称.github.io

   注：后面只需要在浏览器地址栏输入上述格式名称就可以进行访问。

2. 在blog目录下安装一个git部署的插件 安装命令cnpm install --save hexo-deployer-git

   注：忽略安装过程的warning。

3. 配置bog目录下的_config.yml文件

   在文件的末尾deploy下面添加：

   type: ‘git’ （注意输入为引文 “ ` ” 且有空格）
   repo: https://github.com/wangchen-he/wangchen-he.github.io.git（远程仓库地址）
   email: 2458653992@qq.com（github的账户绑定邮箱）
   name: wangchen-he（github的账户名称）
   branch: master

4. 使用命令hexo d 自动生成网站静态文件，并部署到设定的仓库。

   注：这个地方如果你的git版本过低会一直报错，部署失败。

   注：看stackflow的解答，似乎是因为有安全问题还是什么，于是git开发者在2.16.x版本左右的改动中不知道修改了什么地方，老版本 的git获取username会出现问题，安装最新版本再试就没问题了。

5. 然后就可以在浏览器中直接访问了

   注：访问地址：个人github账号名称.github.io

八、设置博客主题

步骤

1. 自己在网上找自己想要的博客主题，然后下载到博客目录的themes目录下面。

2. 配置bog目录下的_config.yml文件

   修改Extensions下面的theme: landscape，将landscape换成自己下载的主题。

3. 然后 执行hexo clean hexo g hexo s hexo d 就可以在远端看到了。