前提:

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. Visual Studio 2019尝鲜----新建空项目体验

    等待一个中午的时间终于下载安装完成,vs版本Enterprise 2019  16.0.4 官方可直接下载安装引导程序:  https://visualstudio.microsoft.com/zh- ...

  2. Jmeter在chrome浏览器中录制脚本

    利用blazemeter插件可以录制chrome浏览器中的操作,并生成jmx文件,导入到jmeter中使用 1.  下载blazemeter 地址:https://pan.baidu.com/s/1V ...

  3. windows 如何cmd启动redis

    运行cmd 然后到redis路径 运行命令: redis-server redis.windows.conf

  4. CentOS7 配置 SSH监听多个端口方法

    一.修改ssh默认端口,防止暴力破解,让系统安全多一点点: i. 在配置文件/etc/ssh/sshd_config文件中修改 Port #AddressFamily any #ListenAddre ...

  5. Linux 初识Libevent网络库

    初识Libevent libevent是用c写的高并发网络io库,只要有文件描述符,就都可使用libevent. libevent使用回调函数(callback) . 有了libevent,网络编程我 ...

  6. git使用笔记(第一次)

    背景:公司基于微服务的架构,前端的服务web只有一个.在并行完成不同需求的测试任务时,该服务会拉出不同分支,此时会碰到sit环境与其他测试小伙伴部署冲突的问题.解释下.需求1对应的服务web的A分支, ...

  7. JAVAWEB复习day01

    一.基础知识 1.一个html文件开始和结束的标签<html></html> 2.html的两部分<head>设置相关信息</head>,<bod ...

  8. Minimum Barrier Salient Object Detection at 80 FPS 论文阅读笔记

    v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VM ...

  9. 201871010136-赵艳强《面向对象程序设计(java)》第四周学习总结

    项目 内容 这个作业属于哪个课程 <任课教师博客主页链接>https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 <作业链接地址>http ...

  10. [Tkinter 教程12] 布局管理 (Pack Place Grid)

    简介: 本文讲述如何使用 tkinter 的布局管理 (被称作 layout managers 或 geometry managers). tkinter 有三种布局管理方式: pack grid p ...