利用Hexo玩转Coding pages

Posted on 2016-03-05 Edited on 2025-04-17 In Blogs

接上篇文章，这里主要介绍hexo相关的操作。

阅读文章之前，请先在机器上安装nodejs；注册好coding帐号；建好pages项目。

安装hexo

$ npm install hexo-cli -g //安装hexo-cli
$ hexo init coding-pages //初始化一个博客项目
$ cd coding-pages //进入到目录
$ npm install //安装博客程序
$ hexo server //开启博客服务器`</pre>
</div>

上面的操作一行一条命令，执行的时候，请去掉注释！
如果操作系统是mac，建议执行$ npm install hexo-cli -g时使用sudo权限。
执行成功之后，浏览器访问窗口中的地址。如果博客成功基础就搭建OK！

基础配置
基础配置文件在博客根目录下的_config.yaml文件。
```
`$ vim _config.yaml`
```
根据需要修改自己的基础配置。 * title 博客标题 * subtitle 博客副标题 * description 博客描述 * author 作者信息 * language 符合2-lettter ISO-639-1 code的两位语言标志，中文zh * timezone 时区 * url 基本网址 * root 站点目录 * permalink 链接形式 * permalink_default 默认链接形式 * date_format 日期格式 * time_format 时间格式
如果需要部署到coding上，则需要设置部署信息：
```
`# Deployment
deploy:
- type: git
  repo: https://git.coding.net/{your-user-name}/{your-user-name}.git
  user: {your-user-name}
  pass: ******
  branch: coding-pages
  # message: deploy blog`
```
{your-user-name}请替换成自己的用户名，密码请替换成自己的密码。
请按照格式书写部署信息(: 后面有一个空格！每行之前有两个空格；-之后有一个空格)
配置清单的官方文档在此: hexo配置细节说明

安装部署器
hexo支持多方法、多服务器的部署。这里使用的git方法。因此需要安装git部署器。
```
`$ npm install hexo-deployer-git --save`
```
*如果需要重置部署器，删除.deploy_git即可。
新建一篇文章
用命令行新建一篇博客如下
```
`$hexo new "博客名字"`
```
成功之后，打开博客目录下的source/_post/博客名字.md，编辑它就好。
文件提供了博客的基本元素，建议不要删除。直接填写对应的内容就好；
文件是markdown格式，用起来超赞。

生成博客
博客生成只需要执行命令
```
`$ hexo generate //或者快捷命令 hexo g`
```
预览
访问本地地址即可！

部署博客
```
`$ hexo delopy //或者短命令 hexo d
```

完成

现在你可以，访问你的coding pages地址看效果。

安装hexo

基础配置

安装部署器

新建一篇文章

生成博客

预览

部署博客

完成