在线工具和云服务推荐

  Wordpress那类博客系统效率强大,可对与作者只想划拉的写点东西的人,感觉白璧三献了。而且wp须求配置,网站的服务器也会带来难点,国内的服务器首先须要备案,成本不低;国外服务器访问速度受影响。方今接触到一种新的博客系统Hexo,它的例各州方正是将:在上线编写博客和页面渲染的历程在线下做到。在本地编写博文的马克down文件,使用Hexo将博客网站的持有前台HTML等总体浮动,让后将转移的文件上传的服务器就行了。

开发测试

  那么原来wp中的评论等动态成效怎么做呢?放心第二方服务商早已为大家考虑了。例如:disqus正是一家第1方社会化评价系统,重要为网站主提供评论托管服务。

  本文的操作的系统环境是Ubuntu15,Windows下的搭建可触类旁通。

了解 Hexo

A fast, simple & powerful blog framework

  Hexo 是二个高速、简洁且快捷的博客框架。Hexo 使用
马克down(或任何渲染引擎)解析小说,在几秒内,即可使用靓丽的主旨生成静态网页。
  Hexo官方文书档案

安装 Git

Linux (Ubuntu, Debian):

sudo apt-get install git-core

Linux (Fedora, Red Hat, CentOS):

 sudo yum install git-core

安装 Node.js

设置 Node.js 的顶级格局是应用 nvm。
cURL:

curl https://raw.github.com/creationix/nvm/master/install.sh | sh

Wget:

wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

设置到位后,重启终端并履行下列命令即可安装 Node.js。

nvm install 4

安装 Hexo

具有须求的应用程序安装到位后,即可使用 npm 安装 Hexo。

npm install -g hexo-cli

建站

安装 Hexo 完结后,请执行下列命令,Hexo
将会在钦赐文件夹中新建所须要的文本。

$ hexo init <folder>
$ cd <folder>
$ npm install

新建完毕后,钦定文件夹的目录如下:

├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

新建一篇小说

hexo new [layout] <title>
只要没有设置 layout 的话,默许使用 _config.yml 中的 default_layout
参数代替。假设标题包括空格的话,请使用引号括起来。

浮动静态文件

hexo generate

起步服务器

hexo server
网站会在 http://localhost:4000 下运行。在服务器运转期间,Hexo
会监视文件变动并自动更新,您不用重启服务器。

布署静态网页到 GitHub

登记安装 GitHub

  1. 登录GitHub,注册自定义用户名如:imzyf
  2. 在主页右下角成立New
    repository,name必须和用户名相同如:imzyf.github.io
  3. 第二次成立耐心等待10分钟左右查证核实,之后即可访问静态主页如:http://imzyf.github.io

同台内容至 GitHub

  1. 在Hexo目录下 git clone git@github.com:imzyf/imzyf.github.io.git
  2. public文本下的兼具文件拷贝到imzyf.github.io
  3. git add .充实当前子目录下全体改变过的文本至index
  4. git commit -m 'xxx'交由到地头
  5. git push origin master将日前支行push到长途master分支
  6. 最终访问主页http://imzyf.github.io观测效果

个人域名

设置 CNAME

  1. 在Github的网站目录下开创CNAME文件
  2. 填写自身的域名如zyf.im,保存甘休
  3. 登录域名服务商,然后添加记录,记录类型采用CNAME,记录值imzyf.github.io.(有个点)

整理参考:HellDog-使用GitHub和Hexo搭建免费静态Blog