安装Hexo
安装基本软件
- Node.js
- 安装git
安装Hexo
npm install -g hexo-cli
执行后系统内即可完成hexo的安装,还需执行hexo命令初始化:
$ hexo init <folder>
$ cd <folder>
$ npm install
修改部署
生成新的文档
hexo new {layout} draft/post/page {title}
修改文件内容后执行生成部署
文本内增加图片
需要配置hexo的_config.yml文件,修改
post_asset_folder选项设置为true
在Hexo文档目录中安装新插件
npm install hexo-asset-image --save
这样通过hexo new生成新文档的时候会生成同名的一个目录,把截图放进去即可完成配置。
目前我使用的是Mweb方式增加截图,截图复制在别的场景下很方便,但是在Hexo中有些需要修改的地方暂时没法配置,比如复制截图保存的路径是./media/xxx.jpg 如果能够自动配置成文件名路径就特别方便了,不知道作者会不会增加这个选项。
生成部署
hexo clean; hexo g; hexo d;
使用Jekyll部署
安装基础环境
- 安装ruby
- 安装jekyll
sudo gem install jekyll
如果速度慢的话,使用淘宝的源
gem source -r https://rubygems.org/ gem source -a https://ruby.taobao.org/
- 进入下载的目录
执行命令安装必须的安装包
bundle install
配置图片插入功能
使用github上传图片文件的功能一直没有成功,最后还是决定使用七牛的对象存储服务
七牛服务
以MWeb编辑器为例子,打开MWeb,MWeb-偏好设置-Publishing,看到下面的界面后
API URL 选择
点击右下角七牛云处即可弹出七牛云的配置页面
七牛云存储区域不同,对应的API接口URL也会有所不同,按照创建存储空间所选的地区选择即可
Bucket Name
填入创建存储空间的名字即可。
Access Key 与Secret Key
登录七牛云后,进入管理控制台后,在个人面板中选择秘钥管理
即可查到对应的AK与SK
Image Url Prefix
此处填入该对象存储的加速域名/测试域名,可在控制台-对象存储右侧看到。填入即可。
由于测试域名有一定的限制,推荐使用加速域名,具体操作自行看文档。
验证
点击validate就可以选择一张图片进行测试
本地配置
图片上传
插入图片以后,图片的路径仍然本地路径,所以要进行最后一步,图片上传到七牛云,并且替换所有的图片地址为上传后的可以访问的url 在工具栏选择 Publish-Upload Local Images to… 打开下面的界面,会显示所有你在此文件中引入的本地图片 点击Upload Images后,所有的图片都有了自己对应的上传后的URL,如
地址替换
当图片都上传成功后,就剩下最后一步,替换我们文档中的本地路径为网络路径。
点击New Document后,会弹出一个新的文档,此文档中会把所有本地的路径换成对应的网络路径,我们只要保存此文件,覆盖我们原来的文件即可。
如果更换地址后对文档再进行编辑,图片处理的方式只要重复图片上传、地址替换即可。