利用github+hexo个人博客

博主的博客
觉得还不错的话,不用羡慕,跟着这篇博文,很快你也可以拥有一个自己的博客了☺

准备工作

由于是利用GitHub和hexo搭建博客,所以需要下载相应的应用和注册github账号
 1. 注册github账号,你可以去这里注册:github登陆界面,具体这里不细说,很简单,跟注册其它的什么账号一样,不过需要绑定邮箱。需要注意取一个好听的username,后面会用到
 2. 注册号github账号后,就可以去新建一个仓库,:在这里插入图片描述
如图点击new按钮,新建一个仓库,到了这个页面:
在这里插入图片描述
仓库名一定要是自己的 username.github.io,例如我的username是shenqidaxiansheng,那么我的仓库名就是 shenqidaxiansheng.github.io
新建完成后,你就可以在该仓库的设置界面随便选一个主题,然后在游览器输入你的仓库名,就可以访问到你的网站了,不过这一步无所谓,因为我们待会会用hexo搭建博客。
 4. 下载git,可以去这里下载:git下载地址,点击download就可以下载了,下载完成安装就可以了
 5. 然后我们再安装nodejs具体的安装教程可以查阅网上,其实一直点next就可以了,比较简单
 ## 安装hexo
 前面的准备工作完成后,我们就可以安装hexo了,首先我们需要新建一个你想要放博客的文件夹,本人是创建了一个放在f盘下的hexo文件夹:在这里插入图片描述
 创建好文件夹后,在这个文件夹下点击右键,然后点击git bash here在这里插入图片描述
打开git bash ,不出意外你将得到这个界面:在这里插入图片描述
这个就是git的命令行界面了!,接下来的命令都是在这个文件夹下完成
输入以下代码安装hexo:
npm install hexo -g
安装完成后,输入
hexo init
完成初始化
##关键一步:将hexo和GitHub上创建的仓库联系起来
网上的其它教材对这一步都模糊其词,导致博主搭建博客的时候在这一步费了很多精力,现在把这个坑记下来,希望后来人不要在被坑在这里啦
首先,我们先输入以下命令:

cd ~/. ssh

如果提示No such file or directory 说明你是第一次使用git,那么我们就需要配置ssh秘钥
输入以下命令

ssh-keygen -t rsa -C "邮件地址"

邮箱地址是你注册时候填写的邮箱,然后连续三次回车,要输入 yse/no 你就输入yes,就会在用户目录下得到一个.ssh\id_rsa.pub,例如博主的这个文件就在这:
在这里插入图片描述
用记事本打开这个文件,复制里面的内容,然后在GitHub的设置界面上打开这里:
点击 new ssh key,是是啊撒大声地大大大是是是在这里插入图片描述
title 随便取,然后把刚刚复制的内容粘贴到key上,就创建成功了。
有了ssh秘钥就可以把本地文件和github上的仓库联系起来
继续在gitbash上执行如下命令:
    git config --global user.name "username"// 你的github用户名,非昵称
    git config --global user.email  "xxx@qq.com"// 填写你的github注册邮箱
这一步就是把本地文件夹和github上的账号联系起来,以后你在本地文件夹的数据就可以上传到你的github仓库上面了。
##将本地博客上传到github上
输入以下命令:
    hexo g
    hexo s
然后在游览器上打开网址:http://localhost:4000
就可以看到自己的博客界面,此时系统自动帮你生成了一篇叫hello World 的文章。
然后输入以下命令:
    hexo clean
    hexo g
    hexo d
hexo clean是清除, hexo g 是生成, hexo d是上传,建议每次上传博客前都要输入这三条命令。
输完这三条命令后,你就可以访问 username.github.io(username 是你的用户名,即在游览器上输入你的仓库名就可以访问到你自己的博客了)
利用hexo大家博客完成
##写博客
博客搭好后,我们如何写博客并且上传到自己的博客页面?
先按照这个路径点开这个文件夹:在这里插入图片描述
这个_posts文件夹就是存放你写的博客的地方,可以看到这里有一篇helloworld,
执行命令:
    hexo new page "my-first-blog"
就会生成一篇标题为 my-first-blog 的博文,然后你用文本编译器随便打开写点内容,你可以用makedown(makedown下载地址)写,再执行刚刚说的指令,即hexo c,hexo g , hexo d,你写好的博客就会出现在你的博客网站上了。
当然,刚刚新建好的博客使用的是系统默认的主题,名字、个人信息什么的也是系统自带的,博主将在下篇博客写如何美化博客,修改个人信息,太晚了,博主要睡觉了
(╥╯^╰╥)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值