本来只写在自己的github pages中的,想一想万一有人看呢,虽然同类的文章有不少了,但有些新坑他们没填啊,姑且放出来啦。。。

拥有自己的博客是一个很酷的事情,但自己建站总是太麻烦了,步骤繁多,管理也很麻烦。而在博客园、csdn之类的博客站写博客,总觉得稍稍违背了极客精神,而且时不时冒出来的广告还不受自己控制,这多讨厌啊。于是,在GitHub pages 上写博客,既不用花钱,也省去了管理博客的困扰,剩下的就是专心写博,而且很有极客风范。

在建立这个博客之前挑选了几个框架,比如Jekyll,Hexo,Simple,Octopress,Pelican以及Lo·gecho等等,比较主流的大概都在用Jekyll和Hexo吧,考虑一二后决定使用Hexo框架,这里并不是说其他的框架不好,各个框架都有其亮点之处,选择Hexo是因其相对其他框架简单易操作,而且本人是前端,不用费劲安装配置环境了,偷了个懒。

废话少说,这是一篇Hexo的建博小结,把我在使用Hexo时踩的一些坑记录下来,同时也是做一个备忘,省的以后做同样的安装时一时想不起来还要去大牛们的博客去翻。

前提准备

NodeJS

git

确保安装这两个才可以继续。

安装Hexo

打开git

$ npm install -g hexo

部署Hexo

在任何想要放置Hexo的文件夹下建立名为Hexo的文件夹,在此文件夹中右键打开Git Bash

$ hexo init

Hexo会自动建立所有博客需要的文件

$ hexo g
$ hexo s

输入上面的命令就可以在本地看到初始化的博客啦,浏览器中输入localhost:4000

以上就完成了博客的本地调试了,下面需要将本地的博客放到github中去,利用github pages 的免费空间存放你的博客,而且别人也可以访问你的博客。

配置和使用github

首先需要注册github(废话。。划掉),然后登录github,点击右上角你的头像,再点击Settings,进入设置页面。

点击侧栏的SSH and GPG keys,可以查看你是否有本机的SSH密匙。如果没有,说明并没有设置SSH密匙。

检查SSH keys的设置

先不管github的网页,回到本机,打开Git Bash。输入:

$ cd ~/. ssh 检查本机的ssh密钥

如果提示:No such file or directory 说明你是第一次使用git。

生成新的SSH Key:

继续输入:

$ ssh-keygen -t rsa -C "邮件地址@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:<再次输入加密串>

完成后就会提示你的密匙文件所在的位置,打开id_rsa.pub文件,复制所有,回到github网页,点击New SSH key,粘贴到key文本框中,点击add key就可以了。

测试SSH连接

输入下面的命令,git@github.com不用修改。

$ ssh -T git@github.com

会有这样的反馈:

The authenticity of host 'github.com (207.97.227.239)' can't be established.
RSA key fingerprint is 16: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 Dulmcat! You've successfully authenticated, but GitHub does not provide shell access.

到这里就代表已经正确的连接到github了。

设置用户信息

但还有一些个人信息还是需要继续完善下的,Git会根据用户的名字和邮箱来记录提交。GitHub也是用这些信息来做权限的处理,输入下面的代码进行个人信息的设置,把名称和邮箱替换成你自己的。

$ git config --global user.name "cnfeat"//用户名
$ git config --global user.email "cnfeat@gmail.com"//填写自己的邮箱

若有问题,从头再来一遍,或者到GitHub help中寻找解决方案。

使用GitHub pages 建立网页

与GitHub建立好链接之后,就可以方便的使用它提供的Pages服务。但pages服务每个ID只有一个,大小也只有300M,但作为博客站,已经足够了。

建立仓库

登录GitHub后,点击那个大大的绿色New repository按钮,新建一个仓库:

Repository name:dulmcat.github.io

Description (optional): 嗯。。括号里都说了是可选的,就随便吧,可填可不填。

注意!! 这里的Repository name必须是你的github用户名.github.io,否则就不是一个github pages而只是单纯的一个仓库了。

点击Create Repository 完成创建。

上传hexo到github pages

上传前,需要将Hexo和github想关联起来,在Hexo的配置文件_config.yml文件中,拉到最下面,修改配置文件:

deploy:
type: git
repository: https://github.com/Dulmcat/Dulmcat.github.io
branch: master

这里的repository填写的是你的github pages所在库(就是上面刚建好的那个)的地址。

这里有个坑,关于type的填写,有说应该是github的,有说是git的,我在两个月前的配置文件type写的github,写这篇文章时发现出错了,这才发现好像是作者在3.0之后改为了git,大家在安装Hexo时可以输入命令hexo-v查看Hexo的版本。在3.0之后需要另外安装hexo-deployer-git。

$ npm install hexo-deployer-git --save

然后

$ hexo d

这里可能会要求填写密码,填了就好。

然后在浏览器中输入https://dulmcat.github.io 就可以看到你的博客啦一个在线的博客就这样建好了当然这是我的...要输入 你的github用户名.github.io

接着折腾

生命的意义在于要不断的折腾,如果觉得自己的网址后面还要跟着github.io这样奇怪的字符,可以去买个酷酷的域名,github pages是可以绑定域名的~~

如果觉得Hexo默认的主题不能显示自己的潇洒特别,Hexo官网中有几十套主题可供选择,更换方法。。。我太懒。。。不想写了。。。

