Hexo搭建博客2 Hexo安装及部署

川长思鸟来 2022-04-18 00:48 283阅读 0赞

**本文介绍**

*  [安装hexo][hexo]
    
     *  [注意][Link 1]
     *  [安装成功hexo的输出：][hexo 1]
 *  [Hexo命令][Hexo]
    
     *  [创建站点目录][Link 2]
     *  [清楚缓存][Link 3]
     *  [生成静态页面][Link 4]
     *  [开启本地服务器][Link 5]
     *  [连写形式][Link 6]
     *  [hexo组合命令][hexo 2]
 *  [将博客部署到Github Pages上][Github Pages]
    
     *  [安装插件][Link 7]
     *  [修改站点配置文件][Link 8]
 *  [部署hexo][hexo 3]
 *  [参考文章][Link 9]

## 安装hexo ##

在站点目录下，打开git-bash输入下面的指令安装hexo:

npm install hexo-cli g

### 注意 ###

安装过程可能比较慢，这跟网络环境有关。如果天没有见到运行效果，请耐心等待。

我在用`git bash`安装的时候就半天没反应，这个时候，不小心按下`ctrl+c`结束了，这样安装没有完整。先删除掉再说：`npm uninstall hexo`。然后，我默默的打开手机用开个热点。再安装：`npm install hexo-cli g`

### 安装成功hexo的输出： ###

$ npm install hexo-cli g
    npm WARN saveError ENOENT: no such file or directory, open 'D:\Blog\package.json'
    npm notice created a lockfile as package-lock.json. You should commit this file.
    npm WARN enoent ENOENT: no such file or directory, open 'D:\Blog\package.json'
    npm WARN Blog No description
    npm WARN Blog No repository field.
    npm WARN Blog No README data
    npm WARN Blog No license field.
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
    
    + hexo-cli@1.1.0
    + g@2.0.1
    added 104 packages in 15.271s

安装成功之后就可以使用Hexo来建立站点了。

## Hexo命令 ##

### 创建站点目录 ###

安装完成后，根据自己喜好建立目录。如在`git-bash`中进入`/d/Blog/`目录下，初始化一个名为`blog`站点目录，我们以后的所有操作都在这个站点目录下进行。

hexo init blog

初始化输出：

