- 安装 hexo :
npm install -g hexo-cli
如果在公司里头,可以选择使用 tnpm :
npm install @tencent/tnpm -g --registry=http://r.tnpm.oa.com --proxy=http://r.tnpm.oa.com:80 --verbose
tnpm install -g hexo-cli
- fork 本仓库到你的 Github 账户下。
- 克隆你的仓库。
git clone https://github.com/你的Github账户/OEDx.git
- 安装依赖:
cd OEDx
npm install
- 新建文章:
hexo new "My New Post"
- 写文章,同时可以在本地(http://localhost:4000) 开启预览:
hexo server
- 确认排版、插图无误后,提交你的文章。
- 发 Pull Request ,等待管理员审核。
- 当审核通过后,将自动发布到博客。
$ hexo new "My New Post"
More info: Writing
- 先把图放进 source/images/ 目录,为了避免与其他人的文章插图冲突,请单独为你的文章建一个与文章文件名同名的图片目录。例如:
source/images
|
+--- cocos-based-high-performance-cross-platform-app-developing/
| |
| +-- abcmouse-legacy.png
| +-- abcmouse-tencent.png
| +-- ...
|
`--- your-post-title/
|
+-- your-image1.png
+-- your-image2.png
- 然后在文章中用下述方式插图:
![ABCmouse](/images/cocos-based-high-performance-cross-platform-app-developing/abcmouse-legacy.png)
如果要限制高宽,可以改用 Hexo 的 img
插件插图。例如:
{% img /images/cocos-based-high-performance-cross-platform-app-developing/me-on-gmtc.jpg 500 500 我的GMTC首秀 %}
注意写好文章头部的 front-matters 。主要包含几个字段:
- title:文章标题
- date:文章编写时间
- tags: 标签
- categories:分类
- author:作者信息
其中,标签指的是你的文章和什么技术或主题相关,例如 Cocos
、 Flutter
、React Native
等。例如:
tags: Cocos
如果有多个标签,可以使用数组:
tags: [React Native, Redux]
分类要求指定为以下几种中的一种:
- 客户端
- 后台
- 前端
- 工程文化
- 其他
作者信息要求保持 中文名(企业微信名)
的格式。
author: 潘伟洲(josephpan)
如果有博客,允许带上链接:
author: "[潘伟洲(josephpan)](http://hahack.com)"
一个完整示例:
---
title: 基于 Cocos 的高性能跨平台开发方案
date: 2018-07-07 17:01:35
tags: Cocos
categories: 客户端
author: "[潘伟洲(josephpan)](http://hahack.com)"
---