准备环境
安装Windows环境
安装过程就不说了,一直Next就行了
进入命令行
1
|
npm install -g hexo #注意:-g是指全局安装hexo
|
安装完成后,在你喜爱的文件夹下(如D:\Hexo),执行以下指令(在D:\Hexo内点击鼠标右键,选择Git Bash)
1
2
3
4
|
hexo init #Hexo即会自动在目标文件夹建立网站所需要的所有文件
npm install #安装依赖包
hexo generate
hexo server #也可以输入缩写 hexo s -g (gener + server)
|
现在我们已经搭建起本地的hexo博客了,执行以下命令(在D:\Hexo),然后到浏览器输入localhost:4000看看。
创建github账号并添加key(网上有教程就不进行说明了)
建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法然后建立关联
现在我们需要_config.yml文件,来建立关联,可参考官网说明 https://hexo.io/docs/deployment.html
编辑 _config.yml 翻到最下面,改成我这样子的
1
2
3
4
5
|
deploy:
type: git
repo: <repository url>
branch: [branch]
message: [message]
|
安装hexo-deployer-git
1
2
|
npm install hexo-deployer-git --save #支持git发布
hexo d -g #发布你的 blog
|
你的博客就搭建成功了 网址为your_user_name.github.io
国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。
npm config set registry http://registry.npm.taobao.org #配置淘宝仓库
npm config set prefix “F:\path\npm-pkg” #设置本地包下载位置(增加相应环境变量),根据个人,可不改
npm config set cache “F:\path\npm-pkg\cache” #设置缓存位置,根据个人,可不改
新版特性 支持缩写
1
2
3
4
5
6
|
hexo g == hexo generate #生产静态html
hexo s == hexo server #本地预览 localhost:4000
hexo d == hexo deploy #推送远程发布,即正式发布
hexo n == hexo new
hexo s -g #本地测试
hexo d -g #git发布
|
本地资料丢失后的流程当重装电脑之后,或者想在其他电脑上修改博客,可以使用下列步骤
- 使用git clone 拷贝仓库(默认分支为hexo);
- 在本地新拷贝的github.io文件夹下通过Git bash依次执行下列指令:
1
2
3
|
npm install hexo
npm install
npm install hexo-deployer-git #记得,不需要hexo init这条指令
|
hexo添加图片
1
2
3
|
npm install https://github.com/CodeFalling/hexo-asset-image --save #安装图片插件
#这样,在你新创建 hexo n 博客时就会在与博客同目录自动创建同名文件夹,将图片放入该文件夹
{% asset_img 你的图片全名包含后缀 %} #博客中插入图片格式(使用markdown格式将无法显示)
|
nrm仓库管理工具
1
2
3
4
|
npm install -g nrm #全局安装nrm
nrm ls #列出所有仓库
nrm test #仓库测试(果断淘宝第一)
nrm use taobao #使用淘宝仓库
|