在Windows下使用Hexo+GithubPage搭建博客的过程
1.安装Node.js
下载地址:传送门
去 node.js 官网下载相应版本,进行安装即可。
可以通过node -v的命令来测试NodeJS是否安装成功
2.安装Git
下载地址:传送门
去 Git 官网下载相应版本,进行安装即可。
选择在第二个在系统的cmd也可以使用
可以通过git –version的命令来测试git是否安装成功
3.注册Github账号
去 Github 官网进行注册即可。
注册完之后记得添加 SSH Key。
这个 SSH Key是一个认证,让github识别绑定这台机器,允许这台机器提交。执行如下命令:
cd ~/. ssh
~这个符号,表示在用户目录下
执行代码如果提示:No such file or directory 说明你是第一次使用git。
下面就说下怎么配置SSH Key。
4.生产新的SSH Key配置
在Git Bash执行代码:
ssh-keygen -t rsa -C "85268837@qq.com"
记得修改成你自己邮箱地址。
成功后会生成两个文件id_rsa 以及id_rsa.pub。如图,
5.添加SSH Key到github
这两个文件在刚才用户的.ssh目录下
之后在github添加SSH Key,在任意界面右上角,点击你的头像,选择Settings-> SSH keys->New SSH key
添加成功!
6.搭建博客
安装Hexo
在本地新建一个Blog文件夹,文件右键,选择Git Bash。
输入指令安装hexo:
npm install -g hexo
等安装完毕,通过输入hexo的命令来测试Hexo是否安装成功,成功如下图展示:
接着初始化Hexo:
hexo init hexo
初始化成功会显示Start blogging with Hexo!
这时在你刚才创建的Blog里面会多出一个hexo文件
进入到hexo目录,输入指令npm install,安装依赖文件以及部署形成文件
打开hexo目录
cd hexo
安装依赖文件
npm install
部署形成文件
hexo generate
最后剩下运行server
跑起hexo服务
hexo server
这时提示Hexo is running at http://loalhost:4000/.
接着我们打开浏览器,输入http://localhost:4000/便可看到默认的博客,如图。
到这里,hexo已经安装完毕。
7.配置githubPage
登录Github,点击”New repository”,新建一个版本库
输入仓库名:你的Github名称.github.io。然后点击Create repository。
注意:这边的创建名字,一定要用的github的用户名,不然显示不出来,因为githubPage只能你的用户名。
启用GitHub Page
点击右边的“Setting”菜单进入设置,点击”Launch automatic page generator”
进入之后点击底部的”Continue to layouts”
之后选择一个随意模版,点击”Publish page”,发布github默认生成的一个静态站点
试着打开自己在github的静态网址,你会发现,打开是你自己刚才选择静态站点模版。
8.将本地hexo项目托管到Github
打开修改hexo目录下配置文件_config.yml。
编辑最后面的deploy属性,加入代码:
type: git
repository: git@github.com:c237878/c237878.github.io.git
branch: master
type使用是git。
repository属性改成你的刚才创建仓库git地址。
分支branch填写master。
这边说下本地网站配置文件 _config.yml
网站的配置文件,你可以在这里配置一些基本信息,这里列举部分关键配置:
# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/ # Site
title: Dududzai’s Blog #网站的标题
subtitle: life is struggle #副标题
description: life is struggle #描述
author: examble #作者信息
avatar: /images/avatar.png #头像,图片位置在相应主题目录下的images
language: zh-Hans #中文简体
email: @qq.com
timezone: # Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next #配置主题,这里使用next主题
stylus:
compress: true #自适应布局 # Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git #部署环境,基于hexo+githubpage,所以这里使用git。注意:不同版本的hexo,type有可能不同,.x以后应使用git,具体参看官方文档
repository: git@github.com:username/username.github.io.git #git仓库地址,替换成你的username即可,其他保持不变,后面会提到如何创建git仓库
branch: master
根据自己需要修改!
安装hexo-deployer-git插件
npm install hexo-deployer-git --save
部署你本地的主题到github上
代码如下,每次修改本地主题,都需要执行以下代码
hexo clean
hexo generator #简写 hexo g
hexo deploy #简写 hexo d
最后看下,部署到github上的效果!
好了,以上安装Windows下使用Hexo+GithubPage搭建博客.
参考文章:
http://duduzai.github.io/2016/03/22/first-hexo/
http://www.v2ex.com/t/175940
在Windows下使用Hexo+GithubPage搭建博客的过程的更多相关文章
- windows下安装hexo和生成博客
首先在电脑上安装node和git,这个只要在相关官网的下载然后一步安装即可. 然后在你的电脑上新建一个文件夹,用来存放你的博客文件,比如创建hexo 进入该文件,右键打开git bash 安装hexo ...
- Hexo快速搭建博客
1. 准备工作 ~ 安装node.js -> npm -> hexo-cli ~ 安装git -> 版本控制工具 2. 更换npm(nodejs package manager)源 ...
- hexo+github搭建博客跳坑
hexo+GitHub搭建博客过程中,hexo安装成功,可以启动和运行,但是访问localhost:4000却无法访问,弄了半天,最后发现是福昕阅读器占用了4000端口 解决办法: 采用命令hexo ...
- [windows篇] 使用Hexo建立个人博客,自定义域名https加密,搜索引擎google,baidu,360收录
为了更好的阅读体验,欢迎阅读原文.原文链接在此. [windows篇] 使用Hexo建立个人博客,自定义域名https加密,搜索引擎google,baidu,360收录 Part 2: Using G ...
- Hexo+NexT(零):最全Hexo+Next搭建博客教程
快速.简洁且高效的博客框架 有位大神说,喜欢写博客的人的人,折腾博客会经历三个阶段.找到一个免费空间,搭建一个博客,很欣喜,很有成就感,此为一阶段:受限免费空间各种限制,自己买空间和域名,实现对博客的 ...
- hexo+github搭建博客(超级详细版,精细入微)
# 前言 你了解[Hexo]( https://hexo.io/zh-cn/ "Hexo官网")吗? Hexo是一个静态博客框架,基于Node.js,将Markdown文章通过渲染 ...
- Hexo+Github搭建博客
要使用Hexo,需要在你的系统中支持Nodejs以及Git,如果还没有,那就开始安装吧! 安装Node.js 下载Node.js 参考地址:安装Node.js 安装Git 下载地址:http://gi ...
- GitHub+Hexo+gulp搭建博客网站
一.前期准备 1.注册GitHub账号. 不做说明 2.创建仓库 创建一个新的仓库来放置我们的文件. 3.下载安装Node.js https://nodejs.org/en/ 两个版本,选择右边那 ...
- 使用coding和hexo快速搭建博客
欢迎访问我的个人博客皮皮猪:http://www.zhsh666.xyz 今天教大家怎么用hexo快速搭建自己的博客.我不是专业人士,不懂前端知识,所以我十分讨厌那些专业术语,讲了一大堆,对于技术小白 ...
随机推荐
- 软考之路(四)---软件project一 概念模型,逻辑模型,物理模型
自从接触到数据库到如今这三个概念大家理解的还有些不清楚,今天来为大家解答疑惑,共同提高,结合生活理解 概念模型 概念模型就是在了解了用户的需求,用户的业务领域工作情况以后,经过分析和总结 ...
- C++学习之路—运算符重载(二)运算符重载作为类的成员函数和友元函数
(根据<C++程序设计>(谭浩强)整理,整理者:华科小涛,@http://www.cnblogs.com/hust-ghtao转载请注明) 对运算符重载的函数有两种处理方式:(1)把运算符 ...
- Eclipse ADT 更换主题
如果Eclipse 版本3.6以上 在 Help→Eclipse Marketplace 搜索 Theme 之后安装即可 如果Eclipse版本3.5 一下, 通过地址安装插件: http://ecl ...
- css Gradients(渐变)
渐变分为4类 1:线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向 2:径向渐变(Radial Gradients)- 由它们的中心定义 3:对角渐变 4:角度渐变 以 ...
- NYOJ 1085 数单词 (AC自己主动机模板题)
数单词 时间限制:1000 ms | 内存限制:65535 KB 难度:4 描写叙述 为了可以顺利通过英语四六级考试,如今大家每天早上都会早起读英语. LYH本来以为自己在6月份的考试中能够通过六 ...
- CImageList使用简要说明
CImageList ImageList;//创建一个包含3个24位色32x32图片的ImageList,ILC_MASK的意思是同时创建一个mask,这样在下面指定了背景颜色以后ImageList就 ...
- jsp:include怎么设置才能正确显示包含的页面呢
1.项目的所有jsp都放在WEB-INF文件夹之下,使用的是SpirngMVC进行了过滤,jsp:include只能引入WEB-INF外部的jsp文件,对于改变后缀显示为htm的jsp的WEB-INF ...
- 14.2.4 InnoDB Undo Logs
14.2.4 InnoDB Undo Logs : 一个Undo log (或者成为回滚段) 是一个存储区域 持有被活动事务修改的数据的copy. 如果另外的事务需要看原始的数据(作为一致性读操作的一 ...
- 参加2013中国软件开发者大会(SDCC)会,听软件开发趋势
1.SDCC 盛大召开的会议,既然参加了,就写篇博客记一下. 2.蒋公子 首先向大会主席台走来的是csdn老大...... 额,好像不是走过来的.蒋涛采用了个特殊的上台方式呢~ ...
- 【从cocos2d-x学习设计模式】第一阶段:辛格尔顿
设计模式,它总结了前辈在许多方案重用代码.它是一个想法. 因为我们爱cocos2d-x,然后我们从去cocos2d-x在设计模式中,右一起学习!本篇解释未来辛格尔顿. 提cocos2d-x中间Dire ...