在GitHub上部署hexo博客

在GitHub Pages部署hexo博客

需要的工具

  1. node.js
  2. git

安装及部署

  1. 安装完成node.js和git后安装hexo
    npm install hexo -g
    安装后使用hexo -v查看版本号,看是否安装成功

  2. 创建hexo项目寻找一个
    文件夹作为博客的目录
    在这个目录下使用
    hexo init
    该目录

  3. 使用npm install安装需要的组件

  4. 使用npm install hexo-deployer-git --save安装插件

  5. 使用hexo generatehexo g生成当前的博客

  6. 使用hexo serverhexo s启动服务器
    然后就可以打开浏览器访问localhost:4000在本地查看当前的博客

  7. 生成SSH密钥
    打开Git Bash,使用以下命令配置git
    git config --global user.name "你的github用户的名字"
    git config --global user.email "你的github账户邮箱"
    cd ~/.ssh
    ssh-keygen -t rsa -C "你的github账户邮箱"
    连续三次回车
    eval "$(ssh-agent -s)",添加到ssh-agent
    ssh-add ~/.ssh/id_rsa,添加生成的SSH密钥到ssh-agent
    cat ~/.ssh/id_rsa.pub
    复制此时显示的内容,内容应该是ssh-rsa简介

  8. Ctrl+C退出后,在GitHub上新建一个新的仓库,收藏名随意,还需要记录下来,我这里起名叫博客,最下面的用README初始化这个仓库,要勾选上,然后保存卫生。进入这个仓库后选择设置,在左侧选项卡选项中翻到下面,GItHub页面,源选择master分支,选择保存后,会在这部分的标题处写明这个仓库的url,就是你博客的网址了。还是页面的左侧的选项卡,部署选择添加部署键,添加密钥。
    题目随意,我设置为了博客
    的关键粘贴我们刚才复制的那一段。
    最下面允许写访问要打勾。
    选择添加项即可。
    然后在Git的Bash的使用中
    ssh -T git@github.com测试,如果看到喜后面是你的用户名,就说明成功了。

  9. 修改hexo配置文件

    打开本地博客的根目录,找到_config.yml文件,

    在文件的开头处,第二部分,URL部分改成如下内容:

    # URL 
    ## 如果您的站点放在子目录中,请将 url 设置为 'http://yoursite.com/child' 并将 root 设置为 '/child/' 
    url: http://yoursite.com/blog 
    root: /blog /
    永久链接: :year/:month/:day/:title/ 
    permalink_defaults:
    

    这里的url和root这需要修改。url在入口要加仓库名,我的仓库叫博客,所以写成了

    http://yoursite.com/仓库名
    

    ,同理root修改成

    /仓库名/
    

    在文件的结尾处,部署这部分改成如下内容:

    # 部署
    ## Docs: https://hexo.io/docs/deployment.html 
    deploy: 
      type: git 
      repository: git@github.com:Davidham3/blog.git 
      branch: master
    

    需要的是,这里的repository这个,应该去GitHub里面你新建那个那个的那个叫的仓库里面找。进入仓库主页后,点击下面绿色的克隆,或者下载在新弹出的窗口选项选择使用SSH,然后将下面的文字复制粘贴到这里。

    修改完配置文件后保存退出。

  10. 使用hexo clean清除扫描

  11. 使用hexo g生成博客

  12. 使用hexo deployhexo d将部署到GitHub上,打开你的GitHub Pages设置进入输入的url,就可以的博客了。以上两步也可以连写为hexo d -g

    原文作者:戴维汉姆

    原文链接:https://davidham3.github.io/blog/2018/02/20/%E5%9C%A8github%E4%B8%8A%E9%83%A8%E7%BD%B2hexo/

Q.E.D.


樱花庄的一只二刺猿