一、首先要先建立好基本的单终端博客系统
1.这个是win10+hexo+github的搭建方法
参考链接
基本操作比较简单,本文也不再赘述。
如果出现难以解决的问题:比如博客本地根目录下的_config.yml文件找不到了的时候,就可以直接把博客根目录删除,从头操作
**坑1:**注意想用自定义theme最好不要从github上直接克隆下来,而是以压缩包形式下载到对应theme文件夹后再解压。这对之后的多终端同步有好处
2.另一个(或者之后的其他)终端需要提前配一下环境
参考链接
主要就是git+node.js+hexo
二、多终端部署
参考链接
**坑2:**注意所有的clone或add等与github网址有关的操作,都要用https那个版本的网址(在github上给出的)
0.基础部署
首先是本文中的一、2.中的环境要部署好,接下来就是关键的对接操作:
git init #在blog根目录下初始化本地仓库
git add . #将目录下的所有文件添加到本地仓库
git commit -m "Blog Source Hexo" #提示本次commit主要目的
git branch hexo #新建hexo分支
git checkout hexo #切换到hexo分支上
git remote add origin https://github.com/LoganSun720/LoganSun720.github.io.git #将本地与Github项目对接
git push origin hexo #push到Github项目的hexo分支上
这样github就会多出一个名为hexo的分支
1.git clone/pull
第一次在新终端上操作时需要将hexo上的东西都clone下来
git clone -b hexo https://github.com/LoganSun720/LoganSun720.github.io.git
cd logansun720.github.io #切换到刚刚clone的文件夹内
npm install #注意,这里一定要切换到刚刚clone的文件夹内执行,安装必要的所需组件,不用再hexo init
注:之后再用这台终端写文章时就用git pull
就好
每次写之前都要先在blog根文件夹下的hexo分支进行pull操作,将远端hexo分支下的内容更新至本地。不然新一次更改上传的时候会把之前在别的终端上进行上传的更改覆盖。
**坑:**可能会有如下报错:
gitThere is no tracking information for the current branch.
Please specify which branch you want to merge with.
See git-pull(1) for details
git pull <remote> <branch>
If you wish to set tracking information for this branch you can do so with:
git branch --set-upstream-to=origin/<branch> hexo
解决: 根据提示输入:
git branch --set-upstream-to=origin/远程分支的名字(我的是hexo) 本地分支的名字(我的是hexo) ·
2.hexo new post
编辑文章时最好用hexo new post "文章名"
,但是写文章时可以直接在blog根文件夹下的source/_post/
下用md格式编辑即可
3.上传
git add source #经测试每次只要更新source中的文件到Github中即可,因为只是新建了一篇新博客
git commit -m "XX" #提醒之后的自己这次更改是什么
git push origin hexo #推送到远程仓库,更新hexo分支
附:当然为了使博客生效 每次可以先用hexo三连来预览,并用hexo d
来部署,最后在用(二)中的后三步来更新到github
三、博客内图片处理
当向文章中添加图片时,如果图片来源于网络,那么还比较好办,直接引用那个链接即可,不过也有问题,那就是如果那个链接挂了那么你的图片也就无法显示。另外如果你的图片来源于本地,那么更麻烦了。一种做法是使用第三方服务器,比如七牛,当需要插入图片时,先把图片上传到七牛的服务器然后再使用,我觉得很麻烦。这里选择另外一种方法。
首先修改 _config.yml
(在站点目录下) 中 post_asset_folder
字段:
# post_asset_folder: false
post_asset_folder: true
当设置该字段为 true
时,在建立文件时,Hexo 会自动建立一个与文章同名的文件夹,你就可以把与该文章相关的所有资源都放到那个文件夹,这么一来,你就可以很方便的使用资源。例如,文章 post
需要插入图片 test.png
时,就可以使用 。
问题是这样在本地显示没有问题,但是发布之后就无法显示,使用 hexo-asset-image
插件来解决。
在博客根目录右击打开 git bash
,执行以下命令:
npm install https://github.com/CodeFalling/hexo-asset-image --save
重新生成之后就可以在你自己的网页上正常显示了。