用Hexo搭建个人博客

用Hexo搭建个人博客

一、环境配置

1.Node.js（Node官网下载）

下载完成后，根据提示进行安装。

安装完成后，需要配置环境变量（高级系统设置 => 环境变量 => 系统变量(找到Path，添加node安装路径)）

打开cmd，输入node -v和npm -v查看是否安装及配置成功。

image-20220919220625934

二、博客搭建

1.Hexo下载

新建博客目录，在cmd中进入该目录，输入npm install hexo-cli -g安装Hexo。

image-20220919221115369

如果npm不是最新版本，可能会提示下面的信息，输入npm install -g npm@8.19.2即可。

image-20220919221237260

2.Hexo初始化

输入hexo init blog 进行初始化。

image-20220919221639031

初始化完成后，文件夹下就出现很多目录结构了。

image-20220919221822151

3.启动本地博客

cmd先进入blog目录，然后输入hexo s -g启动，本地博客就搭建完成了。

image-20220919221946864

image-20220919222052616

4.通过命令行生成博客

cmd中可以通过Ctrl+C关闭上次服务连接，然后输入hexo new "My-Blog"创建新的博客。

image-20220919223955265

进入\source_posts\，可以看到两个Typora文件(一款 Markdown 编辑器和阅读器)，编写自己的文章，保存。

image-20220919224501395

在cmd中先输入hexo clean清除缓存，再输入hexo generate生成文件。

image-20220919224923272

重新启动服务，这时就会出现自己写的第一篇博客。

image-20220919225218535

三、实现远程访问博客

1.注意事项

在使用Gitee或Github的时候，通常会使用SSH密钥，一方面保证安全，另一方面推送时可以减少输入账户密码的步骤。具体的实现方式可以百度。

在选择Gitee和Github作为仓库时，本人推荐Gitee，毕竟是国内服务器，在Github上部署有时访问速度不是很流畅。

2.部署远程博客（Gitee）

在Gitee上创建新的仓库(注意: 仓库名称应该和用户名相同)

image-20220921215805519

image-20220921221437146

之后给Hexo项目安装git依赖，输入npm install --save hexo-deployer-git

image-20220921221523545

打开目录下的config文件，拉到最下面，修改Git配置，将页面上复制的链接地址拷贝过来。

image-20220921221727297

image-20220921222242995

准备就绪后，就可以将Hexo项目推送到gitee上去了。输入hexo d，中途会出现账户登录或密钥验证，根据自己情况输入即可。

image-20220921223731666

3.登录远程博客地址

之前创建新项目设置的路径就是我们博客的访问地址（https://paopao.gitee.io/），但本人访问时遇到了404，这里介绍一下404问题的解决方案。

1）在Github或Gitee上创建的项目名与路径不一致
2）配置config文件有误，仔细检查
3）Gitee需要开启静态博客支持，未实名的需要实名，可能会审核1-2天。

image-20220921230141076

## hexo g || hexo generate      写好的博客，可以生成到public中
## hexo clean                   删除public文件夹删除
## hexo s || hexo server        启动服务
## hexo d || hexo deploy        在本地生成.deploy_git文件夹，并将编译后的文件上传至GitHub或Gitee

 

最后

到这里，基本就实现了Hexo搭建自己的个人博客，感兴趣的小伙伴，快来搭建吧~

希望家人们点个赞，谢谢！！

posted @ 2022-10-05 16:53  paopaoa  阅读(63)  评论(1)  编辑  收藏  举报