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

本文介绍

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

安装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: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ [email protected]
+ [email protected]
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://www.cnblogs.com/nuannuan7362/p/6111171.html
• https://my.oschina.net/ryaneLee/blog/638440
• https://www.cnblogs.com/visugar/p/6821777.html
• https://my.oschina.net/ryaneLee/blog/638440
• https://www.jianshu.com/p/343934573342

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