hexo安装

环境要求:node、git

1
2
cnpm install hexo-cli -g
//推荐cnpm

hexo基本使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
//初始化 
hexo init

//新建文章 》 sources/_post 目录下生产md文件
hexo new "文章名"

//编写
......写就完事了

//本地预览
hexo s

//发布三部曲 *建议每次发布前都进行操作
//清理缓存
hexo clean
//生成静态页面
hexo g
//发布
hexo d

hexo发布到github

github建立一个仓库,仓库名你的用户名.github.io

修改配置文件_config.yml

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/GU0FORY1/GU0FORY1.github.io # 仓库地址
branch: master #仓库分支 默认写master就可以

git配置就不说了很简单,都配置好以后就可以,发布了

1
2
3
4
5
hexo d 报错
`ERROR Deployer not found git`
//发布的插件没装,先装一下
cnpm install hexo-deployer-git --save
//装好了以后就可以发布了

如果都顺利的话,去访问你的用户名.github.io,就可以看到你写的博文了

hexo主题安装使用

本站用的Maupassant主题 可点击查看

具体配置上面的文章写得很清楚

如何更舒服的插图片

写md的时候,我希望让图片存在与md存在同名目录下,方便日后管理

使用Typora

设置一下

image-20200314211459462

这样,hello.md这篇博文里的图片都会存在hello这个文件夹下

安装hexo-asset-image

只有装了这个插件后,生成静态网页的图片路径才会正确,否则图可能就会裂掉

1
2
//安装修改版hexo-asset-image,因为hexo3.0的原因之前的不兼容了,这是网友自己改的,可用
cnpm install https://github.com/7ym0n/hexo-asset-image -- save

修改配置文件 _config.ymlpost_asset_folder: true.

最后的目录结构

image-20200314213059877

绑定自己的域名到git pages

github仓库设置

填入你的域名,仓库目录下会生成CNAME文件

image-20200314213303893

image-20200314213752594

域名解析设置

去你的域名解析控制台,添加一条CNAME记录,记录值为用户名.github.io

OK,访问你的域名

域名解析失效 github 404

我这里遇到的原因是,hexo d时因为本地没有CNAME文件,所以向远端推送时,git自动把CNAME删掉了

解决方法:在博客目录source目录下新建CNAME文件,写入你的域名,以后推送的时候CNAME就会被带上

image-20200314214302271

如何在多台电脑上使用hexo

总不能,每台电脑我都要配置一遍吧!!!

使用github同步

  1. 新建一个github仓库,私人/公共都可以

  2. 把这个仓库克隆到本地

  3. 把直接创建好的hexo整个目录拷贝过来(记得先把原目录的.git文件夹删除)

    [^之前为什么会有.git]:hexo init拉取hexo的时候产生的

  4. 提交 推送

  5. 以后用的时候就直接拉这个仓库,不需再配置一遍

如果在这个目录下启动不了hexo,那就cnpm install 一下

注意一个问题一个目录下只能有一个.git文件夹