美文网首页
利用GitHub搭建个人博客

利用GitHub搭建个人博客

作者: 天涯的尽头s风沙 | 来源:发表于2019-11-21 20:34 被阅读0次

    搭建环境

    下载并安装以下两个工具
    1.node.js
    2.git

    安装好之后,打开命令窗口(按住Win+R后输入CMD即可打开命令窗口)


    打开命令窗口.png

    分别输入 node -vnpm -v git --version 查看刚才我们安装的软件的版本

    查看软件版本.png

    配置GitHub

    1.生成SSH key

    打开Git Bash,输入ssh-keygen -t rsa然后按三下回车,如下图所示

    image.png
    接着就会在C:\Users\Administrator.ssh目录下生成到id_rsa和id_rsa.pub两个文件,id_rsa是密钥,id_rsa.pub是公钥
    公钥与私钥文件.png
    接下来需要将id_rsa.pub的内容添加到GitHub上,这样本地的id_rsa密钥才能跟GitHub上的id_rsa.pub公钥进行配对,才能够授权成功。

    2.在GitHub上添加SSH Key

    进入Settings

    image.png
    image.png
    image.png
    把id_sra.pub的内容复制粘贴到key(id_sra.pub可以使用记事本打开),最后Add SSH key就可以了。
    测试是否成功:
    SSH key 添加成功之后,输入ssh -T git@github.com进行测试,如果出现以下提示证明添加成功了。
    image.png

    创建 GitHub 仓库

    image.png
    注意:项目名称一定要使用 你的名字 + .github.io
    image.png

    设置本地博客的配置

    1 安装Hexo
    在你认为合适的地方创建一个文件夹,然后在文件夹空白处按住 Shift+鼠标右键,然后点击在此处打开命令行窗口。(同样要记住啦,下文中会使用在当前目录打开命令行来代指上述的操作)

    我的电脑出现了点问题,右键不能用,所以我这里先打开命令行然后自己进入Hexo文件夹

    在命令行输入npm install -g hexo
    然后输入 npm install hexo --save这时候你会看到命令窗口刷了一堆白字,然后输入 hexo -v 查看hexo是否安装成功了。

    image.png

    2初始化Hexo
    在命令窗口中,继续输入 "hexo init",等待下载好了之后输入 "hexo s"

    image.png
    出现以上信息时就可以打开浏览器了,在地址栏中输入 http://localhost:4000/ 我们就可以看到如下图的界面,这个就是我们的博客。
    image.png

    新建文章

    命令窗口输入hexo new 'filename'我们的文件夹(F:\Hexo\source\_posts)下面就会生成一个新的md文件

    发布博客

    1.复制我们的GitHub项目地址
    比如我这边是:https://github.com/zccon/zccon.github.io.git
    然后打开我们新建的文件夹(F:\Hexo)下面生成的_config.yml文件,在最下方作如下修改

    image.png

    deploy 是部署的意思,type: git 就是使用 git 进行部署,repo: github仓库地址

    接下来回到命令窗口,输入 npm install hexo-deployer-git --save

    安装好Git上传插件之后,输入 hexo g,然后输入 hexo d就可以将我们的博客上传到我们的GitHub了,而且以后更新文章就只需要用这两个命令就可以了。这样别人也可以通过 https://yourname.github.io 来访问我们的博客了(开头一定要用https,yourname是你的github的名字)。

    相关文章

      网友评论

          本文标题:利用GitHub搭建个人博客

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