使用Hexo+GitHub搭建属于自己的博客

事件的起因:源自前几天写的博客被删除了,联系客服最后得出的理由,居然是因为网安扫描到了该博客标题,导致被删了,天地良心啊,丝毫没有违反规范,被删除的莫名其妙,还不能恢复。至此,想搭建一个属于自己的博客的想法越来越强烈,加之前段时间刚好看到过相关的文章,也有过类似的想法,这次被删博文事件,导火线被彻底点燃,直接开干。

 安装环境

  1. 下载安装好Git(Git下载地址,安装选项一路默认即可,狂点下一步直至完成)
  2. 下载安装好Node.js (Node.js下载地址,一路默认就行,安装路径根据自己需要更改)
  3. 在GitHub注册好账号(GitHub注册地址,可以使用谷歌浏览器的翻译功能帮助阅读)

准备就绪

第一步:检查Git环境是否就绪,安装成功的象征就是在电脑上任何位置鼠标右键能够出现如下两个选择

第二步:检查Node.js环境是否就绪,打开cmd命令行,成功界面如下

第三步:在GitHub上新建项目

点击New repository,新建一个存储库

项目名必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦。

并且需要勾选Initialize this repository with a README

填写好信息之后,点击Create repository。

在新建好的项目页面,点击Settings,下拉到GitHub Pages

这里会有个网址,访问它,该项目已经被部署到网络上,能够通过外网来访问它。 

访问之后是这样的

这一步操作完了,继续往下走。

 

搭建步骤

第一步:安装Hexo

在自己认为合适的地方创个文件夹,我是在E盘建了一个blog文件夹。

然后通过命令行进入到该文件夹里面

输入npm install hexo -g,开始安装Hexo

这是在安装中,安装过程有点长,耐心等待它安装完...

终于安装完了,输入hexo -v,检查hexo是否安装成功

看到这些,表示安装成功了。

输入hexo init,初始化该文件夹(又是一个有点漫长的等待。。。)

初始化中ing

看到后面的“Start blogging with Hexo!”,有点小激动!

输入npm install,安装所需要的组件

hexo的安装工作基本告一段落了,现在来体验下。

 输入hexo g,首次体验Hexo

 输入hexo s,开启服务器,访问该网址,正式体验Hexo

如果没任何问题,那么你将看到这个振奋人心的页面,成功搭建好了。

问题:假如页面一直无法跳转,那么可能端口被占用了。

此时我们ctrl+c停止服务器,接着输入“hexo server -p 端口号”来改变端口号,然后重新访问。

 

第二步:将Hexo与Github page联系起来

设置Git的user name和email(如果是第一次的话)

在你blog文件夹里面鼠标右键,点击Git Base Here。

git config --global user.name "用户名"
git config --global user.email "邮箱"

用户名和邮箱输入自己的

 

输入cd ~/.ssh,检查是否由.ssh的文件夹

这里显示的是没有,解决方法如下:

输入ssh-keygen

再次输入输入cd ~/.ssh,进来了

输入ls,列出该文件下的内容。下图说明存在

输入ssh-keygen -t rsa -C “邮箱@126.com”,点击一次回车,输入y在点击一次回车,之后在连续点击两个回车,生成密钥。

最后得到了两个文件:id_rsa和id_rsa.pub(默认存储路径是:C:\Users\Acer\.ssh)。如图:

输入eval "$(ssh-agent -s)",添加密钥到ssh-agent

再输入ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent

 登录Github,点击头像下的settings,添加ssh

 

新建一个new ssh key,将id_rsa.pub文件里的内容复制上去,然后点击Add SSH Key

会让你输入登陆密码确认,输入之后就添加好了。

输入ssh -T git@github.com,测试添加ssh是否成功。

输入yes回车,需要等待一下子。

如果看到Hi后面是你的用户名,就说明成功了


问题:假如ssh-key配置失败,那么只要以下步骤就能完全解决

首先,清除所有的key-pair
ssh-add -D
rm -r ~/.ssh
删除你在github中的public-key

重新生成ssh密钥对
ssh-keygen -t rsa -C "xxx@xxx.com"

接下来正常操作
在github上添加公钥public-key:
1、首先在你的终端运行 xclip -sel c ~/.ssh/id_rsa.pub将公钥内容复制到剪切板
2、在github上添加公钥时,直接复制即可
3、保存

测试:
在终端 ssh -T git@github.com


配置Deployment,在E:\blog文件夹中,找到_config.yml文件

修改repository的值(在末尾),如果你的deploy不是这样的,修改一下,补全缺少的属性(冒号后面是有空格的)。

上图红框中的值,repository值是你在github项目里的ssh(右下角)

 

新建一篇博客,在cmd执行命令:hexo new post “博客名” (如果光标一直再闪,没有打印东西,按一下回车)

新创建的文件,在E:\blog\source\_posts路径下

在_posts文件夹里面对.md文件进行编写了,每个.md文件就是一篇博客。

用编辑器打开Hello-Hexo.md文件,编写一些内容,然后保存。

之后就可以进行部署工作了,不过在生成以及部署文章之前

需要安装一个扩展:npm install hexo-deployer-git --save(在cdm中安装)

使用编辑器编好文章,那么就可以使用命令:hexo d -g,生成以及部署了

等待它部署完。

部署成功后访问你的地址:http://用户名.github.io

 

我们来看看刚刚新建的文章

 好了,属于自己的博客就搭建好了。

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

良月柒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值