用Hexo+Github Pages搭建私人博客(第三站)

举报
小Bob来啦 发表于 2021/06/15 22:33:11 2021/06/15
【摘要】 I love three things in this world.Sun,moon and you.Sun for morning,moon for night,and you forever. 予独爱世间三物。昼之日,夜之月,汝之永恒。吾之博客,一日不见,犹为思念。哈哈,小编没事编了几句古语,写得不咋样,还请见谅。接下来小编开始聊聊博客的后续啦(前两站在文章底部可见),昨天我们已经将博客...

I love three things in this world.Sun,moon and you.Sun for morning,moon for night,and you forever. 予独爱世间三物。昼之日,夜之月,汝之永恒。


吾之博客,一日不见,犹为思念。

哈哈,小编没事编了几句古语,写得不咋样,还请见谅。

接下来小编开始聊聊博客的后续啦(前两站在文章底部可见),昨天我们已经将博客在本地运行成功,那么我们怎样让别人也能访问我们的博客呢?

1.将博客部署到Github Pages上.

首先我们需要一个Github的账号,没有的可以在官网(https://github.com/)注册,注册后我们需要在自己的Github上点击右上方的➕号,用来新建一个存储库(New repository),在新建存储库时我们需要注意一些事项,如下:


图片


存储库建好后我们便可以开始配置SSH密钥,只有配置好SSH密钥后,我们才可以通过Git操作实现本地代码库与Github代码库同步,在你第一次新建的Blog文件里用Git Bash Here打开 ,输入以下命令:

ssh-keygen -t rsa -C "your email@example.com" //引号里面填写你的邮箱地址,比如我的是*********@qq.com

然后会跳出如下页面(此期间一直回车直到出现那个密钥的图案):

图片

接着再输入以下命令将密钥进行复制(注意空格):

clip < ~/.ssh/id_rsa.pub

2.在Github上配置SSH密钥

  1. 登陆 GitHub,点击右上角的图像,进入 Settings;

  2.  在左边找到并点击 SSH and GPG Keys;

  3. 然后点击 New SSH key;

  4. 将密钥粘贴在key的区域,密钥题目随便写个(如博客密钥)就行。

3.测试运行

我们在Git中继续输入如下命令(命令不需要更改):

ssh -T git@github.com

运行命令后我们会看到如下页面:

图片

接着我们输入yes,当出现如下页面时说明配置成功。

哇,感觉离成功越来越近了,嘻嘻。

4.在Git上配置信息

Git 会根据用户的名字和邮箱来记录提交,GitHub 也是用这些信息来做权限的处理,所以我们需要输入如下命令进行信息的设置,把名称和邮箱换成你自己的,名字可以不是 GitHub 的名称,但为了方便记忆,建议与 GitHub 一致。

输入如下命令:

git config --global user.name "此处填你的用户名"
git config --global user.email "此处填写你的邮箱"

5.配置文件信息

  1. 打开Github上面的存储库,如下。并点击Code右边的小符号,点击Use SSH,然后点击旁边的复制(红色圈出)

图片

然后打开Hexo这个文件夹,找到如下圈出来的文件(右键用记事本打开):

图片

To:上图文件也可用编辑器打开,如Sublime。

config.yml文件翻到后面找到如下配置:

图片


除了复制部分不同外,其余的与小编改成一样的即可。需注意在冒号:后面有一个空格,且需要输入英文的:哦,不然可能会报错。还需要注意缩进,切记不可随意修改语句的位置,否则后果自负哦

6.将博客文件推送到Github


最后我们需要将文件推送到Github上,在Hexo文件中右键打开Git Bash Here,输入以下命令:

hexo ghexo d

或者直接输入:

hexo g -d

以后||我们每次推送之前都会先输入:

hexo clean //清理缓存,以便每次修改后效果能尽快展现

所以小编现在都是直接用的:

hexo clean && hexo g -d

现在输入hexo g -d即可。执行后如果让你输入github的账号和密码,那么说明你的博客文件已经部署到Github上了。

如果报错,且报错为:


图片

那么说明你的deployer还没安装成功。需要输入如下命令进行安装:

npm install hexo-deployer-git --save

在Github上还需要注意的是画圈部分必须为Branch:master。否则也容易报错。

图片

最后我们可以将下面蓝色部分复制到游览器输入链接的地方,便可以查看我们自己的博客啦。当然也可以通过自己的网址,如:https://你的用户名.github.io/。比如小编的是https://bob0912.github.io/。

图片


现在每个人都可以通过你的博客链接访问到你啦。

最后的话:不要小看你生命中做的每一件小事,它都会为你的未来做最好的铺垫。

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。