开始

在安装hexo之前,必须确认你已经安装了Node.js和Git,并且注册了一个Github账号。

1.创建Github仓库

1) 仓库名为xxx.github.io

创建一个以"用户名.github.io"命名的仓库,如我的用户名为mroccyen,那我的仓库名为:mroccyen.github.io,仓库默认有master分支,用于托管生成的静态文件,再新建一个develop(名字自定)分支,用于托管后台文件,方便以后换电脑时后台文件不会丢失。

2) 仓库名为其他名称,如myblog

如果是以其他名字命名的,如myblog,则需要建立一个gh-pages分支用于托管生成的静态文件,必须是gh-pages分支。后台文件可以托管在master分支上,也可以放在其他的分支。

2.配置Git

设置Git的用户名和邮件地址(邮箱就是你注册Github时候的邮箱),打开Git Bash,键入:

$ git config --global user.name "username"
$ git config --global user.email "email@example.com"

3.本地Git与Github建立联系

这里介绍SSH的配置,先检查电脑是否已经有SSH

$ ls -al ~/.ssh

如果不存在就没有关系,如果存在的话,直接删除.ssh文件夹里面所有文件。
输入以下指令后,一路回车就好:

$ ssh-keygen -t rsa -C "emailt@example.com"

然后键入以下指令:

$ ssh-agent -s
$ ssh-add ~/.ssh/id_rsa

如果出现这个错误:Could not open a connection to your authentication agent,则先执行如下命令即可:

$ ssh-agent bash

再重新输入指令:

$ ssh-add ~/.ssh/id_rsa

到了这一步,就可以添加SSH key到你的Github账户了。键入以下指令,拷贝Key(先拷贝了,等一下可以直接粘贴):

$ clip < ~/.ssh/id_rsa.pub

在github上点击你的头像-->Your profile-->Edit profile-->SSH and GPG keys-->New SSH key
Title自己随便取,然后这个Key就是刚刚拷贝的,你直接粘贴就好(也可以文本打开id_rsa.pub复制其内容),最后Add SSH key。
最后还是测试一下吧,键入以下命令:

$ ssh -T git@github.com

你可能会看到有警告,没事,输入“yes”就好。

4.初始化hexo文件夹

如果建立的是xxx.github.io仓库,到GitHub的xxx.github.io仓库下,如果建立的是其他名字的仓库,则到其他名字仓库下,我这里是创建myblog,然后点击Clone or download,复制里面的HTTPS地址。
在你本地电脑的文件夹下,右键Git Bash Here: 键入git clone 。

$ git clone https://github.com/mroccyen/myblog.git
$ mkdir myblog

Hexo安装配置

1.Hexo初始化

进入myblog文件夹

$ cd myblog

接下来只需要使用 npm 即可完成 Hexo 的安装,如果在当前的文件夹下始终安装失败,到C盘里去安装,会成功。

$ npm install -g hexo-cli

安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件:

$ hexo init
$ npm install

接下来也可以本地预览博客,执行下列命令,然后到浏览器输入localhost:4000看看。

$ hexo generate
$ hexo server

输入Ctrl+C停止服务。

2.Hexo配置

用编辑器打开 myblog/ 下的配置文件_config.yml找到:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:type: repository:

到GitHub的myblog仓库下,点击Clone or download,复制里面的HTTPS地址到repository:,添加branch: gh-pages

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:type: gitrepository: https://github.com/mroccyen/myblog.gitbranch: gh-pages

3.完成部署

最后一步,快要成功了,键入指令:

$ npm install hexo-deployer-git --save
$ hexo generate
$ hexo deploy

输入弹出框的用户名与密码(首次使用git会弹出)。
OK,我们的博客就已经完全搭建起来了,在浏览器输入(当然,是你的Repository名),例如我的:myblog
每次修改本地文件后,需要键入hexo generate才能保存,再键入hexo deploy上传文件。成功之后命令行最后两句大概是这样:

    To https://github.com/mroccyen/myblog.git7f3b50a..128a10d  HEAD -> gh-pagesINFO  Deploy done: git

这样生成的静态文件就上传到github的myblog仓库中的gh-pages分支中了。最后再把myblog文件夹中的所有文件上传到github中的myblog仓库中的master分之中。

日常操作

1.写文章

执行new命令,生成指定名称的文章至 myblog\source_posts\文章标题.md 。

$ hexo new [layout] "文章标题" #新建文章

然后用编辑器打开“文章标题.md”按照Markdown语法书写文章。
其中layout是可选参数,默认值为post。到 scaffolds 目录下查看现有的layout。当然你可以添加自己的layout,
同时你也可以编辑现有的layout,比如post的layout默认是 myblog\scaffolds\post.md

title: { { title } }
date: { { date } }
tags:
- tag1
- tag2
---

我想添加categories,以免每次手工输入,只需要修改这个文件添加如下行:

title: { { title } }
date: { { date } }
categories:
- categories1
- categories2
tags:
---

文件标题也是md文件的名字,同时也出现在你文章的URL中,postName如果包含空格,必须用"将其包围。
请注意,大括号与大括号之间我多加了个空格,否则会被转义,不能正常显示;所有文件":"后面都必须有个空格,不然会报错。

