Hexo+GitHub搭建博客

用了一天的时间使用Hexo+github 搭建博客,独立博客维护起来有许多麻烦,静态博客只需要维护文章就好了,而Hexo+github搭建博客非常方便,当然在其中也是踩了很多的坑。

刚换完主题,就是介样婶儿~

一、环境和工具

  • Windows环境(本文环境,同mac环境有区别)
  • node.js
  • git
  • github
  • Hexo
    node和git比较基础,官网直接下载即可。

二、搭建

github创建账号

1.注册账号

注册账号

2.登录账号
3.创建仓库

建立仓库,开始新项目
填入的仓库名称为后续访问网址,有坑请注意

填写好仓库名称,仓库描述就可以新建仓库了。
4.生成秘钥
在终端中敲命令

ssh-keygen -t rsa -C "Github的注册邮箱地址"

一路enter,会生成两个文件

文件路径

找到id_rsa.pub复制所有内容,找到github的ssh,title随便起,key放复制值。保存成功后ssh私钥就好了。

github设置
建立私钥

安装Hexo(手动划重点)

  • 下载Hexo

$ npm install -g hexo-cli

  • 初始化博客

// 建立空文件夹,存放博客,名字随意,比如Hexo
$ hexo init Hexo
//找到文件夹
$ cd Hexo
// 安装依赖,npm镜像源在网络慢的时候可以切换cnpm淘宝镜像
$ npm install 或者cnpm install

  • 本地启动博客
  • hexo g(编译)
  • hexo s(本地起服务)
  • 出现以下信息表示Hexo启动成功,监听端口4000
    INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
本地启动博客

注意:本地修改的时候先 Ctrl+C停止服务,修改后Hexo g,Hexo s。

网址访问博客

  • ssh私钥
    配好的这步略过
  • 部署
    在hexo目录下找到_config.yml
整站配置文件
我的配置截图,使用ssh连接github

继续划重点,,有坑,,yml文件有个特殊格式,冒号后必须有空格!!!

上面是错的,下面是正确格式,注意看冒号后空格
  • 执行
    hexo g
    hexo d(部署到github上,同时提交代码到仓库)
出现介样婶儿,就是github仓库提交成功,同时部署成功

然后去访问github昵称.github.io网址就能看到Hexo界面,代表博客已经搭建好了。

你可能感兴趣的:(Hexo+GitHub搭建博客)