美文网首页
手把手教你搭建个人博客|使用Hexo框架(二)

手把手教你搭建个人博客|使用Hexo框架(二)

作者: Willem | 来源:发表于2020-03-02 18:37 被阅读0次

      在上一篇文章中已经完成了基于本地服务器的网页页面,这篇将主要讲将网页部署到远端让所有人看到,以及更新和发布的相关知识。

    三、部署到远端

    在前面我们介绍了搭建一个本地服务器的hexo网页,并且测试成功,但是这只能在自己的电脑上看到,想要让其他人都可以看到,那么就需要部署到云端。这里有多种平台选择:GitHubGiteeCodingGitlab等,GitHub是国外服务器,会影响上传更新及页面打开的速度,推荐使用国内代码托管平台Gitee,由于我之前在自己电脑做的时候使用过Gitee,这里我演示部署到GitHub。

    1.安装Git插件

    仍然在我们创建的文件夹中右键打开Git Bash,在终端中输入:

    cnpm install --save hexo-deployer-git
    

    显示下图则安装成功,一般都是会成功的。


    Git插件.png

    2.创建远端仓库

    1.打开GitHub官网(如果没有注册需要先注册账号),主页右上角点击加号→New repository,创建新的仓库:

    New repository.png
    2.个人部署博客的GitHub仓库名字必须符合特定的要求,仓库名前缀和用户名(红线部分)必须一致,如下图所示:
    setting.png
    我的仓库名为:caoweigang.github.io,这个将作为我们部署之后的博客链接地址;
    Description可以简单描述,选择Public(不然要钱), Create repository创建特定仓库。

    3.配置_config.yml关联仓库

    在我们的文件夹MyselfBlog中找到_config.yml文件,使用记事本或者VSCode打开,到文件的最下方找到deploy

    _config.yml.png
    然后更改下方几行内容进行配置:
    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
      type: git
      repo: https://github.com/caoweigang/caoweigang.github.io
      branch: master
    

    1.注意每一项冒号后需要空格,type: git(git前需要空格)
    2.repo是刚才创建仓库的地址,复制到这里


    GitAdress.png

    3.branch指向我们仓库中的分支,默认master
    Ctrl+s保存 关闭。

    4.部署到远端

    在文件夹中打开git bash,终端中部署指令:

    hexo d
    

    第一次推送一般会需要输入GitHub的账号密码登录,登陆之后:


    hexo d.png

    完成之后,刷新我们的GItHub仓库,可以看到新增加了许多文件,这些就是我们的博客生成的文件,也就部署完成了。


    Refresh.png
    我们把我们的仓库名链接拿出来复制到浏览器进行访问。
    NewAdress.png

    复制到浏览器打开就可以看到和之前localhost:4000一样的页面了,把此链接发给同学朋友或者在自己手机上试一下是不是也可以打开了。

      到这里为止,我们的Hexo博客已经创建和部署完成,已经可以做到在任意ip都能访问,之后我们来学习怎样对博客的主题和自己的信息等进行设置,美化和更改达到自己想要的效果。

    相关文章

      网友评论

          本文标题:手把手教你搭建个人博客|使用Hexo框架(二)

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