【1】hexo+github搭建个人博客的过程记录
前提:
1.新建一个github仓库
2.安装配置Node.js
3.安装配置Git
前提
步骤1.新建一个github仓库
注:仓库名称要求,yourname.github.io;
勾选Initialize this repository with a README;
新建完成后打开仓库,点击右侧settings按钮,找到下面的GitHub Pages;
Source保存为master branch,上面的链接是之后博客访问的链接
步骤2.安装Node.js
打开Node.js官网下载对应操作系统版本及位数的node.js
安装完成后可通过以下命令验证是否已配置成功(默认安装已自动配置环境变量)
node -v
npm -v
步骤3.安装git
打开Git官网下载对应操作系统版本及位数的git
安装完成后可通过一下命令验证是否配置成功(默认安装已自动配置环境变量,即选择use Git from the Windows Command Prompt)
git --version
配置git
鼠标右键打开git bash here(以下命令都是在git bash下执行)
设置git的user name和email(第一次使用)
git config --global user.name "yourname"
git config --global user.email "youremail"
配置ssh
#生成密钥,默认存储路径:C:\User\Administrator\.ssh
ssh-keygen -t rsa -C"youremail"
#添加密钥到ssh-agent
eval "$(ssh-agent -s)"
在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
验证ssh是否添加成功
ssh -T git@github.com
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
找到一个合适的位置创建一个新的文件夹,必须是空的。实例文件夹:D:\Blog
打开cmd,进入新建的文件
d:
cd Blog
安装hexo
npm install hexo -g
验证是否安装成功
hexo -v
配置Hexo
初始化Blog文件夹
hexo init
安装必要的组件
npm install
生成目录结构
hexo g
#或
hexo generate
开启hexo服务,预览界面
hexo s
#或
hexo server
第一次访问
访问: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搭建个人博客的过程记录的更多相关文章
- 一、hexo+github搭建个人博客的过程记录
前提: 1.新建一个github仓库 2.安装配置Node.js 3.安装配置Git 前提 步骤1.新建一个github仓库 打开github网站,(注册)登录账号,新建一个仓库; 注:==仓库名称要 ...
- 《Hexo+github搭建个人博客》
<Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...
- 使用Node.js+Hexo+Github搭建个人博客(续)
一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在 ...
- 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% ...
- 如何用hexo+github搭建个人博客
搭建环境 1.安装 Node.js: https://nodejs.org/en/ windows下点击链接,下载安装即可;Linux下更加简单,在终端下输入sudo apt-get install ...
- Ubuntu+Hexo+Github搭建个人博客
Ubuntu+Hexo+Github搭建个人博客 目录 目录 目录 1. 简介 环境 2. Git安装及配置 2.1 安装Git 2.2 创建Git仓库 2.3 配置git仓库 2.4 添加公钥 3. ...
- hexo+github搭建个人博客
最近用hexo+github搭建了自己的个人博客-https://liuyfl.github.io,其中碰到了一些问题,记录下来,以便查阅. hexo+github在win7环境下搭建个人博客:hex ...
- Hexo + GitHub 搭建个人博客
对于程序员来说,搭建和维护一个个人博客十分必要,写博客既是对所学知识的整理和总结,同时也能向他人展现自己的学习成果.这篇教程就是基于 Hexo 和 GitHub 来搭建属于自己的个人博客,简单快捷, ...
- 使用Node.js+Hexo+Github搭建个人博客
一.为什么要花时间去搭建个人博客? 首先说说为什么我想要尝试着去搭建属于自己的Blog,古人云:“好记性不如烂笔头”.一开始我把笔记做在本子上.电脑上,发现要用的时候特别地不方便,而且越记越多.越多越 ...
随机推荐
- 四.Windows基础
系统目录 Windows Program files 用户 Perflogs:是Windows7的日志信息,如磁盘扫描错误信息,删掉可以,但不建议删,删掉反而降低系统速度,perflogs是系统自动生 ...
- Linux 和 Windows多线程函数对应表
Linux Pthread API Windows SDK 库对应 API 创建 pthread_create CreateThread 退出 pthread_exit ThreadExit 等待 p ...
- 【原】Spring测试类代码
package test; import org.junit.Test; import org.junit.runner.RunWith; import org.springframework.bea ...
- element-ui的tag组件关闭事件失效的原因
问题如上,原因是忘了加上一个函数 @close="handleClose(tag)" <el-tag :key="tag" v-for="tag ...
- day06 作业
猜年龄游戏 ''' 1. 给定年龄,用户可以猜三次年龄 2. 年龄猜对,让用户选择两次奖励 3. 用户选择两次奖励后可以退出 ''' import random age = random.randin ...
- mysql数据库之管理表和索引
show engines; --->可以显示当前数据库 所支持的所有存储引擎 名称 是否支持 简要描述 ...
- Java面试题:JVM中的类加载机制
JVM 的类加载机制是指 JVM 把描述类的数据从 .class 文件加载到内存,并对数据进行校验.转换解析和初始化,最终形成可以被虚拟机直接使用的 Java 类型,这就是 JVM 的类加载机制. 类 ...
- Codeforces 1278F: Cards
题目传送门:CF1278F. 题意简述: 有 \(n\) 个独立随机变量 \(x_i\),每个随机变量都有 \(p = 1/m\) 的概率取 \(1\),有 \((1-p)\) 的概率取 \(0\). ...
- 201871010126 王亚涛《面向对象程序设计(Java)》第十二周学习总结
内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https://www.cnblogs.com/nwnu-daizh/p/ ...
- vue-quill-editor富文本编辑器,添加了汉化样式却汉化不了
背景 今天在做后台管理系统时,尝试整合 vue-quill-editor 富文本编辑器,整合完成后,想进行汉化,查阅资料发现,只需自己定义样式替换即可. 原因 当进行汉化时,发现样式并没有替换,汉化失 ...