目录
Please enable Javascript to view the contents

hexo常用命令备忘录

 ·  ☕ 2 分钟

    环境准备

    1. install nvm

    1
    2
    3
    4
    5
    6
    
    # refrence (https://hackernoon.com/how-to-install-node-js-on-ubuntu-16-04-18-04-using-nvm-node-version-manager-668a7166b854)
    curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash
    bash install_nvm.sh
    source ~/.profile
    nvm --version
    nvm ls-remote

    2. install nodejs

    1
    2
    3
    4
    
    nvm install 10.15
    nvm use 10.15
    node -v
    npm -v

    3. install+set yarn

    1
    2
    3
    4
    
    npm i -g npm --registry https://registry.npm.taobao.org
    npm i -g yarn --registry https://registry.npm.taobao.org
    # set yarn use taobao proxy
    yarn config set registry https://registry.npm.taobao.org

    4. install hexo

    1
    2
    3
    4
    5
    6
    7
    
    # install pkg
    yarn install
    
    # 安装包
    npm install hexo-generator-searchdb --save
    npm install -g hexo-cli
    npm install -g hexo@3.9.0

    使用说明

    1. 本地调试

    1
    2
    3
    4
    5
    6
    7
    
    # local start
    hexo g
    ## 启动服务
    hexo s
    
    ## 清理
    hexo clean

    2. 创建博客

     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    
    # 创建博客(TITLE 不能带空格,不能加特殊字符)
    hexo new devops --path devops/ TITLE
    
    # 创建草稿
    hexo new draft hexo常用命令备忘录
    
    # 本机预览草稿
    hexo S --draft
    # 将草稿发布为正式文章
    hexo P hexo常用命令备忘录
    # 或者 将草稿 以 bash 的布局发布(不支持--path参数知道目录,文件会保存在_post目录下,只能手动移动到相应子文件夹下)
    hexo publish bash hexo常用命令备忘录

    配置文件

    • ./_config.yml

    • ./themes/next/_config.yml

    • ./source/_data/next.yml

    常见配置

    1. 放图片或文件下载

    • 本网站挂载
      hexo在构建成静态页面时,会将目录./source/images/下的内容全部拷贝至./public/images/目录。而public目录为网站根目录。

    所以需要以下操作:

    1. 将文件或照片放至./source/images/目录下
    2. 在md文件中,图片通过![例子](/images/<相对source/images目录的路径>)<img src="/images/<相对source/images目录的路径>" width="80%">
      文件通过[例子-文件](/images/<相对source/images目录的路径>)

    hexo构建后的静态网页会将source目录下的文件夹(除_data/, _drafts, posts)放至 根目录下,所以可以通过绝对路径索引。

    • 第三方工具挂载
    1. 使用chrome插件微博图床工具上传图片
    2. 将url放至md文件中例如![xxx图片](https://hex-cdn.oss-cn-hangzhou.aliyuncs.com/old/yNuAgl.jpg)

    遗留问题

    计划迁移 hugo, 遗留以下问题 暂不处理

    1. local-search设置

    2. CDN加速

    3. 国内字体

    参考

    Hexo生成Post: post、page、draft

    Hexo文章保存为草稿

    Hexo+Github博客搭建小白教程

    分享

    Hex
    作者
    Hex
    CloudNative Developer