当前位置:   article > 正文

零成本搭建博客 HEXO+Github_github 零成本博客

github 零成本博客

这几天用github搭建了hexo博客现在写篇文章试一下顺便讲一下自己的步骤和遇到的问题。

一:准备

  1. 给电脑配置Node.js环境和git(网上和多教程,请自行查阅)


     
  2. 申请自己的GitHub账号。

##二:本地搭建

  1. 本地新建一个文件夹来存放博客文件(比如blog)

     
  2. 右击该文件,选中 Git Bash here

     
  3. 安装hexo

    1
    
    npm install -g hexo-cli
    
  4. 初始化博客

    1
    
    hexo init
    
  5. 安装依赖包

    1
    
    npm install
    
  6. 生成静态网页

    1
    
    hexo generate
    
  7. 开启hexo服务端口(Hexo 会监视文件变动并自动更新,您无须重启服务器。)

    1
    
    hexo server
    

如果安装成功会提示 INFO Start processing

此时打开浏览器输入 http://localhost:4000/就可以预览博客欢迎页面

###完成这些工作当然不是为了在本地查看,下面部署到我们的GitHub上去

  1. 打开文件_config.yml,编辑网站配置
  2. 把第 6 行的 title 改成你想要的名字
  3. 第九行author项为作者名
  4. 把最后一行的 type 改成 type: git
  5. 在最后一行后面新增一行,左边与 type 平齐,加上一行 repo: 仓库地址 请建立一个仓库,名为:GitHub帐户名.github.io,否则导致创建失败,地址为仓库文件的下载地址(即Clone or Download 选项提供的地址)
  6. 执行命令

    1
    
    npm install hexo-deployer-git --save
    
  7. 将.deploy文件部署到GitHub

    1
    
    hexo deploy
    
  8. 此时将所用仓库的GitHub Pages 的功能打开,就可以通过访问http://GitHub用户名.github.io浏览你的博客

###到这里hexo通过GitHub搭建结束,之后可以自己修改博客文件来发布自己的博客了。

hexo的一些操作命令:
https://segmentfault.com/a/1190000002632530

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Guff_9hys/article/detail/990036
推荐阅读
相关标签
  

闽ICP备14008679号