Hexo搭建和部署

目录

  • 安装Node.js
  • 安装Hexo博客框架
  • 使用Hexo框架搭建个人博客
  • 部署到Github

1、安装Node.js

Node.js是搭建Hexo博客所必需的环境。在Node.js官网上下载LTS版本的安装包，一直按下一步安装即可。

使用管理员权限打开终端，执行node -v和npm -v命令，可以查看node和相应包管理器的版本。

2、安装Hexo博客框架

因为谷歌安装插件是从国外服务器下载，受网络影响大，可能出现异常，所以使用之前，先执行以下代码：

1
npm install -g cnpm --registry = https://registry.npm.taobao.org

至于这段代码的作用，这里有一段淘宝团队官网的引述：

“这是一个完整npmjs.org镜像，你可以用此代替官方版本（只读），同步频率目前为10分钟一次以保证尽量与官方服务同步“。

自动安装完成后，执行cnpm -v命令查看淘宝镜像版本。接下来安装Hexo框架，执行以下代码：

1
cnpm install -g hexo-cli

执行hexo -v可查看Hexo框架的版本。

3、使用Hexo框架搭建个人博客

3.1 初始化

1.建立blog文件夹，作为博客生成的根目录。使用终端进入目录将博客初始化，需执行以下命令：

1
hexo init

2.等待一段时间后完成安装，Blog目录下会生成一些内容，其中包含自带的默认主题landscape。运行博客，执行：

1
hexo s

会生成一个localhost端口号，将地址复制到浏览器打开连接，这样就实现了在本地端运行博客网站。

3.执行以下命令创建一个新的博客：

1
hexo n "newText"

在根目录的 source/_post 目录下生成了一个 .md 文件，这就是刚刚创建的博客。使用 markdown 编写博客会事半功倍。

编写完博客后保存文件，在终端执行命令退回到根目录。

注意：若要添加图片，需创建同名文件夹

1
hexo n newText

实现在post目录下同时创建 newText.md 文件和 newText 文件夹（目录），将图片放入文件夹即可。显示图片操作请访问详情

4.完成博客的清理、生成，执行以下代码：

1
2
hexo clean
hexo g

执行hexo s查看博客的效果，刷新浏览器页面，新的博客就生成了。

4、部署到Github

真正的博客应该公开到网上，接下来将个人博客部署到Github上。

1.在Github上新建一个仓库，取名格式”昵称.github.io“，(必须是这个格式，它将作为个人博客的地址)

2.在部署博客之前，需安装Git插件，在终端执行：

1
cnpm install --save hexo-deployer-git

3.配置根目录下的config.yml文件，修改以下代码区域：

1
2
3
4
deploy:
  type: git
  repo: #你的仓库地址
  branch: master

4.配置完成，执行以下命令将博客部署到远端：

1
hexo d

过程中可能会需要输入Github的账户和密码，推送过程会持续一段时间。

5.推送完成后，Github仓库会发生一些变化，个人博客搭建成功。复制链接(之前的仓库名)在浏览器中打开，这就实现了在公网上搭建自己的博客网站。

详情参阅

我的博客地址
我的Git仓库地址