前言
本文以主题为material讲解。
1. 安装Hexo
1 | npm install -g hexo-cli |
2. 创建一个叫blog的网站
1 | // 切入到想放入blog的文件中 |
3. 进入blog目录，运行该服务
1 | cd blog |
4. 打开浏览器，输入http://localhost:4000/查看
5. 修改主题和blog目录下的配置文件(下面直接称为：站点配置文件)
- 将自己选的主题文件放入
themes目录下(我用的：material) - 打开站点配置文件，找到
theme字段，将值改为自己选的主题 - 将此配置文件中的一些基本信息修改为自己的信息，具体详情请见：Hexo配置
language：将值设置成为你网站所需要的语言，支持的语言在文件/material/languages中。description：网站描述。主要用于SEO，告诉搜索引擎关于你站点的简单描述。url：网站网址root：网站根目录。注意自己网站是存放在哪个目录下的。theme：改为material
6. 修改选中主题中的配置文件
- 首先，将配置文件
_config.template.ymlcopy一份到当前目录，并更名为_config.yml。详情请见：安装说明。 - 更改
_config.yml配置文件中的基本信息：keywords：网站关键词site_verification：搜索引擎验证，具体做法请参见：给Hexo搭建的博客添加百度和谷歌的搜索引擎验证google：谷歌Search Console验证baidu：百度站长平台验证structured_data：在页面的head中生成结构化数据。这项功能需要你完善地配置主题的站点配置文件和主题配置文件。comment\use：主题方式(我用的disqus)comment\shortname：disqus shortname。// 这个在disqus的哪里？？analytics\google_site_id：自己的谷歌analyticsID。
注：向搜索引擎验证你对站点的所有权，用于向搜索引擎提交sitemap和管理站点被搜索引擎收录的情况。
7. 修改站点配置文件，将网站自部署到Github上
- 在文件的末尾加上：
1
2
3
4// 添加你要放博客的远程仓库部署
deploy: type: git
repo: https://github.com/github-name/github-name.github.io.git // 只要是你仓库地址即可，没有强制要求.github.io仓库
branch: master
8. 安装部署使用的git插件
我们使用的是git源码管理工具，所以我们需要安装git包进行部署，安装这个插件才能使用git进行自动部署。
1 | npm install hexo-deployer-git --save |
9. 生成网站
部署网站前，我们需要先将其生成静态网站。进入blog目录执行下面命令，生成的网页将会存放在根目录自动生成的public文件夹中。
1 | hexo g |
10. 重启生成网站，进行自动部署网站
注：每次修改后都需要重新生成网站并进行部署。
1 | hexo d |
参考文章：
1.Hexo简述
2.material用法
3.Hexo用法
有问题？发送 issues 给我~