网站的建立

开始

很久之前就有创立网站的想法,不过就是一腔热血,弄到一半因为一些小问题就放弃了。这次吸取上一次的教训好好的弄一弄
之前网站的雏形就是从candycat的GitHub博客上找的,她推荐了两个比较好用的网站,在这里我也列出来:

  • CENALULU : 比较详细的介绍了利用jekyll建立网站的步骤
  • Huxpro : candycat的网站皮肤模板

不过这里我们不利用jekyll建立网站,想利用jekyll建立网站的可以参考上面两个教程
经过哥们的介绍认识了另一个比较方便建立GitHub个人博客的工具Hexo

利用Hexo创建Github博客

下载Hexo

Hexo的运行需要两个前置的组件:

  • Node.js : 是一个Javascript运行环境,对Chrome V8引擎进行了封装
  • Git : 是一个开源的分布式版本控制系统,基于GitHub的博客怎能缺少Git

开始建立博客

注:以下操作都基于Window系统,本人系统win10

如果已经安装上述必备程序,接下来就是Hexo的安装了,打开CMD,敲击第一段代码

1
npm install -g hexo-cli

等待安装完成后,以次执行以下代码

1
2
3
hexo init <folder>
cd <folder>
npm install
  1. 创建一个存放博客的本地仓库
  2. 进入到此仓库中
  3. hexo会建立所需要的文件

然后可以利用如下代码,运行以下命令启动服务,在浏览器中输入localhost:4000看看效果

1
hexo server

配置网站

不论用jekyll或者hexo构建博客都会生成_config.yml的配置分解,里面大部分网站参数都是可配置的。关于配置的介绍点击这里

皮肤

Hexo官网就有很多的皮肤样式可供选择,链接
从中选择一个你喜欢的皮肤就进行配置吧,这里推荐一下我自己的皮肤Archer,皮肤的GitHub

网站的部署

利用以下的代码建立Hexo与Git的桥梁

1
npm install hexo-deployer-git --save

利用以下代码来书写博客和提交博客

1
2
3
4
hexo new "文件名" // 建立博客的文章 等同于 hexo n
hexo deloy // 部署到GitHub上 等同于 hexo d
hexo generate // 提交本地仓库,类似于git的commit 等同于 hexo g
hexo g -d // 提交加部署

hexo new 创建的文件将会存放到sorce/_post目录中。

利用ATOM书写Markdown

ATOM是Git自家出品的IDE,功能很强大,利用Ctrl+Shift+M可以边写边看成品,非常方便。