利用Hexo玩转Coding pages

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

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

安装hexo



$ npm install hexo-cli -g //安装hexo-cli
$ hexo init coding-pages //初始化一个博客项目
$ cd coding-pages //进入到目录
$ npm install //安装博客程序
$ hexo server //开启博客服务器`
  • 上面的操作一行一条命令,执行的时候,请去掉注释!
  • 如果操作系统是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地址看效果。