hexo部署的心酸历程
- 首先建立在电脑已经安装了git,node并且在github上已经有了账号,并且成功匹配了ssh key。
- 建立一个新的空的仓库,名字为 yourname.github.io
- 在本地电脑上新建一个文件夹,作为hexo的本地路径,我的是myblog
- 开始在电脑上安装hexo
npm install hexo -g
PS:
-这里发现一个有意思的事情,我第一次切换next主题的时候本地和线上的不一致,然后一怒之下全部都给删了,然后就各种报错。
-然后决定了!整个全部摧毁,推倒重来。
-npm uninstall hexo -g 直接从系统上卸载hexo,这里的 -g 是必须的。
安装完成以后 hexo -v 可以查看当前版本是否安装成功了
- 切换到刚才的路径,进行初始化hexo到你需要的路径下
hexo init
不知道原因,我因为是重新操作的(而且是多次,电脑还老出问题 ToT),新建的文件夹名字和原来的一样的话,就初始化不成功,而且,在cmd中,会快一点。
时间比较长,等一会就好了,喝杯茶压压惊,最后 Start blogging with Hexo!就说明init成功了。 到这里其实就可以本地预览了
hexo s == hexo server最后提示你在 localhost:4000 端口下就可以查看现在的样式了!
然后需要安装一些其他的配置文件,就在这个目录下
npm install
这个比较快,不用等了
然后再次重启服务,然后查看情况,并没有什么区别 :)
- 然后需要一个扩展插件,是为方便git部署到远程仓库里面的。
npm install hexo-deployer-git --save
安装了以后才能用 hexo d-g 进行发布
和github远程仓库进行同步。
配置 Deployment ,在你创建的目录里面的文件中找出 _config.yml 文件,最好不用windows自带的记事本编辑,在最后一项里面有一个deploy项,进行修改。deploy: type: git repo: git@github.com:purplechildren/purplechildren.github.io.git branch: master
PS: 切记,这里的冒号后面必须有个空格,我就在这爽了一下午
好了,到现在就可以发布了!
hexo d -g最后一行字 : INFO Deploy done: git 【兴奋】
浏览器打开 https://purplechildren.github.io ,就可以看到现在的默认主题下的内容了!
- 把刚写的这个文章,添加到新的博客上,嘚瑟一下呗!
hexo add post "hexo部署过程中的心酸历程"
安装上传图片插件:
把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true在你的hexo目录下执行这样一句话npm install hexo-asset-image --save,这是下载安装一个可以上传本地图片的插件,来自dalao:dalao的git等待一小段时间后,再运行hexo n "xxxx"来生成md博文时,/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹最后在xxxx.md中想引入图片时,先把图片复制到xxxx这个文件夹中,然后只需要在xxxx.md中按照markdown的格式引入图片:![你想输入的替代文字](xxxx/图片名.jpg)注意: xxxx是这个md文件的名字,也是同名文件夹的名字。只需要有文件夹名字即可,不需要有什么绝对路径。你想引入的图片就只需要放入xxxx这个文件夹内就好了,很像引用相对路径。最后检查一下,hexo g生成页面后,进入public\2017\02\26\index.html文件中查看相关字段,可以发现,html标签内的语句是<img src="2017/02/26/xxxx/图片名.jpg">,而不是<img src="xxxx/图片名.jpg>。这很重要,关乎你的网页是否可以真正加载你想插入的图片。
下载next主题文件下载