参考:

http://www.jianshu.com/p/a67792d93682

http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html

https://help.github.com/articles/cloning-a-repository/

http://lijialalala.github.io/2016/04/05/hexoxo-usage/

一、GitHub端

首先注册个GitHub的帐号

好注册完成后新建一个项目过程如下:

  1. 点击New repository

    新建工程
  2. 新建项目时,关于项目的名称一定要按照"你的GitHub用户名.github.io"的格式,切记、切记、切记。重要的事情说三遍!

新建工程2
  1. 新建完成后点击Settings如图所示:

Settings
  1. 进入页面后在下半部分找到如图所示的位置点击Launch automatic page generator按钮。

Settings2
  1. 接下来就是一些简单配置页面信息,按图操作就可以了,很简单。

配置页面

配置页面

6.以上都配置完成后,GitHub端的配置就结束了,此时你输入[yourGitHubName].github.io就应该看到如下的界面,如果看到了恭喜你,第一阶段的配置您已经完成了~

配置页面

二、安装Node.js和初始化hexo

  • 下载安装Node.js

下载地址

  • 安装Hexo
    安装好Node.js以后使用它的命令行编译器:

    命令行编译器

    然后执行以下这条安装Hexo的命令

    $ npm install -g hexo-cli

  • 初始化
    安装完成后,需要建立一个文件夹(如hexo),执行以下指令(在hexo路径下),Hexo 即会自动在目标文件夹建立网站所需要的所有文件。

    hexo init

  • 修改hexo配置的文件,在新建的hexo文件夹下找到_config.yml这个文件,然后使用如notepad++之类的文本编辑器打开。该文件夹需要修改的位置如下所示:

      1. Under your repository name, click Clone or download.  

      2. In the Clone with HTTPs section, click to copy the clone URL for the repository. 

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/ # Site
title: Notes For Yin Qin
subtitle:
description:
author: Sylar Yin
language: zh-CN
timezone: # URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com
root: /
permalink: :year/:month/:day/:title/
permalink_defaults: # Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render: # Writing
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
enable: true
line_number: true
auto_detect: false
tab_replace: # Category & Tag
default_category: uncategorized
category_map:
tag_map: # Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss # Pagination
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page # Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape # Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repository: https://github.com/NotesForYQ/NotesForYQ.github.io.git
branch: master
 

这里强调一下配置文件编写的时候一定是键值对的形式,":"冒号后有一个空格,切记、切记、切记!这里提供一个网站用于检测你输入的语法是否正确。

  • 预览配置效果
    两个命令即可完成静态页面的生成和预览$ hexo generate$ hexo server,以下是命令的简写形式:

    hexo g
    hexo s

输入命令以后在浏览器器中输入 localhost:4000 就可以看见预览的静态网页了,此时在命令行编译器中使用 Ctrl+C 就可以退出预览。
最后将编译好的网页代码部署到GitHub中就大功告成了。命令为 $ hexo deploy

hexo d

此时可能会提醒你Git命令不能识别之类的错误,这就是我说的安装配置时的最后一个坑,此时你需要在命令行中输入以下语句来完成Install hexo-deployer-git.

$ npm install hexo-deployer-git --save

好执行完成以后,你再使用$ hexo deploy就可以部署到你的GitHub仓中了,小伙伴们部署完以后赶紧查看一下自己的域名,网页已经变化了啊~