2.提交

每次在本地对博客进行修改后,先执行下列命令提交网站相关的文件。

$ git add .
$ git commit -m "你的描述"
$ git push origin master

然后才执行hexo generate发布网站到gh-pages分支上。

$ hexo generate

3.本地仓库丢失

当你想在其他电脑工作,或电脑重装系统后,安装Git与Node.js后,可以使用下列步骤:

1)拷贝仓库
$ git clone https://github.com/mroccyen/myblog.git 
2)配置Hexo

在本地新拷贝的myblog文件夹下通过Git bash依次执行下列指令:

$ npm install -g hexo-cli
$ npm install hexo
$ npm install
$ npm install hexo-deployer-git --save
3)小Tips:hexo 命令
hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help  # 查看帮助
hexo version  #查看Hexo的版本
hexo deploy -g  #生成加部署
hexo server -g  #生成加预览
#命令的简写
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

转载于:https://www.cnblogs.com/qingsp/p/6385838.html

Github+Hexo搭建静态博客相关推荐

  1. 使用github+hexo搭建静态博客

    npm install hexo -g #安装Hexo npm update hexo -g #升级 hexo init #初始化博客 命令简写 hexo n "我的博客" == ...

  2. GitHub+hexo搭建个人博客(2019新版超详细教程)

    GitHub+hexo搭建个人博客详细教程 原文链接 : GitHub+hexo搭建个人博客详细教程 前言 随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交信息分享者,随之优秀的信息分享平台也越来 ...

  3. Linux下使用 github+hexo 搭建个人博客01-hexo搭建

    为什么要搭建自己的博客系统? 原因有好几个吧,归类如下: 1.自己搭建博客系统很有成就感,可以自己选定页面风格和页面排版: 2.自己搭建博客系统可以根据自己的需要添加各种插件功能,因此整体上比网上的第 ...

  4. Linux下使用 github+hexo 搭建个人博客04-next主题优化

    上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功 ...

  5. Github + Hexo 搭建个人博客超详细教程

    Github + Hexo 搭建个人博客超详细教程 本文目录 generated with DocToc 网站搭建 本文目录 1.安装node.js 2.添加国内镜像 3.安装Git 4.注册Gith ...

  6. github+hexo搭建个人博客(1.简单搭建)

    github+hexo搭建个人博客(1.简单搭建) 需要使用的软件,我已经放到自己的百度云盘里,网络不好的同学可以自己下载[百度云链接] 安装git 安装node 安装hexo 本地测试 申请gith ...

  7. Github + Hexo 搭建个人博客

    文章目录 Github + Hexo 搭建个人博客 快速搭建 安装Node.js 添加国内镜像源 安装 Git 注册 Github 安装Hexo 连接Github与本地 写文章.发布文章 图片添加水印 ...

  8. Github+Hexo搭建个人博客(图文详解)

    文章目录 使用Github+hexo搭建个人博客(不会让小伙伴们走弯路) 1. 准备工作:安装两个我们本次所需要使用的软件: 2. 注册Github账号以及建立仓库:[https://github.c ...

  9. GitHub+Hexo 搭建个人博客(一)

    什么是Hexo ? Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Heroku上,是搭建博客的首选框架.这里我们选用的是GitHub,你 ...

最新文章

  1. Linux系统下安装phpmyadmin方法
  2. NLP之ASR:语音识别技术(Automatic Speech Recognition)的简介、发展历史、案例应用之详细攻略
  3. VirtualBox 在Linux升级后不能用的解决办法实践
  4. C++数组与指针的区别
  5. openmv串口发送数据_关于arduino和openmv串口通信的问题
  6. java学习(171): 枚举类
  7. python字符串(连载二)|字符串内置函数原来还可以这么玩!
  8. python return的理解_python 浅析对return的理解
  9. PyTorch 靠谱的模型可视化教程
  10. iOS 百度地图SDK接入与使用指南(以导航SDK为例):下载SDK、运行报错修改、代码编辑等
  11. JavaScript 弹窗事件
  12. 迪普交换机恢复出厂设置_LSW交换机初始化配置指导
  13. 豆瓣电影TOP250和书籍TOP250爬虫
  14. 网页优化(布局优化、图片优化)
  15. 不用找,你想要的卡车 SolidWorks模型素材都在这里
  16. 《计算之魂》思考题4.3
  17. 你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?
  18. 蓝桥杯单片机CT107D_14_温度传感器DS18B20的基本应用
  19. Eclipse 字体、字号的设置、最佳字体推荐
  20. Excel文件定位工具创建

热门文章

  1. k8s部署postgresql(含postgis插件)
  2. vshpere esxi6.7安装
  3. maven设置jdk版本(全局设置和工程设置)
  4. go语言快速开发入门示例
  5. JVM内存区域:常用指令集
  6. 流式计算框架Storm后台启动命令(避免新开窗口)
  7. Python Django 配置URL的方式(url传参方式)
  8. Linux shell接收用户的输入
  9. redis集群方式介绍
  10. oracle逻辑备份和物理备份,oracle数据库物理备份和逻辑备份区别