Hexo搭建个人博客

摘要

现在随着计算机的飞速发展，拥有一个属于自己的博客，是一件非常平常的事。使用hexo搭建一个属于自己的个人博客，是即快捷又美观的一种方式，也是非常受到人们的喜爱的。接下来我将带领大家一起搭建自己的博客。

开发环境

1、node.js 官网
（1）、 node.js 安装步骤:
2、git 官网
（1）、 git 安装步骤:

1.png

2.png

（安装完成后我们可以运行cmd查看是否安装成功，git安装成功的话，鼠标右键可以看到有两个选项）

安装hexo基本架构

3.png

执行以下命令

//第一条   这是安装hexo的基础框架
npm install -g hexo

//第二条   这是初始化hexo框架 这个可能会比较慢
hexo init

//第三条 安装所需要的组件
npm install

//第四条 编译生成静态页面
hexo g

//第五条 启动本地服务
hexo s

如果是第二次搭建hexo的话，第一条命令可以不用输入

4.png

修改端口

//修改hexo的本地端口号为5001
hexo s -p 5001 

到这里我们通过hexo搭建的一个简易博客架构就完成了

5.png

补充点：

//cmd 查看端口
netstat -ano

如何查看某个端口被谁占用

项目部署到gitee

1.注册码云账号

image.png

2、创建仓库，并填写仓库名 仓库介绍等信息

image.png

3、

image.png

4、添加公钥

image.png

5、公钥的路径一般在 C:\Users\LZW.ssh 文件夹下面（我们只有成功安装了git才会出现这个文件）

image.png

6、复制公钥粘贴到码云的公钥上面，然后点击确定即可

image.png

7、回到之前我们创建的hexo项目，然后找到我们项目下面的_config.yml文件 ，并滑到最下面找到deploy

image.png

8、配置上传代码信息

image.png

补充：如果我们想长传到github上面，像下图一样添加一个配置可以，后面的地址就是自己远程仓库的下载地址（注意点：在其他平台同样需要提前配置公钥）

image.png

9.在当前项目文件夹下面，右键 运行Git Bash Here ,执行 hexo clean && hexo g -d

hexo clean && hexo g -d

image.png

10.执行成功后，刷新远程仓库页面

image.png

补充点：如果出现 Deployer not found: git 执行 npm install --save hexo-deployer-git,之后在执行 hexo clean && hexo g -d 即可

npm install --save hexo-deployer-git

image.png

11、刷新页面后发现我们的代码已经上传成功了，这时候我们点击 服务，然后点击Gitee Pages

image.png

12、配配远程访问地址

image.png

13、通过这个地址即可远程访问我们的博客

image.png