前言

使用 GitHub、Coding 拥有一个静态页面的博客很简单，网上有很多优秀的教程，但是往往都需要在本地电脑上编辑，然后 push 到平台上，万一电脑没在身边或者遭遇意外，会是一件很麻烦的事情，本教程利用 Coding WebIDE 作为后台编辑文章，然后使用 Coding Pages 服务进行展示，实现了完全云端化，而且完全免费。

感谢 Phantom T 带给我的启发和帮助

介绍

Hexo

Hexo（中文官方网站） 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

特性

  • 超快速度：Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。
  • 支持 Markdown：Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。
  • 一键部署：只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。
  • 丰富的插件：Hexo 拥有强大的插件系统，安装插件可以让 Hexo 支持 Jade, CoffeeScript。

Coding.net

coding图标
coding图标

Coding 是一个面向开发者的云端开发平台，提供代码托管，运行空间，质量控制，项目管理等功能。此外，还提供社会化协作功能，包含了社交元素，方便开发者进行技术讨论和协作。

特性

  • 代码托管：Coding 的代码托管功能除了基本的 Git 代码仓库以外，还有保护分支、代码分屏对比、代码评审等高级功能，并且整合了 Pages 服务，代码分析等开发工具，提升研发效率。
  • 项目管理：Coding 的项目管理是针对软件开发协作定制的一站式工具，包含了任务，讨论，文件等功能。支持多成员协作，并且深度集成了代码仓库的操作与状态，让软件开发管理一目了然。
  • WebIDE：Coding WebIDE 是 Coding 自主研发的在线集成开发环境。用户可以通过 WebIDE 创建项目的工作空间，进行在线开发，调试等操作。与此同时，WebIDE 还提供了可分享的开发环境功能，用户可以保存当前的 Terminal 环境，分享给团队的其他成员。

准备工作

  1. 注册 Coding.net
  2. 创建静态 Coding Pages 具体操作过程见：帮助
  3. 创建 Coding WebIDE 工作空间，请提前熟悉 Coding WebIDE，可以利用不同分支对项目进行操作，例如本网站将 Hexo 生成并部署到 master 分支，而在 background 分支进行后台编辑。

安装

参考 Hexo 官方中文网站的教程：https://hexo.io/zh-cn/docs/

在 Coding WebIDE 终端中，已经安装了 Git，可以查看 Git 是否安装。

git --version

安装 Node.js

安装 Node.js 的最佳方式是使用 nvm。

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

安装完成后，重启终端并执行下列命令即可安装 Node.js。

nvm install stable

可以查看 Node.js 是否正常安装

node -v

安装 Hexo

所有必备的应用程序安装完成后，即可使用 npm 安装 Hexo。

npm install -g hexo-cli

建站

安装 Hexo 完成后，请执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。

hexo init <folder>
cd <folder>
npm install
文件结构
文件结构

_config.yml

网站的 配置 信息，可以在此配置大部分的参数。是最主要修改的文件。

package.json

应用程序的信息。无需进行操作

scaffolds

模版 文件夹。当您新建文章时，Hexo 会根据 scaffold 来建立文件。

source

资源文件夹是存放用户资源的地方。除 _posts 文件夹之外，开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹，而其他文件会被拷贝过去。

themes

主题 文件夹。Hexo 会根据主题来生成静态页面。本网站使用 indigo 主题。

具体配置和写作方法请参考 Hexo 官方网站，同时给出本网站的配置文件以供参考

链接: https://pan.baidu.com/s/1jJ2sk9g 密码: j8i6

部署

在根目录下 _config.yml 文件中编辑位于最后的 deploy 设置部署的相关操作

deploy:
  type: git #部署类型
  repo: git@git.coding.net:yourname/yourname.coding.me.git #库的地址（注意是ssh方式）
  branch: master #部署分支

在终端安装 hexo-deployer-git。

npm install hexo-deployer-git --save

设置 ssh

cd ~/.ssh
cat id_rsa.pub

获得公钥，并在 Coding 个人设置中添加 ssh 公钥。

生成并部署网站

hexo clean
hexo generate -d

或

hexo clean && hexo g -d

部署完成后打开你的 https://yourname.coding.me 即可看到博客搭建完成。