一、软件环境准备

1.安装git

windows下载exe安装;linux 执行 apt-get install git-core 安装

2.安装Node.js

windows使用 msi 文件进行安装,安装完成后会自动设置环境变量,以及安装npm;

linux 下执行

$ wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

$ nvm install 0.10

3.安装hexo

npm install -g hexo 或 npm install -g hexo-cli

 

二、创建个人网站

1.创建hexo文件夹

  创建hexo文件夹作为博客工作目录,如 G:/Hexo. 在G:/Hexo 中右键进入 git bash,然后执行 $hexo init

则hexo会自动在当前目录下创建网站所需要的所有文件

2.安装依赖包

$npm install

3.本地查看

$hexo generate

$hexo server  #启动hexo服务

在本机上,通过浏览器访问 http://localhost:4000 可以查看hexo的默认页面

三、创建github账号,并设置 github pages

1.申请github账号

2.创建repository

名称为  name.github.io。 并在setting中将其设置为 github pages

3.给github添加 ssh public key

在git bash中执行 $ssh-keygen -t rsa -C "your_email",不输入密码(则在push 到远程分支时不需要密码)

在github页面中setting--ssh keys--add ssh keys 中将本地生成的 id_rsa.pub 中的内容拷贝进去。

4. ssh -T git@github.com 建立链接

5.安装hexo-deployer-git

$npm install hexo-deployer-git --save

四、将hexo生成的网页部署到github

1.修改hexo工作目录(例如G:/Hexo)下的_config.yml 文件

主要是 deploy: 项下面的type, repository等(注意使用 ssh 形式的git repository),注意冒号之后的空格。

2. 执行 hexo deploy

会在本地生产 .deploy_git 目录,其中存放部署的相关文件,同时会通过ssh 将版本提交到github

注意: 在执行此步骤时,千万不要打开本地 的 $ hexo server !!!!

3. 通过浏览器访问 https://yourname.github.io 可以看到提交后的github page

Hexo+github 搭建个人博客(一)的更多相关文章

  1. 《Hexo+github搭建个人博客》

    <Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...

  2. 使用Node.js+Hexo+Github搭建个人博客(续)

    一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在 ...

  3. Mac上基于hexo+GitHub搭建个人博客(一)

    原文地址: http://fanjiajia.cn/2018/11/23/Mac%E4%B8%8A%E5%9F%BA%E4%BA%8Ehexo+GitHub%E6%90%AD%E5%BB%BA%E4% ...

  4. 如何用hexo+github搭建个人博客

    搭建环境 1.安装 Node.js: https://nodejs.org/en/ windows下点击链接,下载安装即可;Linux下更加简单,在终端下输入sudo apt-get install ...

  5. Ubuntu+Hexo+Github搭建个人博客

    Ubuntu+Hexo+Github搭建个人博客 目录 目录 目录 1. 简介 环境 2. Git安装及配置 2.1 安装Git 2.2 创建Git仓库 2.3 配置git仓库 2.4 添加公钥 3. ...

  6. hexo+github搭建个人博客

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

  7. Hexo + GitHub 搭建个人博客

    对于程序员来说,搭建和维护一个个人博客十分必要​,写博客既是对所学知识的整理和总结,同时也能向他人展现自己的学习成果.这篇教程就是基于 Hexo 和 GitHub 来搭建属于自己的个人博客,简单快捷, ...

  8. 使用Node.js+Hexo+Github搭建个人博客

    一.为什么要花时间去搭建个人博客? 首先说说为什么我想要尝试着去搭建属于自己的Blog,古人云:“好记性不如烂笔头”.一开始我把笔记做在本子上.电脑上,发现要用的时候特别地不方便,而且越记越多.越多越 ...

  9. 【教程向】——基于hexo+github搭建私人博客

    前言 1.github pages服务生成的全是静态文件,访问速度快: 2.免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 3.可以随意绑定自己的域名,不仔细看的话根本看 ...

  10. 【2】hexo+github搭建个人博客的简单使用

    使用hexo+github搭建一个可以外网访问的个人博客,此文用于记录博客初级的使用方法. 新建-编写-生成-部署文章的全过程 1.使用cmd完成 打开命令提示符[win+r输入cmd] 切换到自己本 ...

随机推荐

  1. ThinkPHP统一设置utf-8编码

    1.项目编码 在编辑器中设置编码utf-8 2.在浏览器中设置编码 //Thinkphp方法中添加header设置utf-8只有index方法解决了乱码 class UserAction extend ...

  2. 2016年11月7日 星期一 --出埃及记 Exodus 19:23

    2016年11月7日 星期一 --出埃及记 Exodus 19:23 Moses said to the LORD, "The people cannot come up Mount Sin ...

  3. mvc api

    ===============================首页===================================================== 扫码 快递公司接口uri: ...

  4. windows10 IOT +Azure会议概要总结

    windows10 IOT +Azure会议概要总结 会议资料将放到https://channel9.msdn.com/Blogs/WinHEC FAQ:msftsziot@microsoft.com ...

  5. netsh winsock reset 11003

    netsh winsock reset 11003 http://files.cnblogs.com/xsmhero/winsock.zip

  6. VMware ESXI5.0的安装配置 zz

    http://www.hotxf.com/thread-297-1-1.html 1,    Vmware ESXI 光盘一张文件大小290M,本教程是以 5.0为案例. 2,    所需要安装的操作 ...

  7. img 图片高度设置为百分比无效的解答

    当用百分比作为宽高时  因为百分比是相对于其最近的父元素的宽高,所以首先其父元素要有宽高,宽度一般不设置会有默认值(比如整个屏幕的宽度),但是高度不设置就没有默认值,因此如果父元素没设高度值,而其内部 ...

  8. [转]SIP穿越NAT&FireWall解决方案

    原文链接(也是转载)http://blog.csdn.net/yetyongjin/article/details/6881491.我修改了部分错字.   SIP从私网到公网会遇到什么样的问题呢? 1 ...

  9. hashcat

    作者: 官网:https://hashcat.net/oclhashcat/ 功能:hash破解

  10. CUBRID学习笔记 34 net参数化查询 cubrid教程示例

    using CUBRID.Data.CUBRIDClient; namespace ParameterExample { class Program { static void Main(string ...