1. 简述

  • Hexo是一个基于Node.js的博客系统,常用于搭建在GitHub上。
  • 其本质其实是一个基于Node.js的内嵌webserver的程序,可以通过一些命令根据markdown生成静态页面,这些页面既可以部署到本地内嵌的webserver上,也可以部署到GitHub上(配置和命令)。

2. 准备Git客户端和GitHub

  • 安装Git客户端或TortoiseGit
  • 注册GitHub
  • 创建一个仓库,仓库命名必须为用户名.github.io,因为全部步骤完成后你就可以通过https://用户名.github.io来访问你的博客了~
  • 配置SSH

    * 打开Git Bash,设置用户名($ git config --global user.name "你的GitHub用户名")和邮箱($ git config --global user.email "你的GitHub注册邮箱")

    * 生成ssh密钥:$ ssh-keygen -t rsa -C "你的GitHub注册邮箱",此时在用户文件夹下就会有一个新的文件夹.ssh,其中id_rsa文件是私钥,要妥善保管,id_rsa.pub是公钥文件

    * 添加ssh密钥到GitHub:在Settings->SSH and GPG keys下,新建一个ssh key,将id_rsa.pub中的内容复制到Key文本框中

    * 测试ssh:$ ssh -T git@github.com

3. 安装配置Hexo

  • 从官网安装Node.js
  • 安装Hexo:npm install hexo-cli -g
  • 初始化Hexo:hexo init
  • 安装依赖:npm install
  • 启动Hexo:hexo server,启动后可以在浏览器中使用http://localhost:4000访问本地webserver(已自动根据现有文章生成静态页面)

4. 集成Hexo与GitHub

  • 认证已通过前面的ssh实现
  • 编辑Hexo配置文件_config.yml,添加github仓库信息(注意type、repo、branch的前面有两个空格,后面的:后面有一个空格):
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:wangyeping1988/wangyeping1988.github.io.git #github仓库地址
branch: master # github分支
  • 安装Git插件:npm install hexo-deployer-git --save

5. 日常使用

  • 新建文章(可以用双引号括起来):hexo new {title}

    • 然后在source文件夹下就生成了对应的md文件,就可以直接去编辑了
  • 生成静态页面:hexo generate
  • 清除生成内容:hexo clean
  • 部署到GitHub:hexo deploy

6. 使用模板

Hexo基本使用的更多相关文章

  1. 【原】Github+Hexo+NextT搭建个人博客

    摘要 GitHub 是一个开源项目的托管网站,相信很多人都听过.在上面有很多高质量的项目代码,我们也可以把自己的项目代码托管到GitHub,与朋友们共享交流.GitHub Pages 是Github为 ...

  2. 使用HEXO快速建站

    先安好npm,请参照:http://max.cszi.com/archives/482 打开网站:https://hexo.io/   npm install hexo-cli -g hexo ini ...

  3. hexo+github搭建个人博客

    最近用hexo+github搭建了自己的个人博客-https://liuyfl.github.io,其中碰到了一些问题,记录下来,以便查阅. hexo+github在win7环境下搭建个人博客:hex ...

  4. 基于Hexo和Github搭建博客

    搭建自己的个人博客. 准备工作 确保电脑需要已下载安装node和npm.查看安装是否成功,windows只需在命令行输入以下两条命令即可. 1 2 $ node -v $ npm -v 安装hexo ...

  5. Hexo的coney主题的一些补充说明

    title: Hexo的coney主题的一些补充说明 date: 2014-12-14 14:10:44 categories: Hexo tags: [hexo,技巧] --- Coney是一个非常 ...

  6. 基于hexo+github搭建一个独立博客

    一直听说用hexo搭建一个拥有自己域名的博客是很酷炫的事情~,在这十一花上半个小时整个hexo博客岂不美哉. 使用Hexo吸引我的是,其简单优雅, 而且风格多变, 适合程序员搭建个人博客,而且支持多平 ...

  7. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(四)-使用Travis自动部署Hexo(2)

    前言 前面一篇文章介绍了Travis自动部署Hexo的常规使用教程,也是个人比较推荐的方法. 前文最后也提到了在Windows系统中可能会有一些小问题,为了在Windows系统中也可以实现使用Trav ...

  8. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(三)-使用Travis自动部署Hexo(1)

    前言 前面两篇文章介绍了在github上使用hexo搭建博客的基本环境和hexo相关参数设置等. 基于目前,博客基本上是可以完美运行了. 但是,有一点是不太好,就是源码同步问题,如果在不同的电脑上写文 ...

  9. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置

    前言 前文手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置介绍了github注册.git相关设置以及hexo基本操作. 本文主要介绍一下hexo的常用参数设置. ...

  10. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置

    前言 有朋友问了我关于博客系统搭建相关的问题,由于是做开发相关的工作,我给他推荐的是使用github的gh-pages服务搭建个人博客. 推荐理由: 免费:github提供gh-pages服务是免费的 ...

随机推荐

  1. java代码getHostAddress .getHostName()的练习

    总结:主机名,ip地址是可以实现的,关键是要掌握 package com.aa; import java.io.IOException; import java.net.*; public class ...

  2. js实现可拖动的布局

    思路:采用flex布局,js即时修改固定列的宽度 注意:父元素需设置position:relative:因offsetLeft和offsetTop是相对于具有定位的(position:absolute ...

  3. BugkuCTF WEB

    web2 打开链接,一大堆表情 查看源代码 得到 flag 文件上传测试 打开链接 选择 1 个 jpg 文件进行上传,用 burp 抓包改包 将 php 改为 jpg,发包 得到 flag 计算器 ...

  4. classmethod VS staticmethod

  5. Java面向对象-Java类的继承及super关键字

    Java面向对象-Java类的继承 1,继承定义以及基本使用 定义:子类能够继承父类的属性和方法: 注意点:Java中只支持单继承: 私有方法不能继承: 上代码: package com.java12 ...

  6. Springboot热部署(热部署原理)和用IDEA开发需要的配置

    热部署原理 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>s ...

  7. linux进程的问题

    #include <stdlib.h> #include <stdio.h> #include <unistd.h> #include <pthread.h& ...

  8. Apache Shiro 权限框架

    分享一个视屏教程集合 http://www.tudou.com/home/konghao/item 1.Shiro Apache Shiro是一个强大且易用的Java安全框架,执行身份验证.授权.密码 ...

  9. libevent网络编程汇总

    libevent源码剖析: ========================================================== 1.libevent源码剖析一(序) 2.libeve ...

  10. 安装saltstack-web管理界面

    1.安装salt-master.salt-minion和salt-api $ sudo yum install epel-release -y $ sudo yum install salt-mast ...