建一个自己的博客站点(3)

通过前面的内容我们已经安装了Hexo并且对它的配置文件进行了一定了解,下面就说说如何把自己的静态博客发布到 github pages

github pages

github pages 在我理解他是一个用来托管静态网页的容器,好方便人们的访问.
首先我们先创建一个repository 注意这个repository的名字的格式一定要是yourname.github.io
yourname就是你的github的用户名,比如说我的是Tom12345678q.github.io

修改网站配置文件

参数 描述
type 服务类型
repo 资源库的地址
branch 分支
message 部署时的描述信息

下面是我的

写的时候一定要仔细 一个空格都不能错 比如’:’前一定要有个空格
deploy:
type: git
repo: git@github.com:Tom12345678q/Tom12345678q.github.io.git
branch: master

上面这些东西只要是以前用过git的,理解起来应该so easy

现在还需要安装一个小插件hexo-deployer-git

install hexo-deployer-git --save```
1
2
3
4
5
6
7
8
9
10
11
# hexo常用命令
| 命令 | 说明 |
|:-------------------------|:-------------------------------------------------------------------|
| hexo new postName |#新建文章 在source/_posts 下生成 |
| hexo new page pageName |#新建页面 在source/pageName 下生成 |
| hexo deploy |#将.deploy目录部署到GitHub 简写指令:hexo d |
| hexo generate |#生成静态页面至public目录 简写指令:hexo g |
| hexo server |#开启预览访问端口(默认端口4000,'ctrl + c'关闭server)简写指令hexo s|
| hexo clean |#清除所有静态页面和缓存数据|

下面我们依次执行下面这几个命令, 这些命令都要在你初始化的<folder> 这个文件夹下执行

hexo new postName
hexo g
hexo d
hexo s

1
2
3
4
5
会出现 下面这两行
> INFO Start processing
> INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
然后你就可以访问它--http://localhost:4000/ ,就可以看到你的博客了
如果4000端口被占用那么就指定一个端口 , 执行下面的命令

hexo server -p ….
如 hexo server -p 8888
`
如果没有报任何错的话那么此时你的静态网页已经部署到github上了,你可以通过yourname.github.io访问。如Tom12345678q.github.io,当然你们会发现我的地址不是Tom12345678q.github.io,而是flyfood.name那是因为我把我的域名绑定到了Tom12345678q.github.io,至于如何绑定下面我会讲。

绑定自己的域名

这个首先你得有个域名不会的自己百度一下很简单,我是在腾讯云上买的域名,买完域名后进入域名服务->域名管理

然后会看见下面这个图,点击解析

出现了这个

  • 记录类型一定要为 CNAME 这种类型,只有这样你的域名才能指向你的github
  • 记录值填 yourname.github.io

    然后我们再去github

    进入settings 在 Custom domain版块的文本框里写下你的域名然后保存,保存完后会出现一个CNAME文件,把这个文件放到你的博客站点的source文件夹下,防止你每次提交文件到github上后这个文件会被删除

这个Hexo初级教程算是写完了,第一次写,写的很差劲很多东西还没写出来,有时间我还会接着写。对这个教程有什麽想说的可以通过**15738003651@qq.com**联系我