本来只写在自己的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. 超时时间已到。在操作完成之前超时时间已过或服务器未响应。 (.Net SqlClient Data Provider)

    超时时间已到.在操作完成之前超时时间已过或服务器未响应. (.Net SqlClient Data Provider) 在做一个小东西的时候出现了这个问题,就是使用VS调试几次项目后,使用SQL Se ...

  2. 那些年我们赚过的外快(POS(移动支付)接口开发)

    老规矩上前戏了.在我写博文"那些年我们赚过的外快"前后算起来大大小小也接了些私活,这次是因为好久没写博客了,趁热分享一下.最近回了离老家近的二线城市成都工作,收入那是下降很多啊,刚 ...

  3. Ciel and Robot

    C. Ciel and Robot time limit per test 1 second memory limit per test 256 megabytes input standard in ...

  4. java攻城狮之路(Android篇)--与服务器交互

    一.图片查看器和网页源码查看器 在输入地址的是不能输入127.0.0.1 或者是 localhost.ScrollView :可以看成一个滚轴 可以去包裹很多的控件在里面 练习1(图片查看器): pa ...

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

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

  6. Python 之 MySQL 操作库 lazy_mysql

    TOC Intro Installation Tutorial API Engine Pool Column Table Intro lazy_mysql 是一个非常简单易用,用来操作 MySQL 的 ...

  7. kubernetes学习笔记

    docker实现了更便捷的单机容器虚拟化的管理, docker的位置处于操作系统层与应用层之间; 相对传统虚拟化(KVM,XEN): docker可以更加灵活的去实现一些应用层功能, 同时对资源的利用 ...

  8. css - position relative与display table-cell深入分析

    在很多时候,想使用 display: table; 以及其子元素使用 display: table-cell 都只是为了使用 vertical-align 这一属性.这是一个很简单的常识,但这次在项目 ...

  9. Marvel – 将图像和源文件转换成互动,共享的原型

    Marvel 是一款非常简单的工具,将图像和设计源文件转换成互动,共享的原型,无需任何编码.原型可以通过点击几下鼠标就创建出来,能工作在任何设备上的浏览器,包括移动设备,台式机.Marvel 的一个特 ...

  10. 十分钟搞懂什么是CGI

    原文:CGI Made Really Easy,在翻译的过程中,我增加了一些我在学习过程中找到的更合适的资料,和自己的一些理解.不能算是严格的翻译文章,应该算是我的看这篇文章的过程的随笔吧. CGI真 ...