flyEn'blog

hexo常用命令

发表于 | 分类于

安装

先安装Node.js+Git，再安装npm，执行命令：

1
$ npm install -g hexo-cli

npm可能会很慢，可以安装cnpm淘宝镜像代替

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

服务器启动

1
hexo s

启动本地服务器，用于预览主题。默认地址： http://localhost:4000/

  • hexo s 是 hexo server 的缩写，命令效果一致；
  • 预览的同时可以修改文章内容或主题代码，保存后刷新页面即可；

对 Hexo 根目录 _config.yml 的修改，需要重启本地服务器后才能预览效果。

新建

1
hexo n '<name>'

新建一篇文件名和标题<name>的文章
hexo n 是 hexo new 的缩写，命令效果一致。

1
hexo n page about_me

新建一个标题为 aboutme 的页面，默认链接地址为 主页地址/aboutme/

  • 标题可以为中文，但一般习惯用英文；
  • 页面标题和文章一样可以随意修改；
  • 页面不会出现在首页文章列表和归档中，也不支持设置分类和标签。

生成静态文件

1
hexo g

部署

1
hexo -d

清除缓存

1
hexo clean

git部署

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
cd .git
gedit config 

_config.yml
deploy:
  type: git
  repo: git@github.com:flyEn/flyEn.github.io.git
  branch: master
  message: "update：{{ now('YYYY-MM-DD HH:mm:ss') }}"

$ npm install hexo-deployer-git --save

hexo g -d
hexo g 生成静态文件
hexo -d 部署

——官方文档

更新：[关于hexo图片显示问题]

上传的本地图片更新到博客显示不出来。

感谢：https://www.jianshu.com/p/3db6a61d3782

解决方法：

  1. 添加扩展插件

    配置_config.yml里面的post_asset_folder:false这个选项设置为true。

    安装hexo-asset-image，运行hexo n "xxxx"来生成md博文时，/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹，把图片放入该文件夹。

    使用![xxx](xxx/xxx.png)直接插入图片即可。

  2. 这样发现生成的路径名还是不对，然后按以上博主的方案直接安装已经修改过js的插件：npm install https://github.com/7ym0n/hexo-asset-image --sa

    重新生成静态文件。

    这里注意：如果没有将_config.yml里的URL改过，需要改成自己的博客域名，不然生成的就是默认配置的域名下的静态资源路径。

Fork me on GitHub