前阵子用Hexo+GihubPage搭建了个人博客,在此记录一下搭建过程,也希望能够帮助到有需要的同学,搭建环境是win10,步骤比较简单,一共五个:安装Node.js和Git、配置Github、安装Hexo、Hexo关联GithubPage、部署发布博文。以下是五个步骤的具体内容:
-
安装Node.js和Git
- Node.js下载链接,安装完成之后使用node -v命令验证是否安装成功,如果安装成功,会显示安装的版本号。
- Git下载链接,安装完成之后使用git --version命令验证是否安装成功,如果安装成功,会显示安装的版本号。
-
Github相关配置
- 在命令行输入:ssh-keygen -t rsa -C "xxxxx@qq.com"回车之后,会提示Enter file in which to save the key,如果直接点击回车,则默认保存到.ssh文件夹下,文件名为id_rsa,如果需要自定义文件名,则输入命令:C:\Users\user/.ssh/xxx_rsa,则在.ssh文件夹下面生成xxx_rsa和xxx_rsa.pub两个文件,分别是公钥私钥。
- 在Github上添加SSH keys,点击头像,选择Settings->SSH and GPG keys->New SSH key,将刚才生成的.pub文件中的公钥拷贝进去。 添加SSH Keys
- 执行命令ssh -T git@github.com,出现以下提示即说明添加ssh成功;
连接成功
-
安装Hexo
-
选择一个自己觉得合适的盘,创建文件夹,命名比如blog,通过命令行进入该文件夹下;
创建安装文件夹 -
输入命令:npm install hexo -g,开始安装Hexo,安装完成之后通过命令:hexo -v来验证,如下图即安装成功;
安装成功 -
输入命令:hexo init 初始化hexo,如下图即初始化成功;
在这里插入图片描述 -
输入命令:npm install 安装依赖的组件;
安装成功 -
输入命令:hexo g 生成相关文件;
生成成功 -
输入命令:hexo s 开启服务;
开启服务 - 此时在浏览器输入:http://localhost:4000/ 即可看到博客主页;
访问博客
-
-
Hexo关联GithubPage
-
登录Github创建Repository,Repository name格式一定要是:用户名.github.io,否则访问不了。
在这里插入图片描述 - 打开创建的Repository,到settings页面,找到GitHub Pages选项,点击change theme选择一个自己喜欢的博客模版。
- 进入Blog文件夹,找到_config.yml文件,在末尾修改deploy的三个属性,注意repository的格式固定为<font color="#FF0000">:git@github.com:用户名/用户名.github.io.git</font>,否则访问不了,另外需要注意的是在<font color="#FF0000">每个冒号后面一定要有空格</font>,否则本地文件无法提交至github。
配置_config.yml文件
-
-
部署并发布博客
- 输入命令:npm install hexo-deployer-git --save安装插件;
- 输入命令:hexo new post “first blog”,在D:\Blog\source_posts下即可看到创建的博客文件。
- 输入命令:hexo d -g,将本地博文发布至github,此时就可以通过 用户名.github.io 来访问自己的博客了。
网友评论