Hexo博客部署到Gitee(码云)平台,开启Pages 服务

本文最后修改于 104 天前,部分内容可能已经过时!

我为什么把Hexo部署到Gitee(码云)上呢?什么是Pages服务呢?

首先,Gitee Pages 服务是一个支持Jekyll、Hugo、Hexo静态网站的服务,它是免费使用的, 但仅供博客 / 门户 / 开源项目网站 / 开源项目静态效果演示用途。就是说,我们把Hexo搭建的博客,放到Gitee上,它给我们指定一个URL地址,只要有网络,我们就可以通过URL地址来访问我们搭建的Hexo博客,我们就不用购买服务器了。

除了Gitee这样的平台外,还有Github、Gitlab和Coding,其中Coding和腾讯合作,国内访问速度不慢,Github我也是可以访问的,但是有的页面访问速度很慢,Gitlab我的网络压根就加载不出来,由于国内Gitee的访问速度还好,以及 之前也部署到Github和coding过,于是这次就部署到Gitee上。

第一步:注册Gitee账号,新建项目仓库

gitee官网: https://gitee.com/

1.注册账户(直达注册页面),能记住密码就行,不过我总是忘记密码🙃

请输入图片描述

2.新建项目仓库:

忘说了,如果网页为英文,不太友好,在网站最底部右下角可以切换为中文。

请输入图片描述
请输入图片描述

关于这个仓库名,还是要记录一些重要事情的:如果你填写的仓库名和自己的用户名不一致,Gitee Pages的访问地址就会是 https://你的用户名.gitee.io/仓库名,如果你填写的仓库名是你的用户名,那么Pages的访问地址就是 https://你的用户名.gitee.io,这就是两者的区别。

第二步:配置Git

1. 配置本地的git

git提供一个 git config 的工具,我们需要用它来配置本地的git:使用命令 git config --global user.name "你的Gitee的用户名"git config --global user.email "你的注册邮箱地址"来配置个人用户信息

请输入图片描述

这两条配置很重要,每次 Git 提交时都会引用这两条信息,说明是谁提交了更新,所以会随更新内容一起被永久纳入历史记录: 加上--global 就起全局作用, 更改的配置文件就是位于你用户主目录下的那个(~/.gitconfig),那么以后你所有的仓库都会默认使用这里配置的用户信息。如果要在某个特定的仓库中使用其他名字或者电邮,只要去掉 –global 选项重新配置即可,新的设定保存在当前仓库的 .git/config 文件里。

2.检查已有的配置信息

要检查已有的配置信息,可以使用 git config --list 命令:

$ git config --list
user.name=你配置的用户名
user.email=你配置的邮箱地址

第三步:配置Hexo

1.修改__config.yml的url和root

为了能让Hexo生成的静态界面可以在Gitee Pages上生效, 需要给Hexo 配置文件_config.yml的url和root做如下修改:

url: https://你的用户名.gitee.io/你的仓库名   #例如url: https://xxx.gitee.io/blog
root: /你的仓库名           #例如/blog

2.安装hexo-deployer-git插件

为了Hexo能利用Git将静态网站文件推送到远程Gitee仓库中,需要下载Hexo插件:hexo-deployer-git

#安装hexo-deployer-git,要在博客网站的根目录下安装
$ cnpm install hexo-deployer-git --save

之后,需要修改 Hexo 配置文件_config.yml 的deploy:

deploy:
  type: git
  repo: <repository url>     #例如 https://gitee.com/xxxx/blog.git
  branch: [branch]
  message: [message]
选项描述默认值
type版本管理工具没有默认值,必填,我们使用Git就填git
repo目标仓库的URL链接必填,例如https://gitee.com/xxx/blog.git
branch仓库分支一般写maser gh-pages (GitHub) coding-pages (Coding.net) master (others)
message自定义提交信息默认是提交是的时间 Site updated: now(‘YYYY-MM-DD HH(mm:ss’) ) 例如:Site updated: 2020-02-09 23:07:41

关于repo的填写,填的东西可以在仓库右边的克隆/下载处复制HTTPS链接
请输入图片描述

第四步:生成界面,推送到Gitee

$ hexo g      #生成静态文件
$ hexo clean  #清除缓存
$ hexo d      #提交并推送到远端仓库

hexo d这一步需要输入用户名和密码:用户名是明文的,会显示,但密码是不会有任何显示的,就像空气一般透明,但是系统会录入你的密码,不要以为你没有输进去,尽管大胆的输入!

请输入图片描述

第五步:开启仓库的Pages服务,访问网页

在你的仓库中开启Pages服务:

请输入图片描述
请输入图片描述
请输入图片描述

最后,访问一下那个地址,看是否能够访问的了!

Tags:博客搭建Hexo
上一篇
下一篇

添加新评论