最新消息:本站地址:www.46wz.com   由于多说评论已经不在支持,本站停用多说评论,旧评论已被删除

使用Git Pages搭建免费的Hexo博客

技术文章 风向标 2994浏览 0评论

Hexo是一个基于Node.Js的轻量博客软件,如果您有一定的基础,或者您愿意花一些时间来适应这样一个程序,可以试着搭建一个这样的博客;

 

2-13041Q01400445

教程注重简洁,最低要求是有一定的Git Bush操作经验,常见Git 命令可以参考Here
博主只是把大量详细的教程简化,具体操作博主是参考了这篇文章进行的补充以及某些未清晰的部分详细介绍,如果搭建过程中出现问题可以在评论下面留言;

第一步:搭建博客之前的必要条件

搭建在Git Page上面的话自然需要您注册一个Github账号,由于本博客不使用图片,故使用文字进行说明;

打开Github网站(最大的开源社区),在首页就有一个巨大的Sign up,有三个输入框,依次填写您的“UserName”,“E-mail”,“Password”,输入完成后点击Sign up,根据提示,完成注册步骤,这里就跳过这一步;

之前已经说过,Hexo是基于Node.Js的,那么如果您想要在本机看到Hexo的演示,您就必须完成Node.Js的下载,您可以去它的官方网站进行下载安装,默认选项即可体验;

上传本地的Hexo博客程序必须用到一个软件就是Git,是由Github开发的分布式版本控制工具,之前写的文章中有讲过SVN,哪个是集中式版本控制工具,相比较Git有明显的速度上的优势,并且有利于多人协作,并且Github为我们提供了很好的远程仓库,美中不足的是,Github只提供了公开的开源存储形式,如果想要创建一个隐私的私人的库,您可以选择给Github教钱或者使用别的远程仓库;

第二步:在本地搭建Hexo

一切准备妥当后,即可进入Git Bush的操作了;

选择一个盘符,新建一个名为“Hexo”的文件夹,右键“Git bush”,看到一片黑呼呼的命令行界面就说明成功的打开了;这里要说明一点,之前没接触过Git的同学经常会有疑问,我们都知道在交互式编程下,例如Python,我们在命令行输入“print “hello world”,命令行界面会将您的输出结果打印出来,如果您的代码出现了Error,那么很可能就会提示报错,要注意,在Git Bush下面,不会出现成功的提示,只会出现Error的提示,因此,如果你的命令敲进去后没有任何反应,其实是好事,并非错误;

$ npm install -g hexo —-安装Hexo
$ hexo init —-将Hexo部署在您刚才建立的Hexo文件夹下面
$ hexo g —-#生成静态blog == hexo generate
$ hexo s —-#在本地运行服务器 == hexo server

完成上面的操作后,如果您的电脑成功的安装了Node.Js,应该会看到,Hexo的defaule page,是一个夜空下的海洋图案,很GEEK的风格;

我试过一些机型,部分机型,可能会因为Hexo未安装而无法执行,一次会提示
<%- partial(‘_partial/head’) %>
<%- partial(‘_partial/header’, null, {cache: !config.relative_link}) %>
<%- body %>
<% if (theme.sidebar && theme.sidebar !== ‘bottom’){ %> <%- partial(‘_partial/sidebar’, null, {cache: !config.relative_link}) %> <% } %>
<%- partial(‘_partial/footer’, null, {cache: !config.relative_link}) %>
<%- partial(‘_partial/mobile-nav’, null, {cache: !config.relative_link}) %> <%- partial(‘_partial/after-footer’) %>

如果出现上述情况,建议您尝试使用安装命令再次安装,方法如下:
在博客的根目录下,右键”Git bush“输入
$ npm install

至此,完成在本机搭建Hexo

第三步:将本地与远程仓库关联,达到在线访问的目的

创建SSH Keys,如果是第一次使用Github自然需要这一步,如果您已经添加过SSH Keys则跳过此步骤;

在Git bush下输入:
$ ssh-keygen -t rsa -C “youremail@youremail.com”

Generating public/private rsa key pair.

Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):

回车即可

Enter passphrase (empty for no passphrase):

Enter same passphrase again:

回车即可

该操作可以为您生成一个全新的适用于您的PC的SSH Keys

并且您可以在您的电脑中,用户目录下找到.SSH文件夹,打开并找到id_rsa.pub文件,使用文本编辑工具打开并全选秘钥的内容复制下来;

然后登陆Github官网,点击头像进入,Account Settings—>SSH keys —>Add SSH KEY,将复制的密钥粘贴到下面的输入框内,Title可以选填;

在Git bush下输入:

$ ssh -T git@githubcom

显示:

The authenticity of host ‘github.com (207.97.227.239)’ can’t be established.

RSA key fingerprint is 6:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.

Are you sure you want to continue connecting (yes/no)?yes

Hi ! You’ve successfully authenticated, but GitHub does not provide shell access.

在提示您Are you sure you want to continue connecting (yes/no)?的时候请填写yes;

完成添加!

配置Git用户

在Git bush下输入:

$ git config –global user.name “yourname”

$ git config –global user.email “youremail@youremail.com”

需要注意一点,这里的”yourname“为您的真实姓名,并非Github上面的Username

以上成功后即可部署Hexo在Github Page上面;

第四步:创建博客项目并在本地上传代码

在github首页,点击页面右下角「New Repository」

填写项目信息:

project name:username.github.io

description: 描述选填!

请注意的一点是,Project name一定要使用github.io结尾,并使用您的用户名,比如我的用户名为”ai0by”,那么我就填写”ai0by.github.io”

其它选项默认,然后确认即可!

在最开始创建的”Hexo“目录下,找到_config.yml文件,并使用文本编辑器打开(Win操作系统下最好使用Notepad++,或者Sublime Text,博主使用的是Sublime Text,感觉良好;)

打开该文件后,在文本的走末尾处,将
deploy:
type:

修改为:
deploy:
type: github
repository: git@github.com:username/username.github.io.git
branch: master

在”Hexo“文件夹右键Git bush输入:
$ hexo generate
$ hexo deploy

等待之后找到Github上面的项目,会看到代码已经成功上传,打开网址”username.github.io“即可访问您的Hexo博客

演示地址http://ai0by.github.io

有关于Hexo的进阶有时间会在写写,鄙人也是折腾了很久,惭愧! QAQ

 

来自风向标的投稿!

转载请注明:网居 » 使用Git Pages搭建免费的Hexo博客

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)

  1.   图书馆的自习室里,一对学弟和学妹卿卿我我,情到浓时男生邀女生出去走走。   女生羞涩地说,我喜欢这里的书香,不想出去。   听到这里,我默默地把穿了一天的运动鞋脱了。   加油吧!学弟!学长只能帮到这了…
    幸福3年前 (2016-01-12)回复