美文网首页
hexo的初级搭建及部署github page

hexo的初级搭建及部署github page

作者: jing_bao | 来源:发表于2022-03-24 10:25 被阅读0次

    首先创建一个文件夹,然后cd到这个文件夹下

    安装hexo
    npm install hexo-cli -g
    
    接下来初始化一下hexo
    hexo init blog
    
    进入这个blog文件夹
    cd blog
    
    安装依赖
    npm install 
    
    启动服务
    hexo server
    
    github

    登录github,若没有账号,可以先注册github账号
    注册完或登录后,点击新建,如图:


    image.png

    进入到下图页面


    image.png

    然后创建一个和你用户名相同的仓库,后面加.github.io,这样在部署到GitHub page的时候,才会被识别到(例:用户名.github.io)
    填写好后,直接点击创建仓库按钮。

    获取token

    点击右上角头像,选择设置


    选择设置.png

    然后选择下图中Developer settings


    Developer settings.png

    选择下图选中的Personal access tokens


    图片.png

    点击生成token


    token.png

    进入如下页面,token description 随意填写,select scopes根据需要勾选,这里以下面选中红框为例,然后点击最下面生成token按钮,即可生成token,然后复制token,保存,以便之后调用


    image.png
    将hexo部署到GitHub

    安装部署插件hexo-deployer-git

    npm install hexo-deployer-git --save
    

    然后找到配置文件 _config.yml,并修改deploy,其中repo之后的token为刚才在github中生成的token(这里使用的https的仓库链接所以需获取token)


    image.png

    保存后,在终端执行
    hexo g(hexo generate)静态文章

    //hexo  generate
    hexo g
    

    部署文章

    //hexo deploy
    hexo d
    

    看到INFO Deploy done: git后,就说明部署成功了。
    部署成功后就可以在http://yourname.github.io看到自己发布的文章了

    相关文章

      网友评论

          本文标题:hexo的初级搭建及部署github page

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