美文网首页Hexo
Hexo+GithubPage搭建个人博客(win10系统)

Hexo+GithubPage搭建个人博客(win10系统)

作者: Hz_ | 来源:发表于2019-08-03 21:52 被阅读0次

        前阵子用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 来访问自己的博客了。

    相关文章

      网友评论

        本文标题:Hexo+GithubPage搭建个人博客(win10系统)

        本文链接:https://www.haomeiwen.com/subject/mjpsdctx.html