零基础用Hexo+Github 搭建博客1

转载了多个教程,么么哒~~

1.注册

如果你还没有自己的Github账号,那请到Github官网注册账号:https://github.com/

打开https://github.com/,在下图的框中,分别输入自己的用户名,邮箱,密码。

然后前往自己刚才填写的邮箱,点开Github发送给你的注册确认信,确认注册,结束注册流程。

一定要确认注册,否则无法使用gh-pages!

2.创建代码库

注册完成后,点击Start a project来新建一个版本库

如果你已经注册,则在自己的主页,点击”New repository”,即可新建一个代码库

输入Repository name:yourname.github.io  (yourname与你的注册用户名一致,这个就是你博客的域名了)

注意:比如我的github名称是hxlitong,这里你就填 hxlitong.github.io

3.启用GitHub Page

进入版本库后,点击右上方的setting

下来到Githubs pages栏目,点击Launch automatic page generator

来到New user site页面后点击右下角的Continue to layouts

最后点击”Publish page”,发布github默认生成的一个静态站点

至此,我们已经配置好了github默认的静态站点,并且可以访问:你的github用户名.github.io测试我们刚刚建立好的站点主页。

4.下载并安装Git

下载

根据自己电脑操作系统的位数到git官网下载相应的版本:

https://git-scm.com/download/win

安装

根据自己的需要安装到相应的路径下,其他的一路点击next即可

配置环境变量

选中桌面图标计算机,右键选择属性,打开左边的高级系统设置,打开弹出窗口的环境变量,找到path进行编辑。

找到git的安装目录,将其复制后粘贴到path后面。注意每一个加进来的路径后面都要带英文格式的分号。

安装与配置过程可参考图文教程:git的安装和配置

测试是否安装成功

windows+R输入cmd打开命令提示符窗口,输入如下命令:

git --version

若安装成功会打印出本机安装的git的版本。

添加SSH KEY到Github

SSH Key是一个认证,让github识别绑定这台机器,允许这台机器提交。

(1)检查本机是否有SSH KEY设置

打开git bash,输入cd ~/.ssh 或cd .ssh

如果没有则提示: No such file or directory

如果有则进入~/.ssh路径下(ls查看当前路径文件,rm * 删除所有文件)

(2)配置生成SSH KEY

$ cd ~  #保证当前路径在”~”下

$ ssh-keygen -t rsa -C "这里填写你的邮箱地址"

Generating public/private rsa key pair.

Enter file in which to save the key (/c/Users/xxxx_000/.ssh/id_rsa):  #不填直接回车

Enter passphrase (empty for no passphrase):  #输入密码(可以为空)

Enter same passphrase again:  #再次确认密码(可以为空)

Your identification has been saved in /c/Users/xxxx_000/.ssh/id_rsa.  #生成的密钥

Your public key has been saved in /c/Users/xxxx_000/.ssh/id_rsa.pub.  #生成的公钥

The key fingerprint is:

e3:51:33:xx:xx:xx:xx:xxx:61:28:83:e2:81 xxxxxx@yy.com$ 

至此,已经生成ssh key,其存放路径为:c:/Users/你电脑的用户名/.ssh/下。

注释:可生成ssh key自定义名称的密钥,默认id_rsa。

(3)复制SSH KEY到Github

到C盘你的用户目录下找到.ssh文件夹,查看里面是否有id_rsa和id_rsa.pub这两个文件。

登录GitHub系统;点击右上角账号头像的“▼”→Settings→SSH kyes→Add SSH key,Title自定义,复制id_rsa.pub的公钥内容到GitHub中Add an SSH key的key输入框,最后“Add Key”。

(4)配置账户

$ git config --global user.name “your_username”  #设置用户名

$ git config --global user.email “your_registered_github_Email”#设置邮箱地址(建议用注册giuhub的邮箱)

(5)测试SSH KEY是否设置成功

$ ssh -T git@github.com

接下来会返回一些信息,并需要你输入一次yes,若生成ssh key时设置有密码则还会让你输入生成ssh key时设置的密码。

Hi xxx! You’ve successfully authenticated, but GitHub does not provide shell access. #出现词句话,说明设置成功。

SSH-KEY的生成与配置可参考图文教程window下配置SSH连接GitHub、GitHub配置ssh key:


5.下载并安装node.js

下载

根据自己电脑操作系统的位数到git官网下载相应的版本:

https://nodejs.org/en/download/

安装

根据自己的需要安装到响应的地方,其他的一路点击next即可

配置环境变量

选中桌面图标计算机,右键选择属性,打开左边的高级系统设置,打开弹出窗口的环境变量,找到path进行编辑。

找到node.js的安装目录,将其复制后粘贴到path后面。注意每一个加进来的路径后面都要带英文格式的分号。

测试是否安装成功

windows+R输入cmd打开命令提示符窗口,输入如下命令:

node -v

若安装成功会打印出本机安装的node.js的版本。


6.安装Hexo

在你喜欢的路径下新建一个文件夹blog,用来存放博客的文件,在此文件夹中右键打开Git Bash

输入如下指令进行安装:

npm install -g hexo-cli

如果执行这条命令时长时间未成功,那么请先使用下面的命令将npm镜像源更改为国内的镜像,再执行上面的安装命令,因为国外的镜像源很有可能被墙了。

npm config set registry https://registry.npm.taobao.org

初始化hexo

$ hexo init hexo

这里会将Github上的hexo项目clone下来,得到hexo文件夹。

初始化成功后会在最后打印一行:INFO Start blogging with Hexo!

安装依赖文件

进入到hexo文件夹

 cd hexo

安装依赖文件:

npm install

部署形成文件:

hexo generate

本地测试

hexo server

在浏览器输入:http://localhost:4000/即可访问到我们搭建好的hexo站点。

7.将本地hexo项目托管到Github

修改全局配置文件_config.yml

说明:hexo文件夹下一个_config.yml,我们称之为全局配置文件,在每个主题文件夹内还会有一个_config.yml文件,我们称之为主题配置文件。

用sublime text3或者notepad++等编辑器打开hexo文件夹下的_config.yml文件。

注意:配置文件中每个字段后面的冒号是英文格式的,且在其后要加一个空格再写值

编辑最后面的deploy属性,加入代码:

type: git

repository: https://github.com/你的Github用户名/你的Github用户名.github.io.git

branch: master

type使用是git。

repository属性改成你的刚才创建仓库git地址。

分支branch填写master。

安装hexo-deployer-git插件

npm install hexo-deployer-git --save

部署到Github上

依次执行以下三条命令:

hexo clean  #清除缓存 网页正常情况下可以忽略此条命令

hexo generator  #生成静态页面至public目录

hexo deploy  #将.deploy目录部署到GitHub

执行hexo deploy命令之后,如果最后一行打印出如下信息则表示部署成功

INFO  Deploy done: git

然后你再去访问你创建的Github pages地址,也就是:你的Github用户名.github.io,即可看到你本地的hexo项目已经被部署到github上去了。此时博客的默认主题是landscape,即上面本地测试时的样子。


参考文章

Hexo安装和配置

Github Pages + Hexo搭建博客(一)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,033评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,725评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,473评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,846评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,848评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,691评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,053评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,700评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,856评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,676评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,787评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,430评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,034评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,990评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,218评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,174评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,526评论 2 343

推荐阅读更多精彩内容