本来只写在自己的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. Oracle数据库入门——初级系列教程

  2. CentOS7之VMware安装

    选择CentOS的原因 起初也了解了几个linux的发行版,最终决定选择centOS的原因却很简单:阿里云和腾讯云提供的云服务器中centos的版本最多.  VMware12的安装 下载地址:http ...

  3. 读书笔记_Effective_C++_条款四十五:运用成员函数模板接受所有兼容类型

    比如有一个Base类和一个Derived类,像下面这样: class BaseClass {…}; class DerivedClass : public BaseClass {…}; 因为是父类与子 ...

  4. javacc学习

    为什么要研究这些,除了个人兴趣之外,还有可以了解语言是怎样解析字符串生成逻辑代码. 他的应用性也是非常之广,如人工智能方面,把复杂的逻辑抽象成简单的文法,不懂编程的人都可以使用 说到人工智能,数据库S ...

  5. [转]make: 警告:检测到时钟错误。您的创建可能是不完整的。

    转自http://blog.csdn.net/maopig/article/details/6599660 我在make的时候也出现了同样的问题,不过不是什么大问题,这个不影响编译结果 分析原因可能是 ...

  6. HTML5[8]: 图文混排,图片与文字居中对齐

    <img src="image.png"><span>999</span> img { /* ...  */ vertical-align: t ...

  7. 关于导出Excel

    Asp.Net 在刚毕业那会,做项目全是服务器控件.导出Excel的代码也很简单,在button触发后台事件后,后台生成一个excel文件,然后读取成字节,输出到客户端. Response.AddHe ...

  8. C#结构体的特点浅析

    C#结构体的特点浅析 2009-08-13 11:18 意识的偏差 百度空间 字号:T | T   C#结构体的特点有哪些呢?C#结构体与类的区别是什么呢?本文就向你介绍相关的内容. AD:   C# ...

  9. Tips9: Destroy( )函数中的 延迟摧毁 功能

    你知道Object.Destroy()函数吗?在脚本中用来摧毁一个游戏物体或组件,可是你知道他能在执行后延迟一段时间后才摧毁物体吗,其实很简单: using UnityEngine; public c ...

  10. HTML5 LocalStorage 本地存储的用法

    本地存储变量b的值: localStorage.setItem("b","isaac"); 本地获取变量b的值: localStorage.getItem(&q ...