野声

Hey, 野声!

谁有天大力气可以拎着自己飞呀
twitter
github

使用在线ide和pages服务搭建一个免费的Hexo博客

一直有着想写一点东西的想法,想有个自己的博客。但是现在国内的知名博客服务(特指 CSXN)好多广告 = =,最后在知乎发现了 Hexo 这么个东西。
自己就能搭建一个国内访问快无广告自定义颇多的炫酷博客。

  • Hexo 是一个用 nodejs 编写的静态博客框架,可以将生成的静态博客网页托管在服务器上。
  • 国外的 github.com 和国内的 coding.net 都提供免费的静态网页托管服务。
  • c9.io提供免费的在线 webide 服务
  • 好难过,评论说现在注册 c9 要绑定信用卡了,这是真的这不是梦。
  • c9 现在被亚马逊收购了,可以在自己的 ec2 实例上免费使用。

优点:

  1. 有网络就可以更新博客,只需要一个浏览器。
  2. 源文件在云端,可下载回本地。
  3. 可实时预览 markdown 文件。
  4. 完善的 linux 终端,有 root 权限。

我在 c9 的 workspace:https://ide.c9.io/lengthmin/hexo/


安装#

关于 Hexo#

官网: https://hexo.io/zh-cn/

  • A fast, simple & powerful blog framework
  • 快速、简洁且高效的博客框架

作者:Tommy Chen

准备准备#

  • 注册 coding.netc9.io

    注意:c9 没有被墙,但是注册的时候需要输入验证码,验证码使用的是 Google 的 reCAPTCHA 服务。因此注册的时候需要科学上网。

在你的 c9 控制台界面,创建一个 workspace,名字 hexo (自己喜欢就好)
选择模板为 blank
58944002.jpg
c9 的控制台是 ubuntu 系统,并且已经装了我们搭建 Hexo 需要的 nodejsgit


开始安装#

打开 workspace, 在终端中输入

npm install hexo-cli -g

25005751.jpg
等待安装成功

创建一个 blog 文件夹,

mkdir blog

安装 Hexo

cd blog
hexo init

这样 Hexo 就安装完成了,我们先预览一下

hexo s -p 8081
  • 先按照我这么输命令,因为 c9 只允许使用 8080,8081,8082 三个端口,而 Hexo 默认的端口是 4000,所以如果只使用hexo s的话就预览不了。后面讲命令的时候会再提一下。

60800577.jpg

点击终端出现的地址,出现如下图的话就说明安装好了。
45253572.jpg

调教 hexo 请参见《hexo 你的博客》
在这推荐两个主题: yeleenext


hexo 的常用命令#

到这里,已经可以使用 Hexo 了
hexo 的常用命令有这些,都要在 Hexo 的根目录下执行

hexo g
# 编译生成静态文件
hexo d
# 部署博客
hexo g -d
# g 跟 d 一起使用
hexo clean
# 清除以前生成的静态文件。
# 通常,清理一下可以解决大多数问题。
hexo s
# 本地预览博客
hexo new xxx
# 新建一篇标题为xxx的文章
hexo new draft xxx
# 新建一篇标题为xxx的草稿
hexo new page xxx
# 新建一个页面
hexo help
#查看帮助

在 c9 使用hexo s时注意事项#

c9 只允许用户使用8080、8081、8082三个端口。并且 8080 端口已被占用,
所以使用默认的hexo server是预览不了的,因为你进不去 4000 这个端口。
要把hexo server的命令改成

hexo server -p 端口号
# 可简写
hexo s -p 端口号

也可以在站点配置文件_config.yml加入:

server:
  port: 8081

以后只要使用hexo s就可以了。


部署博客#

配置 SSH#

coding 的中文 ssh 配置帮助页面
https://coding.net/help/doc/git/ssh-key.html
c9 已经默认生成了 ssh 密钥,
ssh 密钥在~/.ssh/id_rsa.pub

把这个密钥添加到 coding 就好了。

  • 点击文件目录右上角的齿轮 - show home in favorite ,就能查看根目录了。

配置 Deploy#

在 coding 中创建一个仓库
名字为你的 coding 用户名,不区分大小写。
创建完仓库后,复制你的 SSH 地址
31815771.jpg
在 hexo 根目录下的 _config.yml中翻到尾部找到下面这串代码。然后修改 coding 后面的地址为你的仓库的 ssh 地址,这里的 master 是分支的意思。

一定要注意改成你自己的 ssh 地址,注意是 ssh 地址。而且coding:后面是有个空格的,这就是 yaml 语言的格式,以后编辑_config.yml也要注意的。

deploy:
  type: git
  repo:
    coding: [email protected]:Artin/Artin.git,master

部署到 Coding Pages 上#

这是 Coding 关于 Pages 的介绍。

https://coding.net/help/doc/pages/index.html

首先要安装 git 的插件:

在终端输入

npm install hexo-deployer-git --save

等待安装完成。

然后输入命令:

hexo clean
hexo g -d

每一次更新博客,都要重新部署。

一些 Tips#

修改终端时区#

c9 终端的默认时区是 UTC,和中国相差了 8 个时区。
终端输入:

sudo dpkg-reconfigure tzdata

然后进入图形交互界面,选择Asia/Shanghai时区就行了
出现下面的提示即为成功

Current default time zone: 'Asia/Shanghai'

Local time is now:      Sat Aug  6 20:13:22 CST 2016.
Universal Time is now:  Sat Aug  6 12:13:22 UTC 2016.

开启 c9 的 markdown 实时预览#

写 markdown 时点击工具栏的 Preview,选择第一个 Live Preview file
然后屏幕就会变成双栏,左边码 markdown,右边可实时预览。

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。