hexo+github pages个人博客搭建教程

本文参考自各大教程,如有雷同,不是巧合。

Step Zero绑定域名

可以省略。

1.域名官网

2.搜索自己想要的域名,推荐购买top,有个性或不缺coin者可购买com。

3.推荐先租1年,保守起见。

4.点击->域名服务BCD->更多操作->实名认证,按照指示即可,接下来离开,静等1~2个工作日,等待同时进行以下操作。

Step One注册账号

1.登录 github.com ,注册一个账号。注意,账号名为博客访问地址的前缀名,请认真编辑。为了方便,此处以faker为账号名举例,此后所有涉及到faker的地方请注意修改为自己的账号。

2.登陆邮箱验证自己的账号。

3.找到这个,,点击+号-> new repository,建立自己的一个仓库

3.仓库名,,像这样填写。

Step Two下载配件

1.下载git

2.下载nodejs,推荐current,LTS可能会出问题。

Step Three配置SSH-key

1.用鼠标右击一下任意一个文件夹,找到git bash it,点击。

2.输入 ssh-keygen -t rsa -C " " ,引号中输入自己的github注册邮箱

3.三次回车键,最终会显示出一个路径,打开此路径,找到.ssh\id_rsa.pub文件,记事本打开并复制里面的内容,打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key,粘贴进去即可。

4.回到gitbash,输入 ssh -T git@github.com (照抄即可,不用改),如果提示Are you sure you want to continue connecting (yes/no)?,输入yes,然后会看到:

Hi faker! You've successfully authenticated, but GitHub does not provide shell access.

看到这个信息说明SSH已配置成功!

5.继续输入:

git config --global user.name "faker"// 你的github用户名,非昵称
git config --global user.email  "faker@qq.com"// 填写你的github注册邮箱

Step Four初步搭建

1.继续使用 gitbash ,输入以下代码,等待下载结束可以再次输入

npm install -g hexo

2.在电脑某个地方创建一个文件夹,叫做“faker",不要随便放,安全第一又要便于打开。

3.在faker文件夹中,右击,点击gitbash it

4.输入以下代码,等一会

hexo init

5.输入

hexo s -g

6.已经开启本地预览服务,可以打开网址 localhost:4000 查看

7.很多人会碰到浏览器一直在转圈但是就是加载不出来的问题,一般情况下是因为端口占用的缘故,因为4000这个端口太常见了,请参考这篇文章:解决端口冲突

8.既然可以查看,是不是看到一个大大的地球背景?这是系统的默认背景,也是现在你的博客的样子。

9.在gitbash中ctrl c 退出本地预览,此时localhost:4000无法访问

10.打开faker文件夹,用记事本打开_config.yml,把下面一段复制到最后,记得把faker改了

deploy:
  type: git
  repository: git@github.com:faker/faker.github.io.git
  branch: master

11.保存后,用gitbash输入

npm install hexo-deployer-git --save

12.gitbash输入

hexo d -g

13.现在已经可以通过访问 faker.github.io 来访问自己的博客了!

Step Five个性修改

1.打开_config.yml,凭借自己的英语水平去理解吧!title可以改成faker's Blog,subtitle是自己的个性签名。注意冒号后面一定要有空格!!!

2.如果想换背景可以参照一下。

上面cd的操作可以不管,直接在windows下打开faker然后右击gitbash即可输入第二行内容。

3.打开_config.yml从后面找到theme: ,将landscape改为yilia 。 注意冒号后面一定要有空格!!!

4.gitbash 中输入以下代码,将修改结果上传。

hexo clean
hexo d -g

Step Six操作说明

  • hexo clean 清除缓存,通常用于解决各种奇怪的现象,推荐每次上传前使用
  • hexo s -g 本地预览,会在localhost:4000生成预览界面,便于查看效果
  • hexo d -g 上传网页,将修改结果上传至faker.github.io
  • hexo n "博文名称" 新建博客md,下一步细讲

Step Seven上传博客

1.了解markdown并下载一个md写作软件,推荐有道云笔记

2.在faker文件夹中右击gitbash,输入以下代码,名字随便取

hexo n "faker's first blog"

3.在faker/source/posts中找到fakers-first-blog.md,上传至有道云,进行编辑修改后将md复制到posts中覆盖原文件。

4.修改博文时可以看到有两道分割线,分割线里内容是博文的属性,有title,date,tag等等等,目前还不重要,只要更改title即可。

5.覆盖后,hexo d -g 上传即可

基本上,说完了。

最终鸣谢:小茗同学

posted @ 2018-08-17 13:55  Srzer  阅读(265)  评论(0编辑  收藏  举报