Github+Hexo的搭建与配置

作者: gyl_coder | 来源:发表于2017-11-19 09:34 被阅读37次

    【Hello,hexo】忙活了还多天,查了无数资料,终于搭建完成啦。现整理出过程分享出来,同时自己也再顺一遍。如果有错误欢迎指正~。

    我的博客

    软件准备

    1. node.jsnode.js中文网
    2. git git下载如果下载速度过慢,请移步百度下载,只是版本差异
    3. 文本编辑器,个人用的sublime text(其实用记事本也可以)
    4. 注册github帐号

    安装node和git

    1. node和git一路默认安装即可,安装完成之后,在命令输入终端分别键入node -vgit --version出现版本信息就说明安装成功。
    2. 选装cnpm。由于npm速度有时候令人堪忧,所以建议安装淘宝源的cnpm,在git bash中输入下面整段
    $ alias cnpm="npm --registry=https://registry.npm.taobao.org \
        --cache=$HOME/.npm/.cache/cnpm \
        --disturl=https://npm.taobao.org/dist \
        --userconfig=$HOME/.cnpmrc"
    

    安装完之后验证,输入:cnpm info express,若出现一大堆信息则表明成功了

    安装Hexo

    1. 全局安装。在git bash 下输入:cnpm install -g hexo-cli
      安装完之后,输入hexo-v,出现版本信息则表明安装成功
    2. 创建hexo项目。在D盘(你可以在任意盘,这里只是举个栗子_)新建一个文件夹hexo。进入到此文件夹右键点git bash然后输入hexo init,走完命令行之后输入:cnpm install(不知道为什么我的最后一步一直安装不成功^,不过不影响使用,需要的插件可以单独安装。)

    创建github pages与配置ssh

    1. 创建博客仓库。登陆到github上新建一个仓库,名称为:你的用户名.github.io
    2. 本地生成ssh密钥。git bash下输入ssh-keygen -t rsa -C "你的邮箱地址"
    3. 上传公钥串。在你的电脑C:\ Users\你的计算机用户名.ssh目录下打开刚刚生成的id_rsa.pub,复制里面的内容。然后在这里https://github.com/settings/keys 新建一个ssh key,title随便写,把公钥串粘贴到文本框,保存即可。

    将本地博客同步到github上

    1. 安装必要插件。进入到本地的hexo目录,在git bash下分别输入cnpm install hexo -server --savecnpm install hexo-deployer-git --save
      (这里在安装hexo-deployer-git的时候一直提示hexo中的有个文件没有访问权限,换了管理员还是不行,我猜测可能是该文件挂到电脑上的某个服务上了,然后重启了一下电脑。成功安装)
      2.编辑博客配置文件:_config.yml,具体参考https://hexo.io/zh-cn/docs/configuration.html (最重要的是配置deploy)
    deploy:
      type: git
      repo: git@github.com:你的github用户名/你的github用户名.github.io.git
      branch: master
    

    之后重新部署一下。在git bash中依次执行 hexo clean(清除旧的public生成文件)hexo generate(或者hexo g 生成静态文件)hexo server(本地预览)hexo deploy(部署到github上,第一次会有弹框提示,输入yes,点击ok)提交成功后就可以访问了,比如我的是:http://gyl-coder.github.io/至此,博客搭建结束!可以稍微休息下,庆祝一下了~.

    关于Hexo主题的配置

    Hexo 是高效的静态站点生成框架,她基于 Node.js。 通过 Hexo 你可以轻松地使用 Markdown 编写文章,除了 Markdown 本身的语法之外,还可以使用 Hexo 提供的 标签插件 来快速的插入特定形式的内容。在这篇文章中,假定你已经成功安装了 Hexo,并使用 Hexo提供的命令创建了一个站点。
    可以直接参考next主题的官方文档Next文档

    相关文章

      网友评论

        本文标题:Github+Hexo的搭建与配置

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