使用Hexo+Github搭建个人博客

  最近想搭建一个纯净的博客空间,方便写点技术博文,记录一下自己的所学所思。在网上研究了一通,发现很多人都推荐hero+github的组合。关于网页这块,以前几乎没有接触过,有点犯愁,但转念一想,正好借此机会学一学,何乐而不为之,说干就干!

  对照几篇别人写的教程,自己动手做了一遍,发现其实还真是很简单。弄的漂亮不易,但要能使用,还是比较容易的。

  介绍事物,就得把与此相关的名词阐述一下。那就先从题目开始吧。

  • github:github 这个站点之前有过接触,因为我所从事的科研领域,经常会有一些大牛把开发出来的工具挂在上面,供大家免费下载使用,甚至你还可以参与改进。GitHub 实际上是一个面向开源及私有软件项目的托管平台,因为只支持 Git 作为唯一的版本库格式进行托管,故名 GitHub。GitHub 于 2008 年 4 月 10 日正式上线。你可以把它理解成开源代码库+分布式的版本控制系统。这又引出了一个名词,Git 是什么?Git 是目前世界上最先进的分布式版本控制系统(没有之一)。对 Git 感兴趣的读者可参考http://www.liaoxuefeng.com/,里面专门有关于 Git 的详细讲解。版本控制软件有很多,如属于分布式的 Git, 属于集中式的 CVS 及 SVN 等,Github 用的就是 Git。写到这你可能就疑惑了?版本控制跟我搭建博客有半毛钱关系,呵呵,该切入重点了,Github 有一个 Github pages 的功能可以搭建博客或者托管网页,而且免费。我们这里建博客,实际上用到的是 Github pages 功能。想了解直接看官网最直接,https://pages.github.com/。Github pages 可以为个人或项目建立网站,直接从你的 GitHub 仓库托管。只需编辑,推送即可生效。其实所有关于 Github 的使用问题,你都可以到这寻找 https://help.github.com。写到这,如果你有了 Github 的账号以及掌握 Git 的基本用法,实际上你就已经可以搭建网站了,将写好的静态网页 Git 上去就行了。但实际中问题又来了,自己开发网页又慢,可能质量还不高,要是想搭建博客,那可就累了,还是不能满足实际的需要啊!那么该下一个名词登场了。
  • Hexo:Hexo 的主页是 https://hexo.io。Hexo 是一款基于 Node.js 的静态博客框架。你可以使用 MARKDOWN(或其它语言)写帖子,Hexo 会为你生成带有漂亮主题的静态文件。在安装 Hexo 前需要安装两样东西:Node.js 和 Git。什么是 Node.js? 简单地说,就是运行在服务端的 JavaScript。了解 Node.js ,可参考 http://www.runoob.com/nodejs/nodejs-tutorial.html

  介绍完了几个关键名词的概念,下面开始介绍配置过程。此处,我先省略具体过程,后面有时间会补上,请大家包涵!..........

  下面写几个配置好以后的常用命令:

  • 创建新博客 
    hexo new "your article"
  • 生成网站
    hexo generate
    或 hexo g
  • 服务器
    hexo server
    或 hexo s

    伺服器会跑在 http://localhost:port (port 预设为 4000,可在 _config.yml 设定)

  • 部署站点
    hexo deploy

    几个常见的问题:

  1. 关于中文网页的乱码问题

  在站点配置文件 _config.yml 将 language 设为中文编码,同时还有一点要注意,那就是文件一定要保存为 UTF-8 格式,不要用记事本去编辑了,可以用 sublime text 编辑。同样,其它的 md 文件也要保存为 UTF-8 编码。

  2. Next 主题添加标签、分类、关于页面

  以标签为例,

hexo new page tags

  在站点根目录下 /source 下会新生成一个新的文件夹 tags,在该文件夹下会有一个 index.md 文件,在该文件添加

---
title: 标签
date: 2017-03-13 23:10:05
type: "tags"
---

  注意,上面的创建命令多个 page,与创建新博客的命令不同。

 

posted on 2017-03-14 15:40  如果天有情  阅读(81)  评论(0)    收藏  举报

导航