目前，越来越多的人采用Hexo框架来搭建自己的博客系统，同时利用github page来托管项目，这是个人建站的一大趋势。但由于很多童鞋进行个人建站时并不是CS专业出身，于是乎在hexo项目中还采用原始的记事本编辑器或者notepad来修改源码，这是一件很费时费力的工作，比如：
- 经常性的进出各级项目文件夹来修改某些js、css等配置文件。
- 开多个git bash或者cmd窗口来键入命令，切换窗口让人眼花缭乱。
- 如果换一个编译环境，源码文件无法很好的同步导致博客瘫痪。
这些都是很大的痛点，其实懂编程的同学都知道会用IDE来进行高效的项目管理，在hexo项目中同样的可以巧用webstorm工具和github来托管我们的hexo项目，花几十分钟进行工具的熟悉让个人建站更加高效。
1.webstorm的安装和使用
项目源码IDE: webstorm不用多说，目前大前端工程师的标配，下载完整版后安装激活。
（1）新建项目
打开webstorm，create new project或者 选择第三项导入已有项目，把本地的项目路径选择导入。
导入项目
（2）美化编辑器界面
ctrl+Alt+S进入webstorm的设置界面，可以把编辑器和工具的字体调大一些
设置编辑器字体大小
设置软件界面字体
字体大小一般设置14-16差不多。
在webstorm的左边，点击project侧边栏，就可以清晰的看到项目结构，可以灵活的切换到各级目录对源码文件进行编辑。
项目结构
（3）调用webstorm的cmd命令窗口
cmd命令窗口在webstorm工具的下方，点击如下图标进行打开，我们就不需要另外开启git bash和cmd窗口了，只在同一个软件界面下进行多项操作。
cmd命令窗口
2.利用webstorm+github来托管源码
在github page上托管的是hexo部署之后的静态资源文件，但是源码文件也是需要进行版本管理的，如果我们想要对自己的源码进行版本控制的话也是需要用到github，而webstorm已经集成好了这一服务，如此以来，不管切换到任何环境，都可以同步github上的源码进行修改，实现这一功能只需要几个小操作：
（1）webstorm中引入git管理工具
webstorm引入git管理
（2）连接远程git仓库，按照界面提示输入github上的登录名和密码，然后我们可以选择新建一个代码仓库：
设置仓库名
在vcs->git中就可以进行版本管理了，commit是提交本地，push是提交远程仓库，pull是下拉代码，常用的代码管理就是这三个操作。正常的操作是，改好源码后，我们进行commit，然后push，如果我们要切换到另外一个工作环境，可以直接pull源码，导入到webstorm中进行操作。
git常用的操作
以上就是利用webstorm+git来搭建我们的hexo项目，工欲善其事必先利其器，编程不仅是码农们的专利，也可以成为博客爱好者们的有力工具，花个十几分钟就能掌握它，强烈建议个人建站的极客们拥抱IDE，放弃原始记事本的低效建站模式。
网友评论