博客园测试

Posted 2021-02-13 kangyupl

---恢复内容开始---

如果换了电脑怎么更新Hexo博客？
能不能像CSDN一样打开浏览器就能更新博客？
这一篇博文就来解决这个问题。

前排提醒

这篇博文主要是自用，不大建议初学者使用。因为这个方法对新手来说坑巨多，我足足捣鼓了两天才搞好。

产生疑问

某天突然想到，Hexo博客虽然漂亮简洁，但是只能在自己电脑上更新。要是哪天出门在外用的别的电脑岂不是更新不了？把博客云端备份，在别的电脑上下载又很麻烦。有没有什么办法能直接通过一个软件或者网页来更新博客呢？
想着想着我就觉着博客园，CSDN，简书之流还是很便携的，随便找个浏览器就能更新。尤其是简书，它甚至还能在手机上更新，而且还能有私密文章功能(背地里我一直简书安卓端记录脑子里突然蹦出的中二语句，以及一些见不得人的小网站)，简直完虐Hexo。
要不换回简书？
不，不可能。人一旦喝惯了仙酿，哪能愿意再去过糟糠果腹的日子？

思考策略

根据这几年来积累的编程思维，我觉得应该能创造一个接口来编辑博文，我也肯定自己一下子实现不来这个东西。再想到我都能想到这个问题，总有别人想过这个问题；我虽然实现不了，但比我牛的人多的是，总有人能实现。上网一搜，找到了知乎上的问题使用hexo，如果换了电脑怎么更新博客？。从头到尾挑了一番，最后选中了接下来要讲的这个方法。

主要思路

Coding的Web IDE可以在浏览器内使用，并且内置一个带独立存储区域的linux小系统，我们就把Hexo放到这个小系统里来实现在线编辑。

所需知识

git的基本操作

操作流程

1.用WebIDE搭建一个空壳的Hexo博客

具体流程照着这篇文章来，后面我们在这个做出来空壳博客上进行操作。
使用WebIDE搭建Hexo个人博客

2.将本地的博客源码导入空壳中

这一步建议初次用git的朋友找份git教程一边读一边操作，或者照着这个来快速指南
首先在你的电脑里找个宽敞的文件夹，执行git clone命令将你工作区(工作区请见第一步中的文章)clone到本地。如果你按照第一篇文章操作，此时会生成一个hexo-workspace文件夹，再把你原来的blog文件夹整个复制到这个文件夹里，接着在blog文件夹内新建一个.gitignore文件（开头就是个.），编辑它为

.deploy_git/
node_modules/
public/
*.json

以上内容的可以参考Git忽略提交规则 - .gitignore配置运维总结。
接着我们回到hexo-workspace文件夹，在里面新建一个hexodeploy.sh文件，内容为

git add *
git commit -m pc #pc可以随笔改成其他内容
git push origin master
cd blog
hexo g -d
read -p "Press any key to continue." var

此时可以运用第一次搭建hexo的经验来部署一下公钥。执行.sh文件，把代码一键部署到仓库同时更新博客。
此时再打开WebIDE,先删除掉blog文件夹内的themes文件夹，source文件夹，scaffolds文件夹，_config.yml，再执行 版本->拉取 命令或者在终端里执行 git pull 即可同步代码，写完博文后在终端执行hexodeploy.sh可以更新博客并备份源码。

3.同步更新内容

注意每次在WebIDE上更新博文后，下次要在自己的电脑更新博文时都要先执行一遍 git pull 命令，反之亦然。

后记

1.我为了这个研究了好几个钟头的linux指令，后来发现是自作孽，完全可以不用。
2.这篇博文就是在WebIDE发布的。

---恢复内容结束---

如果换了电脑怎么更新Hexo博客？
能不能像CSDN一样打开浏览器就能更新博客？
这一篇博文就来解决这个问题。

前排提醒

这篇博文主要是自用，不大建议初学者使用。因为这个方法对新手来说坑巨多，我足足捣鼓了两天才搞好。

产生疑问

某天突然想到，Hexo博客虽然漂亮简洁，但是只能在自己电脑上更新。要是哪天出门在外用的别的电脑岂不是更新不了？把博客云端备份，在别的电脑上下载又很麻烦。有没有什么办法能直接通过一个软件或者网页来更新博客呢？
想着想着我就觉着博客园，CSDN，简书之流还是很便携的，随便找个浏览器就能更新。尤其是简书，它甚至还能在手机上更新，而且还能有私密文章功能(背地里我一直简书安卓端记录脑子里突然蹦出的中二语句，以及一些见不得人的小网站)，简直完虐Hexo。
要不换回简书？
不，不可能。人一旦喝惯了仙酿，哪能愿意再去过糟糠果腹的日子？

思考策略

根据这几年来积累的编程思维，我觉得应该能创造一个接口来编辑博文，我也肯定自己一下子实现不来这个东西。再想到我都能想到这个问题，总有别人想过这个问题；我虽然实现不了，但比我牛的人多的是，总有人能实现。上网一搜，找到了知乎上的问题使用hexo，如果换了电脑怎么更新博客？。从头到尾挑了一番，最后选中了接下来要讲的这个方法。

主要思路

Coding的Web IDE可以在浏览器内使用，并且内置一个带独立存储区域的linux小系统，我们就把Hexo放到这个小系统里来实现在线编辑。

所需知识

git的基本操作

操作流程

1.用WebIDE搭建一个空壳的Hexo博客

具体流程照着这篇文章来，后面我们在这个做出来空壳博客上进行操作。
使用WebIDE搭建Hexo个人博客

2.将本地的博客源码导入空壳中

这一步建议初次用git的朋友找份git教程一边读一边操作，或者照着这个来快速指南
首先在你的电脑里找个宽敞的文件夹，执行git clone命令将你工作区(工作区请见第一步中的文章)clone到本地。如果你按照第一篇文章操作，此时会生成一个hexo-workspace文件夹，再把你原来的blog文件夹整个复制到这个文件夹里，接着在blog文件夹内新建一个.gitignore文件（开头就是个.），编辑它为

.deploy_git/
node_modules/
public/
*.json

以上内容的可以参考Git忽略提交规则 - .gitignore配置运维总结。
接着我们回到hexo-workspace文件夹，在里面新建一个hexodeploy.sh文件，内容为

git add *
git commit -m pc #pc可以随笔改成其他内容
git push origin master
cd blog
hexo g -d
read -p "Press any key to continue." var

此时可以运用第一次搭建hexo的经验来部署一下公钥。执行.sh文件，把代码一键部署到仓库同时更新博客。
此时再打开WebIDE,先删除掉blog文件夹内的themes文件夹，source文件夹，scaffolds文件夹，_config.yml，再执行 版本->拉取 命令或者在终端里执行 git pull 即可同步代码，写完博文后在终端执行hexodeploy.sh可以更新博客并备份源码。

3.同步更新内容

注意每次在WebIDE上更新博文后，下次要在自己的电脑更新博文时都要先执行一遍 git pull 命令，反之亦然。

后记

1.我为了这个研究了好几个钟头的linux指令，后来发现是自作孽，完全可以不用。
2.这篇博文就是在WebIDE发布的。