当前位置:   article > 正文

借助hexo和github搭建个人博客_heo与github

heo与github



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

实现步骤

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

1创建github的个人仓库

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

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注册邮箱"
  • 1
  • 2

最后生成ssh秘钥文件

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

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

将第二步的那个id_rsa.pub打开复制就好啦
检测方法:
在Git Bash输入:

ssh git@github.com
  • 1

在这里插入图片描述
这样就是大功告成了,这个是的用处是省去每次输入密码

3安装Node.js

检验方法cmd输入

node -v
  • 1

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

npm -v
  • 1

4安装hexo

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

npm install -g hexo-cli
  • 1

然后初始化

hexo init blog
  • 1

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

然后输入

hexo new test_my_site

hexo g

hexo s
  • 1
  • 2
  • 3
  • 4
  • 5

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

5发布网站

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

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

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

输入:

npm install hexo-deployer-git --save
hexo clean 
hexo g
hexo d
  • 1
  • 2
  • 3
  • 4

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/喵喵爱编程/article/detail/941049
推荐阅读
相关标签
  

闽ICP备14008679号