前提:

1.新建一个github仓库

2.安装配置Node.js

3.安装配置Git

前提

步骤1.新建一个github仓库

  1. 打开github网站,(注册)登录账号,新建一个仓库;

注:仓库名称要求,yourname.github.io

​ 勾选Initialize this repository with a README;

  1. 新建完成后打开仓库,点击右侧settings按钮,找到下面的GitHub Pages;

  2. Source保存为master branch,上面的链接是之后博客访问的链接

步骤2.安装Node.js

  1. 打开Node.js官网下载对应操作系统版本及位数的node.js

  2. 安装完成后可通过以下命令验证是否已配置成功(默认安装已自动配置环境变量)

    node -v
    npm -v

步骤3.安装git

  1. 打开Git官网下载对应操作系统版本及位数的git

  2. 安装完成后可通过一下命令验证是否配置成功(默认安装已自动配置环境变量,即选择use Git from the Windows Command Prompt)

    git --version
  3. 配置git

    1. 鼠标右键打开git bash here(以下命令都是在git bash下执行)

    2. 设置git的user name和email(第一次使用)

      git config --global user.name "yourname"
      git config --global user.email "youremail"
    3. 配置ssh

      #生成密钥,默认存储路径:C:\User\Administrator\.ssh
      ssh-keygen -t rsa -C"youremail"
      #添加密钥到ssh-agent
      eval "$(ssh-agent -s)"
    4. 在github上添加ssh key.

      #步骤1
      登录github,点击头像下的settings
      #步骤2
      打开左侧的SSH and GPG keys
      #步骤3
      点击右侧的new SSH key
      #步骤4
      Title 自定义
      Key输入刚才生成的C:\User\Administrator\.ssh路径下的id_rsa.pub
    5. 验证ssh是否添加成功

      ssh -T git@github.com
    6. ssh-key配置失败解决方法

      首先,清除所有的key-pair
      ssh-add -D
      rm -r ~/.ssh
      删除你在github中的public-key 重新生成ssh密钥对
      ssh-keygen -t rsa -C "xxx@xxx.com" 接下来正常操作
      在github上添加公钥public-key:
      1、首先在你的终端运行 xclip -sel c ~/.ssh/id_rsa.pub将公钥内容复制到剪切板
      2、在github上添加公钥时,直接复制即可
      3、保存

小试牛刀

hexo+github设置

安装Hexo

  1. 找到一个合适的位置创建一个新的文件夹,必须是空的。实例文件夹:D:\Blog

  2. 打开cmd,进入新建的文件

    d:
    cd Blog
  3. 安装hexo

    npm install hexo -g
  4. 验证是否安装成功

    hexo -v

配置Hexo

  1. 初始化Blog文件夹

    hexo init
  2. 安装必要的组件

    npm install
  3. 生成目录结构

    hexo g
    #或
    hexo generate
  4. 开启hexo服务,预览界面

    hexo s
    #或
    hexo server
  5. 第一次访问

    访问:localhost:4000,可看到加载的页面。

Hexo联系Github

打开hexo配置文件;D:\Blog\_config.yml

文件末尾处配置:

repository:打开github仓库点击Clone or download,复制里面ssh对应的仓库地址;

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repository: git@github.com:username/username.github.io.git
branch: master

之后在cmd下执行下面的命令重新部署即可

//安装自动部署工具
npm install hexo-deployer-git --save
//更新
hexo g
//部署
hexo d

【1】hexo+github搭建个人博客的过程记录的更多相关文章

  1. 一、hexo+github搭建个人博客的过程记录

    前提: 1.新建一个github仓库 2.安装配置Node.js 3.安装配置Git 前提 步骤1.新建一个github仓库 打开github网站,(注册)登录账号,新建一个仓库; 注:==仓库名称要 ...

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

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

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

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

  4. 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% ...

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

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

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

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

  7. hexo+github搭建个人博客

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

  8. Hexo + GitHub 搭建个人博客

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

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

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

随机推荐

  1. 四.Windows基础

    系统目录 Windows Program files 用户 Perflogs:是Windows7的日志信息,如磁盘扫描错误信息,删掉可以,但不建议删,删掉反而降低系统速度,perflogs是系统自动生 ...

  2. Linux 和 Windows多线程函数对应表

    Linux Pthread API Windows SDK 库对应 API 创建 pthread_create CreateThread 退出 pthread_exit ThreadExit 等待 p ...

  3. 【原】Spring测试类代码

    package test; import org.junit.Test; import org.junit.runner.RunWith; import org.springframework.bea ...

  4. element-ui的tag组件关闭事件失效的原因

    问题如上,原因是忘了加上一个函数 @close="handleClose(tag)" <el-tag :key="tag" v-for="tag ...

  5. day06 作业

    猜年龄游戏 ''' 1. 给定年龄,用户可以猜三次年龄 2. 年龄猜对,让用户选择两次奖励 3. 用户选择两次奖励后可以退出 ''' import random age = random.randin ...

  6. mysql数据库之管理表和索引

    show  engines;   --->可以显示当前数据库 所支持的所有存储引擎 名称             是否支持   简要描述                              ...

  7. Java面试题:JVM中的类加载机制

    JVM 的类加载机制是指 JVM 把描述类的数据从 .class 文件加载到内存,并对数据进行校验.转换解析和初始化,最终形成可以被虚拟机直接使用的 Java 类型,这就是 JVM 的类加载机制. 类 ...

  8. Codeforces 1278F: Cards

    题目传送门:CF1278F. 题意简述: 有 \(n\) 个独立随机变量 \(x_i\),每个随机变量都有 \(p = 1/m\) 的概率取 \(1\),有 \((1-p)\) 的概率取 \(0\). ...

  9. 201871010126 王亚涛《面向对象程序设计(Java)》第十二周学习总结

      内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https://www.cnblogs.com/nwnu-daizh/p/ ...

  10. vue-quill-editor富文本编辑器,添加了汉化样式却汉化不了

    背景 今天在做后台管理系统时,尝试整合 vue-quill-editor 富文本编辑器,整合完成后,想进行汉化,查阅资料发现,只需自己定义样式替换即可. 原因 当进行汉化时,发现样式并没有替换,汉化失 ...