前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hexo整合GitHub Pages

Hexo整合GitHub Pages

作者头像
happyJared
发布2018-09-20 10:22:30
6450
发布2018-09-20 10:22:30
举报
文章被收录于专栏:happyJared

什么是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 -v
hexo -v

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
repository
repository

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官网

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.03.09 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 什么是hexo
  • 准备Node,Git环境
  • 安装hexo
  • 关联域名
  • 参考链接
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档