搭建个人博客

估计要注册一个新的github账号对应一个新的域名博客

一、阿里云域名解析

二、绑定域名和github pages

仓库下面的settings

刚开始没有custom pages这个选项,提示被禁用,是因为没有内容。点击下面的Choose a theme按钮,选择一个主题后,在就可以了

三、安装hexo

1、全局安装hexo-cli指令

1
npm install hexo-cli -g

查看hexo版本

1
hexo -v

2、初始化hexo

1
hexo init

初始化可能报错:

继续报错:

3、开始体验hexo

1
hexo g

生成静态文件到public文件夹,没有public文件夹就会自动创建,如果有了就会覆盖public内容。

public文件夹的内容是要提交到github上的。

4、开启本地服务

1
hexo s

hexo s是开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容,很多人会碰到浏览器一直在转圈但是就是加载不出来的问题,一般情况下是因为端口占用的缘故,因为4000这个端口太常见了,解决端口冲突问题。

可以切换端口:hexo s -p+端口

四、更换主题

before(默认主题)

after

  1. hexo-theme-yilia-plus主题

五、关联hexo和github page

ssh更换电脑还是一样的吗?

1、配置SSH key

如果你之前已经配置好git个人信息,请跳过这一个 步骤,直接来到

为什么要配置这个呢?因为你提交代码肯定要拥有你的github权限才可以,但是直接使用用户名和密码太不安全了,所以我们使用ssh key来解决本地和服务器的连接问题。

1
$ cd ~/. ssh #检查本机已存在的ssh密钥

提示这个错误,是因为/后边的路径或者变量名有空格,那就需要加双引号

如果提示:No such file or directory 说明你是第一次使用git。

1
ssh-keygen -t rsa -C "邮箱"

然后连续3次回车,最终会生成一个文件在用户目录下,

打开用户目录,找到.ssh\id_rsa.pub文件,记事本打开并复制里面的内容,打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key:

刚复制的内容粘贴到key那里,title随便填,保存。

测试一下是否成功

1
$ ssh -T git@github.com # 注意邮箱地址不用改

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

2、设置Git的user name和email

3、配置deployment

错的repository写法

问题:不能Permission denied —-要设置ssh

部署前项目的内容:

部署后,代码已经更新

然后再更新GitHub Pages

配置_config.yml中有关deploy的部分:

正确写法:

1
2
3
4
deploy:
type: git
repository: git@github.com:saucxs/saucxs.github.io.git
branch: master

错误写法:

1
2
3
4
deploy:
type: github
repository: https://github.com/saucxs/saucxs.github.io.git
branch: master

后面一种写法是hexo2.x的写法,现在已经不行了,无论是哪种写法,此时直接执行hexo d的话一般会报如下错误:

1
Deployer not found: github 或者 Deployer not found: git

需要安装一个插件

1
npm install hexo-deployer-git --save

再次输入hexo d,就ok了。

修改文件后:

打开是404,而且GitHub Pages下面的custom domain配置项也会被清空

要在source 目录添加一个新文件CNAME,内容写上域名

修改文件,上传到github上

在GitHub_Blog文件下,执行命令(建议每次都按照如下步骤部署):

hexo clean //清除缓存和已生成的静态文件
hexo generate //构建,生成页面
hexo deploy //部署

小礼物走一波,爱你哟,么么哒