1. 创建 github 仓库
首先在 github 上创建一个仓库,仓库名必须是形如<用户名>.github.io
,
在项目都设置中找到pages
选项
2. 安装 hexo
执行如下命令安装hexo
,如果没有安装npm
,需要先安装npm
,读者根据各自的发行版进行安装。
1 | npm install -g hexo-cli |
安装好hexo
后,执行如下命令生成一个初始项目
1 | hexo init <folder> |
3. 生成博客
初始项目中只有主页和一个博客,执行如下命令可以查看该初始博客
1 | hexo clean # 清空博客 |
执行hexo s
后,在浏览器中输入http://localhost:4000/
,可以查看该初始博客。
4. 配置博客
博客的配置文件是_config.yml
,
1 | theme: next |
4.1 theme 主题
其中theme
配置主题,这里使用都next
主题,该主题不是自带的,需要执行如下命令进行安装
1 | git clone https://github.com/theme-next/hexo-theme-next themes/next |
4.2 deploy 部署
先安装扩展npm install hexo-deployer-git
deploy
配置部署的相关配置,其中的
type
: 声明部署类型repo
: 声明远程地址branch
: 声明分支名
4.3. excerpt 首页内容隐藏
先安装扩展npm install hexo-excerpt
depth
: 深度,可以理解为行
5. hexo 常用命令
hexo clean
: 清空生成的博客hexo g
: 生成博客hexo s
: 开启本地服务(localhost:4000),查看博客hexo d
: 部署博客,上传到 git 仓库中
6. 让 Google 收录本博客
6.1 网站验证
访问 Google Search Console 网站,选择添加资源,在弹窗中网络前缀
在网络前缀中填入你的博客地址,之后 Google Search Console 会验证你是否是该网页的所有者。
它会提供几种验证方法,这里选择在主页中添加 html 文件进行验证,将他提供的 html 文件下载下来,将其放到主页的根目录下。
针对 hexo 搭建的博客,由于 public 中的页面都是动态生成的,没法直接放进去,这里我采用了曲线救国的方式:将该文件放到 theme 主题中,具体位置是:themes/next/source/googlexxxxx.xml
,之后重新生成博客即可。
6.2 添加站点地图
如果只做上面的操作 Google Search 中还是没有咱们的网站,咱们需要生成网站的索引,并比较给 Google,这里使用 xml-sitemaps 这个网站生成 sitemap.xml
,具体过程就不赘述了,网站引导做的挺好。
下载下来的 sitemap.xml
和 googlexxxx.xml
一样,放到 themes/next/source/
目录下,并生成行博客。
之后在 Google Search Console 中的站点地图中填入 sitemap.xml
文件即可,之后等待 Google 收录即可,大概需要 1 天。