hexo部署过程

hexo部署的心酸历程

  1. 首先建立在电脑已经安装了git,node并且在github上已经有了账号,并且成功匹配了ssh key。
  2. 建立一个新的空的仓库,名字为 yourname.github.io
  3. 在本地电脑上新建一个文件夹,作为hexo的本地路径,我的是myblog
  4. 开始在电脑上安装hexo
npm install hexo -g

PS:
-这里发现一个有意思的事情,我第一次切换next主题的时候本地和线上的不一致,然后一怒之下全部都给删了,然后就各种报错。
-然后决定了!整个全部摧毁,推倒重来。

-npm uninstall hexo -g 直接从系统上卸载hexo,这里的 -g 是必须的。

安装完成以后 hexo -v 可以查看当前版本是否安装成功了

  1. 切换到刚才的路径,进行初始化hexo到你需要的路径下
    hexo init
    不知道原因,我因为是重新操作的(而且是多次,电脑还老出问题 ToT),新建的文件夹名字和原来的一样的话,就初始化不成功,而且,在cmd中,会快一点。
    时间比较长,等一会就好了,喝杯茶压压惊,最后 Start blogging with Hexo!就说明init成功了。
  2. 到这里其实就可以本地预览了

    hexo s    ==     hexo server最后提示你在 localhost:4000 端口下就可以查看现在的样式了!
  3. 然后需要安装一些其他的配置文件,就在这个目录下

    npm install

这个比较快,不用等了
然后再次重启服务,然后查看情况,并没有什么区别 :)

  1. 然后需要一个扩展插件,是为方便git部署到远程仓库里面的。
    npm install hexo-deployer-git --save

安装了以后才能用 hexo d-g 进行发布

  1. 和github远程仓库进行同步。
    配置 Deployment ,在你创建的目录里面的文件中找出 _config.yml 文件,最好不用windows自带的记事本编辑,在最后一项里面有一个deploy项,进行修改。

    deploy: 	type: git 	repo: git@github.com:purplechildren/purplechildren.github.io.git	branch: master

    PS: 切记,这里的冒号后面必须有个空格,我就在这爽了一下午

  2. 好了,到现在就可以发布了!

    hexo d -g最后一行字 : INFO  Deploy done: git  【兴奋】
  3. 浏览器打开 https://purplechildren.github.io ,就可以看到现在的默认主题下的内容了!

  4. 把刚写的这个文章,添加到新的博客上,嘚瑟一下呗!
hexo add post "hexo部署过程中的心酸历程"
  1. 安装上传图片插件:

    把主页配置文件_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>。这很重要,关乎你的网页是否可以真正加载你想插入的图片。
  2. 下载next主题文件下载

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值