美文网首页
Hexo+Github来搭建一个博客站点

Hexo+Github来搭建一个博客站点

作者: Chinajmz | 来源:发表于2017-06-02 14:02 被阅读0次

    笔记 简单的记录利用hexo来搭建一个github.io的博客站点

    hexo

    什么是hexo?Hexo是一个快速、简洁且搞笑的博客框架。Hexo使用Markdown(也可使用其他渲染引擎)来解析文章,在几秒内即可通过配置好的主题来生成静态网页。

    安装

    首先前提条件,你需要在电脑内安装好下列软件:(此部分省略)

    • Node.js
    • Git

    然后,我们用npm执行下面命令就可以完成hexo的安装:

    npm install -g hexo-cli
    

    Hexo简要命令

    hexo n #生成文章,或者也可以在source/_posts手动编辑
    hexo s #本地预览
    hexo g #生成public静态网站
    #生成public目录之后,可以利用git来手动同步到github.io上
    

    Github.io

    注册

    • 登录github并注册自己的帐号,例name
    • 创建一个新的repository,名称必须是跟帐号名称一致,例name.github.io
    • 首次创建需要耐心等待,之后就可以访问静态主页,输入http://name.github.io

    同步内容至Github

    建议不要直接在hexo的public下面追加git版本管理,这里只做为参考

    • 进到hexo生成的public目录并执行git init命令
    • 追加远程gitgit remote add xxxooo
    • 然后提交修改并push到github上面
    • 再次输入http://name.github.io你应该可以看到最新的页面了。

    自动Deploy

    想要自动发布到Github.io上面的话,我们需要用到hexo-deployer-git这个功能组件。首先,还是利用npm install xxx来安装,也可以在package.json里面配置好。

    然后找到_config.yml里面的deploy项,在这个配置项下面追加两个属性值typerepo,如下所示:

    deploy:
      type: git
      repo: git@github.com:jmz331/jmz331.github.io.git
    

    然后就是配置好本地提交github的权限,具体设置参考 如何配置github

    相关文章

      网友评论

          本文标题:Hexo+Github来搭建一个博客站点

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