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

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

目录
相关文章
|
3月前
|
缓存 JavaScript 网络安全
基于Hexo的主题Fluid搭建Github博客
基于Hexo的主题Fluid搭建Github博客
45 1
|
25天前
|
存储
github pages 部署单页面
github pages 部署单页面
19 0
|
1月前
|
缓存 网络协议 CDN
Docsify 配合 Github Pages 搭建一个自己的云笔记
Docsify 配合 Github Pages 搭建一个自己的云笔记
41 0
|
2月前
Hexo博客添加GitHub评论功能
Hexo博客添加GitHub评论功能
28 0
|
2月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
|
2月前
|
JavaScript 开发工具 git
保姆级教程:从零构建GitHub Pages静态网站(下)
保姆级教程:从零构建GitHub Pages静态网站(下)
68 0
|
2月前
|
前端开发 JavaScript
保姆级教程:从零构建GitHub Pages静态网站(上)
保姆级教程:从零构建GitHub Pages静态网站
247 0
|
5月前
Github Pages自定义域名
Github Pages自定义域名
|
5月前
Gridea 上手教程——小白也可以用的GitHub Pages 搭建工具
Gridea 上手教程——小白也可以用的GitHub Pages 搭建工具
Gridea 上手教程——小白也可以用的GitHub Pages 搭建工具
|
6月前
|
JavaScript 网络安全 开发工具
Github+Hexo搭建个人网站详细教程
随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交网站让用户分享信息更加便捷。然后,如果你是一个不甘寂寞的程序猿,是否也想要搭建一个属于自己的个人网站,如果你曾经或者现在正有这样的想法,请跟随这篇文章发挥你的Geek精神,让你快速拥有自己的博客网站,写文章记录生活,享受这种从0到1的过程。

相关产品

  • 云迁移中心