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

目录
相关文章
|
6月前
|
Shell 网络安全 开发工具
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
|
28天前
|
JSON 缓存 JavaScript
使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源(二)
使用 jsDelivr 加速 GitHub Pages 的图片资源和动态编译的 JSON 资源。
23 2
|
2月前
|
网络协议 开发工具 git
hexo github部署,通过域名访问你的博客
本文介绍了如何使用Hexo命令部署博客到GitHub,并详细说明了如何通过自定义域名访问GitHub上部署的博客。
hexo github部署,通过域名访问你的博客
|
1月前
为什么 GitHub Pages 的文章标题不能以 @ 开头?
本文记录了一个 GitHub Pages 博客网页上文章标题以 `@` 开头导致的问题,并分析了原因,提供了解决方法。
42 0
|
3月前
GitHub——使用GitHub Pages生成在线文档
GitHub——使用GitHub Pages生成在线文档
24 0
|
6月前
|
JavaScript 网络安全 开发工具
[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
|
6月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
175 0
|
11月前
|
JavaScript 开发工具 git
保姆级教程:从零构建GitHub Pages静态网站(下)
保姆级教程:从零构建GitHub Pages静态网站(下)
333 0
|
6月前
|
存储
github pages 部署单页面
github pages 部署单页面
119 0
|
6月前
|
缓存 网络协议 CDN
Docsify 配合 Github Pages 搭建一个自己的云笔记
Docsify 配合 Github Pages 搭建一个自己的云笔记
204 0
下一篇
无影云桌面