【零基础，不花一分钱】搭建个人博客（hexo博客框架）

【零基础，不花一分钱】搭建个人博客（hexo博客框架）

说明：在此之前我看过很多搭建个人博客的方法，因为本人的平穷或者动手能力差都让这件事告一段落。最近看到有朋友免费建了自己的博客，这让我心动不已。果然，用了半天时间我也搞了个博客。下面把这个好方法分享给大家。（小声bb：最主要的是自己的一个记录，在这个过程遇到不少问题，解决方法的链接都怼上。）

一、安装node.js

node.js的下载安装地址：链接: https://nodejs.org/en/ LTS为长期稳定版
安装步骤：不停的下一步就完事了

​配置node.js的环境变量 （将node.js的安装路径配置进path变量里面 例：E:\PersonBlog\Tools\Node\node-v14.17.4-x64）

不知道自己node装哪的同学找到node.exe的位置，那就是node的安装位置

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

[6.14.14是版本号，出现版本号就行，不同时间下载的版本可能不同

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

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

cnpm的下载命令：npm install -g cnpm -registry=https:*//registry.nlark.com
检查安装是否成功：cnpm -v

这是正确安装成功的图

nlark和taobao一样，毕竟是支付宝的。

三、安装hexo博客框架

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

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

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

四、下载GIT后面的搭建过程需要git的支持。

​ GIT的下载地址: 链接: https://git-scm.com/downloads.(国外的网站，访问速度较慢)。

​ 安装和配置自行搜索。网上一大堆。
git安装教程，只看安装步骤
idea中配置git，和本博客无关，是自己的记录
git工作流程

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

五、使用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（远程仓库地址）
branch: master

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

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

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

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

注：访问地址：个人github账号名称.github.io。如果访问不成功看看这两个链接可能有帮助：
链接一
链接二10054错误

看到hexo d就可以结束了

八、设置博客主题

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

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

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

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

我喜欢的两个主体：
matery 参考博客 闪烁之狐博客
butterfly 参考博客 时光如水博客 【附加】：buffterfly魔改 csdn

最后

搭建博客的方法
Git 将本地仓库连接多个远程仓库
将hexo博客同时托管到github和coding
一个自己喜欢的博主写的此片文章
嘟爷
评论接入
取消淘宝镜像