Hikyson.cn建站过程

本文基于你会使用Git。

目的

使用最少的资金及精力建立自己的网站,主要用于技术博客、生活感想、个人爱好等等。

建站过程

规划

hikyson.cn为一级域名(域名自行购买),下面分出包括但不限于如下二级域名:

以后可能会有app.hikyson.cn等等。

实施计划

主站hikyson.cn使用单Html页的方式,提供几个二级域名入口,tech.hikyson.cnhobby.hikyson.cnblog.hikyson.cn采用 hexo 的博客框架,所有的网站使用coding.net的pages服务,免去租服务器的麻烦。

github pages服务在国内时不时就被墙了,所以…

动手

首先你得知道怎样把一个网站托管到诸如Github或者Coding.net Pages这样的服务上去,可以查看这个文档https://coding.net/help/doc/pages/index.html,我总结一下:

  1. 随便创建一个项目
  2. clone下来,添加一个coding-pages分支,名字必须一毛一样
  3. 在分支上添加一个index.html,push到remote
  4. 然后去网站上找到对应的项目,pages服务这个Tab,打开pages服务就可以了

我没有把所有细节都写下来,主要还是参考上面的pages文档

hikyson.cn

接下来创建网站,首先是主页,仅仅是单个HTML页的话就需要炫酷一点的,这里推荐一个网站:html5up.net,下载解压,把HTML里面的一些内容改成自己的链接,这样一个网站的源码就OK了。

因为是主页,所以我创建了一个和Coding.net用户名一样的仓库,然后和上面的测试步骤一样,我把仓库Clone下来,把刚改好的网站push上去,就可以根据pages页面提示的打开这个网站了。

如何绑定域名同样看pages服务文档。

tech.hikyson.cn

其次的几个二级域名其实都差不多,就是不同的主题而已,这里以tech为例,和主页不同,这里需要使用hexo的博客框架,怎么使用hexo可以看这篇文章:http://www.jianshu.com/p/05289a4bc8b2,简答来说就是:

  1. 安装hexo
  2. 把hexo的博客框架项目clone下来(init)
  3. 命令行执行hexo g,生成网站的真实的html
  4. 如果是测试,执行hexo s,根据提示即可访问,如果是提交,执行hexo d(这个步骤后面再讲)

需要注意的是,hexo某些步骤可能时不时会被墙,所以你需要在翻墙的状态下做这些事情,否则很抓狂。

所以我们第一步,执行hexo init,

使用主题

这里我使用这个主题:https://github.com/iissnan/hexo-theme-next,这个主题怎么配置有详细的说明文档,这里不赘述。

把主题clone到我们刚才的hexo框架项目里,具体路径是 themes/next ,然后在网站的配置文件中把主题替换为next即可。

到此已经ok了,这时候执行hexo g生成网页,然后hexo s生成本地预览,没问题之后执行hexo d(这个命令执行的前提是你的网站配置文件中配置了deploy所用的git仓库)。

概览

网址 使用框架 使用主题 源码仓库路径 发布仓库路径
www.hikyson.cn 普通的html html5up.net https://coding.net/u/kyson/p/kyson/git https://coding.net/u/kyson/p/kyson/git
tech.hikyson.cn hexo https://github.com/iissnan/hexo-theme-next https://coding.net/u/kyson/p/tech.kyson.cn.respository/git https://coding.net/u/kyson/p/tech.hikyson.cn/git
hobby.hikyson.cn hexo magnetic https://coding.net/u/kyson/p/hobby.hikyson.cn.respository/git https://coding.net/u/kyson/p/hobby.hikyson.cn/git
blog.hikyson.cn hexo apollo https://coding.net/u/kyson/p/blog.hikyson.cn.respository/git https://coding.net/u/kyson/p/blog.hikyson.cn/git

换环境以后

因为不可能换台电脑以后我就要重新设置一遍,所以我决定把它托管在git仓库,换电脑之后,我只需要先配置nodejs、hexo,然后clone配置好的博客仓库,然后

hexo init tech.hikyson.cn/

初始化hexo博客,初始化完成以后可能会有一些修改的文件和添加的文件,一定要revert到原始版本,要不然会把以前配置好的覆盖掉。

npm install hexo-deployer-git --save

安装一下git deployer,否则会上传不到git仓库

之后就是一般的流程 hexo clean,hexo g,hexo d…

写完收工~