还可以添加评论功能,国内流行的有多说、友言、畅言等等,国际范的Disqus等等,添加方法在Hexo官网和各个评论插件官网都有很详细的教程,也。。不说了。。

Hexo建博小结的更多相关文章

  1. 开发小白也毫无压力的hexo静态博客建站全攻略 - 躺坑后亲诉心路历程

    目录 基本原理 方法1 - 本机Windows下建站 (力荐) 下载安装node.js 用管理员权限打开命令行,安装hexo-cli和hexo 下载安装git 初始化hexo 使用hexo gener ...

  2. 基于Hexo搭建博客并部署到Github Pages

    基于Hexo搭建博客并部署到Github Pages 之前在简书上写东西,觉得自己还是太浮躁.本来打算用Flask自己写一个,以为是微框架就比较简单,naive.HTML.CSS.JS等都要学啊,我几 ...

  3. github+hexo搭建博客

    引言     之前用阿里云弹性web托管采用wordpress搭建的个人博客,经过我使用一段时间之后发现存在很多问题: 网站的响应速度非常慢,估计打开主页需要3-4s的时间,我经过搜索发现很多人都有这 ...

  4. Hexo+Github: 博客网站搭建完全教程(看这篇就够了)

    本篇教程首次发布在个人博客:sunhwee.com,想要获得最佳阅读体验,欢迎前往,建议用电脑查看教程文档. # 阅读须知 注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦, ...

  5. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(四)-使用Travis自动部署Hexo(2)

    前言 前面一篇文章介绍了Travis自动部署Hexo的常规使用教程,也是个人比较推荐的方法. 前文最后也提到了在Windows系统中可能会有一些小问题,为了在Windows系统中也可以实现使用Trav ...

  6. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(三)-使用Travis自动部署Hexo(1)

    前言 前面两篇文章介绍了在github上使用hexo搭建博客的基本环境和hexo相关参数设置等. 基于目前,博客基本上是可以完美运行了. 但是,有一点是不太好,就是源码同步问题,如果在不同的电脑上写文 ...

  7. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置

    前言 前文手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置介绍了github注册.git相关设置以及hexo基本操作. 本文主要介绍一下hexo的常用参数设置. ...

  8. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置

    前言 有朋友问了我关于博客系统搭建相关的问题,由于是做开发相关的工作,我给他推荐的是使用github的gh-pages服务搭建个人博客. 推荐理由: 免费:github提供gh-pages服务是免费的 ...

  9. 利用hexo搭建博客

    利用Hexo搭建博客 以前用Octopress搭过博客,折腾了好久才弄出来,当时看到那巨难看的默认主题,繁琐的操作,一点写东西的欲望都没了. 一次逛微博,看见了Hexo.尝试了一下,真的很好用哦. 下 ...

随机推荐

  1. vs.php调试php使用外部的apache进行调试

    vs.php中使用外部的apache进行调试 一般phper们都会有自己配置好的开发调试环境,那么如何在vs.php中使用自己已经配置好的apache+php环境调试 php程序呢?如下: (1)从官 ...

  2. POJ 2078 Matrix

    Matrix Time Limit: 2000MS   Memory Limit: 30000K Total Submissions: 3239   Accepted: 1680 Descriptio ...

  3. 解决Deprecated: mysql_connect(): The mysql extension is deprecated and will be removed in the future:

    php 5个版本,5.2.5.3.5.4.5.5,怕跟不上时代,新的服务器直接上5.5,但是程序出现如下错误:Deprecated: mysql_connect(): The mysql extens ...

  4. 斐波那契堆(一)之 图文解析 和 C语言的实现

    概要 本章介绍斐波那契堆.和以往一样,本文会先对斐波那契堆的理论知识进行简单介绍,然后给出C语言的实现.后续再分别给出C++和Java版本的实现:实现的语言虽不同,但是原理如出一辙,选择其中之一进行了 ...

  5. 读Avoiding the Disk Bottleneck in the Data Domain Deduplication File System

    最近在思考和实践怎样应用重复数据删除技术到云存储服务中.找了些论文来读,其中<Avoiding the Disk Bottleneck in the Data Domain Deduplicat ...

  6. intellij 调试方法

    intellij 调试方法 转自 http://www.th7.cn/Program/net/201410/296492.shtml

  7. Direct2D开发:纹理混合

    转载请注明出处:http://www.cnblogs.com/Ray1024 一.概述 我们都知道Direct2D可以加载并显示图片,但是不知道你有没有想过,这个2D的图形引擎可以进行纹理混合吗?如果 ...

  8. Android View中的控件和监听方法...

    PS:居然三天没写博客了...今天补上...东西虽多,但是都是一些基础...代码多了一些,有人可能会这样问,粘这么多代码有毛用..其实对于一个Android的初学者来说,一个完整的代码是最容易帮助理解 ...

  9. ios基础之入门(一)

    最近找到了一个可以接触ios开发的职位,可以系统的学习和练习了.先从最基本的开始: 一.获取控件的两种方式 1)第一种,也是经常使用的一种,通过IBOutlet方式.直接按住control键,将控件和 ...

  10. HDFS Append时packet的格式以及DataNode对block/checksum文件的处理

    HDFS Append时packet的格式以及DataNode对block/checksum文件的处理 HDFS的Block一般比较大,默认64MB/128MB,客户端给DataNode发数据实际上是 ...