美文网首页
借助hexo和github搭建个人博客

借助hexo和github搭建个人博客

作者: 究极酸菜鱼 | 来源:发表于2020-08-25 00:20 被阅读0次

    效果预览:

    image
    地址:博客地址
    https://www.maolilan.top/

    实现步骤

    这里只讲述hexo+github搭建,至于自定义域名留在下一篇

    1创建github的个人仓库

    仓库名为:用户名.github.io
    比如我的是kurumi2501314


    image

    2安装Git

    这个是为了获得ssh的秘钥
    1Git下载地址
    https://git-scm.com/download/win
    可以直接点链接点这个

    2Git和github绑定
    在任意的文件夹下面右键出现Git Bash
    就是这个

    在这里插入图片描述
    然后输入下面的信息进行绑定
    git config --global user.name "你的GitHub用户名"
    git config --global user.email "你的GitHub注册邮箱"
    

    最后生成ssh秘钥文件

    ssh-keygen -t rsa -C "你的GitHub注册邮箱"
    

    一路回车就ok
    可以在.ssh文件夹下找到id_rsa.pub密钥
    推荐用everything检索工具,很小,很方面快速检索,因为用户名不一样这里不再赘述
    3在github新建SSH Key
    地址
    https://github.com/settings/keys
    点击点击

    image
    将第二步的那个id_rsa.pub打开复制就好啦
    检测方法:
    在Git Bash输入:
    ssh git@github.com
    
    在这里插入图片描述

    这样就是大功告成了,这个是的用处是省去每次输入密码

    3安装Node.js

    检验方法cmd输入

    node -v
    

    出现版本号就说明你ok啦。
    一般会自带npm的,为了稳健再确定npm

    npm -v
    

    4安装hexo

    终于到主角登场了,首先新建一个文件夹,这个文件夹里放的是hexo框架和之后发布的网页,然后按着shift在点击命令行


    在这里插入图片描述

    输入:

    npm install -g hexo-cli
    

    然后初始化

    hexo init blog
    

    这里会新建一个blog文件夹,然后东西都在里面,不加的话可能会报错。
    验证请在blog文件夹下打开命令行


    image

    然后输入

    hexo new test_my_site
    
    hexo g
    
    hexo s
    

    hexo new是新建一个博客,文件格式是markdwon的,g是生成,s是启动预览。
    当然这个时候和开头那个不一样,因为我后面加主题了,这里没有现存图。

    5发布网站

    为了让别人可以看到我们要发布网站,在blog文件夹下_config.yml这个是站点配置文件,而在theme下也有个_config.yml文件,这个是主题配置文件,而我们的操作是在站点配置文件下
    找到deploy没有请自己添加

    deploy:
    type: git
    repo: 这里填入你之前在GitHub上创建仓库的完整路径,记得加上 .git
    branch: master
    

    比如我的就是https://github.com/kurumi2501314/kurumi2501314.github.io.git
    保存,然后在blog的根目录打开输入

    image
    输入:
    npm install hexo-deployer-git --save
    hexo clean 
    hexo g
    hexo d
    

    大功告成,现在访问
    http://你的用户名.github.io
    就可以了

    参考:
    https://zhuanlan.zhihu.com/p/26625249

    相关文章

      网友评论

          本文标题:借助hexo和github搭建个人博客

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