美文网首页
用hexo和Github Pages搭建免费博客

用hexo和Github Pages搭建免费博客

作者: kevinYY | 来源:发表于2017-03-24 22:36 被阅读0次

    用hexo和Github Pages搭建免费博客

    环境要求

    • node.js
      直接在node中文网下载最新版的nodejs。
    • git
      直接去git这里下载一个即可。

    当然,你还需要有一个github帐号,如果没有去github官网创建一个即可

    安装hexo

    hexo官网有详细的安装部署步骤,可以直接去对着官网的指示lu。

    1. 全局安装hexo
    $ npm install -g hexo-cli
    $ hexo
    

    执行hexo显示版本号等信息,则证明安装成功。安装过程无报错,但提示hexo command not found,
    则可能是环境变量的问题。

    1. 安装完成后,使用hexo生成需要的文件
    $ hexo init <folder>
    $ cd <folder>
    $ npm install
    

    具体文件含义,配置信息官网有详细介绍。

    1. 生成静态文件
      $ hexo generate
    2. 发布
      如果是本地运行,执行hexo server,即可在localhost:4000查看你的博客啦。但是,默认主题不是很好看···

    如何将博客部署到github

    1. 配置github

      1. 建立github仓库,名称yourname.github.io
      2. 生成添加密钥
        ssh-keygen - rsa -C "github的注册邮箱地址"
        然后一直回车。会得到两个文件id_rsa和id_rsa.pub,用记事本打开id_rsa.pub,Ctrl + a复制里面的所有内容,
        然后到github个人设置页面添加一个sshkey
    2. 部署到github
      将刚刚hexo生成的那个文件里面找到最外层的配置文件_config_yml,拉到最下面:

    deploy:
         type: git
         repo: 你的github仓库地址
         branch: master
    

    然后安装部署工具:npm install hexo-deployer-git --save
    最后生成静态文件并部署到github:

    hexo generate
    hexo deploy
    

    以上命令可以简写成hexo g -d;
    大功告成!


    如何更换主题

    将大象塞进冰箱要三步,更换hexo主题只要两步:

    1. 将主题下载到themes文件夹中(无论你怎么下载都行)
    2. 将站点下的_config.yml配置文件中的主题配置更换成你下载的主题的文件夹名称
      这里有详细教程

    使用hexo,如果换了电脑怎么更新博客?

    办法无非就是将博客源代码和静态文件分开管理。
    一个库,两个分支分别存储这两个文件就很不错。但是
    git的分支,弄了一上午没弄好。退而求其次,建立了连个仓库,一个放hexo generate 生成的文件。就是yourname.github.io的master里的文件。
    一个放源代码,就是你电脑上博客目录的某些文件。
    参考

    相关文章

      网友评论

          本文标题:用hexo和Github Pages搭建免费博客

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