美文网首页
零基础用Hexo+Github 搭建博客1

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

作者: 生活中的我们 | 来源:发表于2016-12-21 17:42 被阅读216次

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

    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搭建博客(一)

    相关文章

      网友评论

          本文标题:零基础用Hexo+Github 搭建博客1

          本文链接:https://www.haomeiwen.com/subject/gfiqvttx.html