$ hexo init blog
    INFO  Cloning hexo-starter to D:\Blog\blog
    Cloning into 'D:\Blog\blog'...
    remote: Counting objects: 68, done.
    remote: Total 68 (delta 0), reused 0 (delta 0), pack-reused 67
    ......
    {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
    
    added 396 packages in 33.779s
    INFO  Start blogging with Hexo!

建立好站点之后，Hexo已经默认给我们创建好一个`Hello World`页面了。

### 清楚缓存 ###

使用`hexo clean`可以清除缓存，清除缓存可以让新配置的信息立即生效。

### 生成静态页面 ###

使用`hexo generate`或简写`hexo g`命令生成静态页面(html),一般使用简写形式就行了。

$ hexo generate

### 开启本地服务器 ###

输入`hexo server`或者输入其简写形式`hexo s`即可开启本地服务器。

$ hexo server

然后打开浏览器，输出`localhost:4000`可以看到效果。

### 连写形式 ###

使用`&&`作为分隔符可以把多条命令写成一行。例如`hexo clean`,`hexo g`,`hexo s`这三条命令可以写成`hexo clean&&hexo g&&hexo s`这样的一行的形式。这样可以较少输入命令的次数，`git-bash`支持按上下键，显示上次执行过的命令。这样我们在调试的时候就可以按一下上键，然后回车执行这三条命令了。

### hexo组合命令 ###

也可以写成下面的形式：

*  清除、生成、启动

hexo clean && hexo g -s

*  清除、生成、部署

hexo clean && hexo g -d

## 将博客部署到Github Pages上 ##

使用`hexo s`可以在本机上启动服务器(部署在本机)，这种方式适用于调试阶段。部署到Github之后我们可以通过网络来访问。

### 安装插件 ###

hexo要想到githbu pages的要安装hexo-deployer-git这个插件,站点目录下，打开git-bash输入下面的命令进行安装。

npm install hexo-deployer-git --save

### 修改站点配置文件 ###

打开**站点根目录**(blog)下的`_config.yml`文件，这个文件以后称为**站点配置文件**找到下面的`deploy:`字段 并更改为：

deploy:
      type: git
      repo: https://github.com/用户名/用户名.github.io.git  #你的仓库地址
      branch: master

其中`repo`字段使github仓库的地址，`branch`使你想要推送的分支。  
**注意**：冒号后面有一个半角空格。

以上配置完成后,就可以部署到gitbub上了。

## 部署hexo ##

输入下面的命令将hexo博客部署到github中：

# 清空静态页面
    hexo clean
    # 生成静态页面
    hexo generate
    # 部署 
    hexo deploy

相当于执行

hexo c && hexo g -d

## 参考文章 ##

*  [https://blog.csdn.net/xuezhisdc/article/details/53130328][https_blog.csdn.net_xuezhisdc_article_details_53130328]
 *  [https://www.cnblogs.com/nuannuan7362/p/6111171.html][https_www.cnblogs.com_nuannuan7362_p_6111171.html]
 *  [https://my.oschina.net/ryaneLee/blog/638440][https_my.oschina.net_ryaneLee_blog_638440]
 *  [https://www.cnblogs.com/visugar/p/6821777.html][https_www.cnblogs.com_visugar_p_6821777.html]
 *  [https://my.oschina.net/ryaneLee/blog/638440][https_my.oschina.net_ryaneLee_blog_638440]
 *  [https://www.jianshu.com/p/343934573342][https_www.jianshu.com_p_343934573342]

本文链接: [Hexo搭建博客2 Hexo安装及部署][Hexo_2 Hexo]

[hexo]: https://www.lansheng.net.cn/blog/48803e00/#%E5%AE%89%E8%A3%85hexo
[Link 1]: https://www.lansheng.net.cn/blog/48803e00/#%E6%B3%A8%E6%84%8F
[hexo 1]: https://www.lansheng.net.cn/blog/48803e00/#%E5%AE%89%E8%A3%85%E6%88%90%E5%8A%9Fhexo%E7%9A%84%E8%BE%93%E5%87%BA%EF%BC%9A
[Hexo]: https://www.lansheng.net.cn/blog/48803e00/#Hexo%E5%91%BD%E4%BB%A4
[Link 2]: https://www.lansheng.net.cn/blog/48803e00/#%E5%88%9B%E5%BB%BA%E7%AB%99%E7%82%B9%E7%9B%AE%E5%BD%95
[Link 3]: https://www.lansheng.net.cn/blog/48803e00/#%E6%B8%85%E6%A5%9A%E7%BC%93%E5%AD%98
[Link 4]: https://www.lansheng.net.cn/blog/48803e00/#%E7%94%9F%E6%88%90%E9%9D%99%E6%80%81%E9%A1%B5%E9%9D%A2
[Link 5]: https://www.lansheng.net.cn/blog/48803e00/#%E5%BC%80%E5%90%AF%E6%9C%AC%E5%9C%B0%E6%9C%8D%E5%8A%A1%E5%99%A8
[Link 6]: https://www.lansheng.net.cn/blog/48803e00/#%E8%BF%9E%E5%86%99%E5%BD%A2%E5%BC%8F
[hexo 2]: https://www.lansheng.net.cn/blog/48803e00/#hexo%E7%BB%84%E5%90%88%E5%91%BD%E4%BB%A4
[Github Pages]: https://www.lansheng.net.cn/blog/48803e00/#%E5%B0%86%E5%8D%9A%E5%AE%A2%E9%83%A8%E7%BD%B2%E5%88%B0Github-Pages%E4%B8%8A
[Link 7]: https://www.lansheng.net.cn/blog/48803e00/#%E5%AE%89%E8%A3%85%E6%8F%92%E4%BB%B6
[Link 8]: https://www.lansheng.net.cn/blog/48803e00/#%E4%BF%AE%E6%94%B9%E7%AB%99%E7%82%B9%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6
[hexo 3]: https://www.lansheng.net.cn/blog/48803e00/#%E9%83%A8%E7%BD%B2hexo
[Link 9]: https://www.lansheng.net.cn/blog/48803e00/#%E5%8F%82%E8%80%83%E6%96%87%E7%AB%A0
[https_blog.csdn.net_xuezhisdc_article_details_53130328]: https://blog.csdn.net/xuezhisdc/article/details/53130328
[https_www.cnblogs.com_nuannuan7362_p_6111171.html]: https://www.cnblogs.com/nuannuan7362/p/6111171.html
[https_my.oschina.net_ryaneLee_blog_638440]: https://my.oschina.net/ryaneLee/blog/638440
[https_www.cnblogs.com_visugar_p_6821777.html]: https://www.cnblogs.com/visugar/p/6821777.html
[https_www.jianshu.com_p_343934573342]: https://www.jianshu.com/p/343934573342
[Hexo_2 Hexo]: https://www.lansheng.net.cn/blog/48803e00/