搭建Hexo博客并部署到Github的更多相关文章

  1. 史上最详细“截图”搭建Hexo博客并部署到Github

    http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html 大家也搭建过博客,很多时候,按着教程来做就可以了,但是我当时为了搭建Hex ...

  2. Termux搭建hexo博客并部署到GitHub

    Termux搭建hexo博客并部署到GitHub 安装 termux-change-repo apt update apt install git && nodejs &&am ...

  3. 搭建hexo博客并部署到github上

    hexo是由Node.js驱动的一款快速.简单且功能强大的博客框架,支持多线程,数百篇文章只需几秒即可生成.支持markdown编写文章,可以方便的生成静态网页托管在github上. 感觉不错. 前端 ...

  4. Linux下使用 github+hexo 搭建个人博客02-hexo部署到Github Pages

    之前的这篇文章<Linux下使用 github+hexo 搭建个人博客01-hexo搭建>,相信大家都知道怎么搭建 hexo ,怎么切换主题,并且完成了一篇博文的创建,以及 MarkDow ...

  5. 使用Hexo快速搭建一个博客,并部署到github

    本文旨在记录一下我在通过hexo搭建一个博客,并将其部署在github上面的过程,也供我自己在以后的使用过程中能够快速学习和参考.需要看更详细或者官方文档的可以点击Hexo官方文档进行查看. 安装前提 ...

  6. 使用Hexo搭建个人博客并部署到GitHub或码云上全过程

    一.前言 如上图所示:GitHub有Github Pages,而码云也有码云 Pages 1.Github Pages或Gitee Pages是什么呢? Github Pages或者Gitee Pag ...

  7. Hexo瞎折腾系列(6) - 将博客同时部署到Github和Coding

    前言 由于本人只是将Hexo博客同时部署到 Github 和 Coding.net ,所以这里只介绍怎么同时部署到这两个网站的pages. 之所以选择这两个网站,是因为国外用户可以访问 Github, ...

  8. 基于Hexo搭建博客并部署到Github Pages

    基于Hexo搭建博客并部署到Github Pages 之前在简书上写东西,觉得自己还是太浮躁.本来打算用Flask自己写一个,以为是微框架就比较简单,naive.HTML.CSS.JS等都要学啊,我几 ...

  9. Note | 用Hugo搭建博客并部署到GitHub Pages

    目录 1. 本地搭建 1.1 安装Hugo 1.2 创建站点 1.3 新建页面和文章 1.4 使用主题 1.5 修改配置文件 1.6 预览 2. 部署 之前担心过现有博客平台(如博客园,CSDN)突然 ...

随机推荐

  1. Spring3.2.3+Quartz2.2.1 整合配置

    步骤: 1.下载相关包 quartz-2.2.1.jar quartz-jobs-2.2.1.jar spring相关jar包 2.编写配置文件静态 <bean id="activat ...

  2. Latex 初学者入门(四)-- 多个作者共享同一个地址

    又给老板改格式,其实感觉大多会议都是模板不同,不同主要在于注释,作者,摘要以及引用文献的不同,上次的那篇讲bib数据库的用法,真是倒腾了一整天,不知道为什么一定要使用这种东西,而且老板貌似对人家的风格 ...

  3. python垃圾回收杂谈

    当创建对象时Python立即向操作系统请求内存.每当对象的引用数减为0,Python垃圾回收器立刻挺身而出,立即将其释放,把内存还给操作系统.在Python中,每个对象都保存了一个称为引用计数的整数值 ...

  4. Spark源码分析

    名词解释 RDD全称为ResilientDistributedDataset,弹性分布式数据集.就是分布在集群节点上的数据集,这些集合可以用来进行各种操作.最重要的一点是,某个操作计算后的数据集可以缓 ...

  5. C语言:通过函数指针来完成两个数的加减乘除

    // //  main.c //  Function_pointer // //  Created by mac on 15/8/2. //  Copyright (c) 2015年. All rig ...

  6. Leaflet绘制热力图【转】

    http://blog.csdn.net/giser_whu/article/details/51485871 时下用的最多的开源二维webgis引擎应该是openlayers与leaflet了,le ...

  7. VUE性能优化总结

    1.v-show,v-if 用哪个? 在我来看要分两个维度去思考问题: 第一个维度是权限问题,只要涉及到权限相关的展示无疑要用 v-if, 第二个维度在没有权限限制下根据用户点击的频次选择,频繁切换的 ...

  8. NYOJ-267 郁闷的C小加(二)

    郁闷的C小加(二) 时间限制:1000 ms  |  内存限制:65535 KB 难度:4   描述 聪明的你帮助C小加解决了中缀表达式到后缀表达式的转换(详情请参考“郁闷的C小加(一)”),C小加很 ...

  9. QlikView图表显示同比数据

    数据准备例如以下: SalesData: LOAD Num(ID) as ID, Date(Date) as Date, Month, Num(Year) as Year, Num(Sales) as ...

  10. CF 463D Gargari and Permutations [dp]

    给出一个长为n的数列的k个排列(1 ≤ n ≤ 1000; 2 ≤ k ≤ 5).求这个k个数列的最长公共子序列的长度 dp[i]=max{dp[j]+1,where j<i 且j,i相应的字符 ...