Hexo整合GitHub Pages

什么是hexo

  Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.

  Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

准备Node,Git环境

  1. 到Node官网下载安装包。Windows系统下的安装也很简单,下载最新版本的msi安装包,运行后一路点击Next就行,默认node会自动添加Path环境变量中,安装完后按Windows窗口键+Rcmd打开命令提示符界面,用node -v测试即可(PS:使用如下命令可更改为国内淘宝的NPM镜像源npm install -g cnpm --registry=https://registry.npm.taobao.org, 这样以后就可以使用 cnpm 命令来安装第三方模块:cnpm install <module_name>)

  2. 安装Git,配置Git环境,具体操作过程这里就不在演示了,安装完了可以用命令git --version来测试

安装hexo

  1. cnpm install hexo -g,开始安装hexo

  2. hexo -v,用于检查hexo是否安装成功

Hexo整合GitHub Pages
hexo -v
  1. 创建空文件夹,在当前文件夹中输入hexo init进行初始化,最后输出的一句是:“Start blogging with Hexo!”

  2. cnpm install,安装相关依赖的组件

  3. 输入hexo g(等价于hexo generate),开始生成Hexo

  4. 输入hexo s(等价于hexo server),开启本地服务,默认为4000端口。端口占用的情况下,命令hexo server -p {port}可改变监听端口号

  5. 关联GitHub Page所在的仓库。在当前文件夹下,找到_config.yml文件,修改repository

Hexo整合GitHub Pages
repository
  1. 新建文章,执行命令:hexo new post “my first blog”,可以在_posts文件夹下看到新创建的my first blog.md文件

  2. 安装扩展:cnpm install hexo-deployer-git --save

  3. 编辑好Markdown文章后,使用命令:hexo d -g,快速生成和部署远程仓库

  4. 部署成功后访问:https://{username}.github.io. 即可查看生成后的文章

关联域名

  1. 在source文件夹下新建名为CNAME的文件,输入域名,如:blog.mariojd.cn

  2. 使用命令hexo d -g部署到远程仓库

  3. 到域名提供商那里添加相应的域名解析

主机记录 记录类型 记录值
blog CNAME happyjared.github.io.

参考链接

Hexo官网
Hexo文档
Node官网
Git官网

上一篇:IDEA快捷键拆解系列(前言)


下一篇:IDEA快捷键拆解系列(一)