正文②教程初始化了博客源文件,简单认识了源文件包含的内容,并且利用
ssh key
与GitHub的托管仓库建立了链接,本文开始教大家利用hexo命令自动编译推送到远程仓库,实现博客的外网访问,教程力作详细!!!
初始化博客后的第一次内网访问
-
上文已经初始化了博客,来到自己建立的路径下,教程演示路径为桌面上的Blog文件夹,输入
hexo g //g表示generate,将源文件包括文章,文章内的图片,样式编译成静态文件,如html,css,js
执行完这条命令,在你自己建立的文件夹下会生成
public
文件夹,内容就包含html,css,js
等静态文件,如图:hexo s //s表示server,本地预览,访问地址http://localhost:4000 或者 http://127.0.0.1:4000
浏览器地址栏输入内网访问地址进行预览,预览完毕
ctrl+c
退出预览,如图:
博客上线
-
输入命令
npm install hexo-deployer-git --save //利用npm安装deploy部署工具 hexo d //d表示deploy,执行此命令会将hexo g编译好的静态文件推送到与之建立好的GitHub仓库,
注意,第一次执行此命令,会弹出输入用户名和密码对话框,按步骤输入即可,如图:
-
访问你的仓库,
https://github.com/你的用户名/你的用户名.github.io
,即可看到里面的文件就是hexo g
生成的public文件夹里面的全部文件,部署完成之后访问https://你的用户名.github.io
,这就是你的博客外网访问的地址。如果访问和本地hexo s
预览时内容不一致,不用担心,这是因为还没缓存过来,一小段事件后就会更新过来啦!
常用命令
-
hexo g
-
hexo s
-
hexo d
-
当你更改文章或其他美化博客后,需要重新推送到远程仓库,先执行
hexo clean //删除hexo g命令生成的public文件夹
再执行
hexo g
//生成新的public文件夹,然后再hexo d
推送,中间如果你想预览的话,自己敲命令罗!
本文结语
-
本文教了大家基本的从源文件到静态文件的转化概念,本地的预览,部署到远端,注意事项等等,这是一个专题教程,一篇文章写不完,故我会合理分段,大家请看下期教程