事件的起因:源自前几天写的博客被删除了,联系客服最后得出的理由,居然是因为网安扫描到了该博客标题,导致被删了,天地良心啊,丝毫没有违反规范,被删除的莫名其妙,还不能恢复。至此,想搭建一个属于自己的博客的想法越来越强烈,加之前段时间刚好看到过相关的文章,也有过类似的想法,这次被删博文事件,导火线被彻底点燃,直接开干。
安装环境
- 下载安装好Git(Git下载地址,安装选项一路默认即可,狂点下一步直至完成)
- 下载安装好Node.js (Node.js下载地址,一路默认就行,安装路径根据自己需要更改)
- 在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
我们来看看刚刚新建的文章
好了,属于自己的博客就搭建好了。