美文网首页Android知识HexoWEB前端程序开发
利用Hexo和github搭建自己的简单博客

利用Hexo和github搭建自己的简单博客

作者: Only凹凸曼 | 来源:发表于2017-02-07 21:24 被阅读132次

    申请Github账号

    这个大家可以自行申请,不会的也可以百度一下,这里也贴上一个百度经验的链接Github的账号申请方法

    Github Pages的使用

    有了账号以后,首先点击新建仓库,如图:


    创建项目

    然后到达仓库信息填写界面,如图:

    填写用户名
    这里只要注意一个地方,就是仓库的名称,必须是:你的用户名.github.io
    因为我的已经申请了,没找到截图,所以这个是找的网上的鸿洋老师的截图,他的用户名是hongyangAndroid,所以他的用户名是hongyangAndroid.github.io。

    安装Git客户端

    Git官方下载地址
    大家下载直接安装就行,一直下一步就可以,没什么特殊的,安装完成时候配置一下环境变量。
    搭建安装完成之后记得打开Git Base Here 配置用户名和邮箱,有些使用SSH我这边没有使用

    git config --global user.name [username]
    git config --global user.email [email]
    

    安装Node(必须)

    作用:用来生成静态页面的
    到Node.js官网下载相应平台的最新版本,一路安装即可。

    正式安装Hexo

    Node和Git都安装好后,首先创建一个文件夹,如blog,用户存放hexo的配置文件,然后进入blog里安装Hexo。

    执行如下命令安装Hexo:

    npm install -g hexo
    

    初始化然后,执行init命令初始化hexo,命令:

    hexo init
    

    好啦,至此,全部安装工作已经完成!blog就是你的博客根目录,所有的操作都在里面进行。

    生成静态页面

    hexo generate(hexo g也可以)
    

    本地启动

    启动本地服务,进行文章预览调试,命令:

    hexo server
    

    浏览器输入http://localhost:4000

    我不知道你们能不能,反正我不能,一直打不开,不管他,我们直接配置到Github上。

    Hexo和Github相结合

    在我们刚刚建立的blog的目录下面_config.yml的文件,打开之后,最下面配置Github

    deploy:
      type: git
      repo: https://github.com/OnlyTerminator/OnlyTerminator.github.io
      branch: master
    

    然后执行命令:

    npm install hexo-deployer-git --save
    

    最后啦,执行配置命令:

    hexo deploy
    

    这一块可能要输入用户名和密码
    完成之后再浏览器中输入https://onlyterminator.github.io/就行了,我的github的账户叫onlyterminator,你们把这个改成你自己的github账户名就行了。

    大致看一下效果

    后期更新博客

    后期我们想要添加博客。只要在blog目录下面的source_posts下面添加.md文件就行,我们也可以通过命令来新建,位置也在source_posts下面

    hexo new"postName" #新建文章
    

    然后执行下面的命令部署到Github上:

    hexo clean
    hexo generate
    hexo deploy

    相关文章

      网友评论

        本文标题:利用Hexo和github搭建自己的简单博客

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