美文网首页
Hexo+GitHub搭建博客

Hexo+GitHub搭建博客

作者: 芒果加奶 | 来源:发表于2017-07-10 15:45 被阅读0次

    用了一天的时间使用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搭建博客

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