需要准备的工具
- Git
- Node
- Github账号
- 有了Node,我们就可以利用它来安装 Hexo 打开控制台,输入npm i hexo -g 即可全局安装。
这里Mac下面还是最方便的,因为最新的XCode已经集成了Git。
因为要构建一个博客,所以首先你要在Github上新建一个项目仓库,如 myBlog
部署 Hexo
然后我们需要在本地在创建一个Hexo 项目,依次执行如下命令
- hexo init 这里执行了Hexo 的初始化
- npm install 安装需要使用的插件
- hexo server 这里用Hexo 自己的服务,在网址 http://0.0.0.0:4000 可以查看目前搭建在本地的博客,这里有一个误区,访问地址并不是默认的 localhost:4000 ,看到有的同学在问,这里是个误区,不过Hexo会在命令行给出提示的。这里需要注意。
- 然后我们可以选择看看Hexo的文件中,都提供给了我们什么,各个文件夹里面都包含了什么!网上很多教程都提供了详细解释,这里我就不说了!具体教程,可以参考我文末给出的链接。
- 然后你也可以新添加文章,命令是 hexo new ‘new article’
- 这里开始和网上许多教程,有些不一样了,这是因为Hexo版本不同导致的,首先我们需要安装Hexo-deployer-git插件,通过这个插件来实现我们的博客代码上传。然后还需要修改文件目录中的,_config.yml 文件中的deploy字段设置 其中的 type: git repo: https://github.com/yourname/Blog.git (注意这里的内容之前的空格不能少,因为这是Hexo的配置文件规范)。
- 在这之后,就是要把你的添加内容提交到Github了,首先是 hexo clean
- 然后是 hexo deploy –generate(也可以缩写为hexo d -g) ,这样再去我们的Github查看,就会看到我们的博客代码部署到了Github。
部署我们的博客到样式
- 在我们的Github博客项目主页,将项目仓库切换到gh-pages ,点击setting,查看博客网址,类似http://benqy.github.io/hello-benqy。
但目前的页面看上去还没有样式,我们还需要修改一点东西! - 去 _config.yml 修改url: http://yourname.github.io/myBlog 以及下面的root: /Blog ,
然后再次用 hexo clean 以及 hexo deploy -generate 上传我们的文件,然后去我们的博客网址刷新页面,就可以看到Hexo 博客啦!!!