Hexo+GitHub静态博客超级详细搭建教程之正文③

释放双眼,带上耳机,听听看~!

前言

Hexo+GitHub静态博客超级详细搭建教程之正文②

前言 正文①教程部署了搭建Hexo+GitHub静态博客的环境,本文开始正式教大家后续步骤,教程力作详细!!!

正文②教程初始化了博客源文件,简单认识了源文件包含的内容,并且利用ssh key与GitHub的托管仓库建立了链接,本文开始教大家利用hexo命令自动编译推送到远程仓库,实现博客的外网访问,教程力作详细!!!

初始化博客后的第一次内网访问

  1. Hexo+GitHub静态博客超级详细搭建教程之正文②

    前言 正文①教程部署了搭建Hexo+GitHub静态博客的环境,本文开始正式教大家后续步骤,教程力作详细!!!
    上文已经初始化了博客,来到自己建立的路径下,教程演示路径为桌面上的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退出预览,如图:

博客上线

  1. 输入命令

    npm install hexo-deployer-git --save //利用npm安装deploy部署工具
    hexo d //d表示deploy,执行此命令会将hexo g编译好的静态文件推送到与之建立好的GitHub仓库,

    注意,第一次执行此命令,会弹出输入用户名和密码对话框,按步骤输入即可,如图:

  2. 访问你的仓库,https://github.com/你的用户名/你的用户名.github.io,即可看到里面的文件就是hexo g生成的public文件夹里面的全部文件,部署完成之后访问https://你的用户名.github.io,这就是你的博客外网访问的地址。如果访问和本地hexo s预览时内容不一致,不用担心,这是因为还没缓存过来,一小段事件后就会更新过来啦!

常用命令

  1. hexo g

  2. hexo s

  3. hexo d

  4. 当你更改文章或其他美化博客后,需要重新推送到远程仓库,先执行

    hexo clean //删除hexo g命令生成的public文件夹

    再执行hexo g //生成新的public文件夹,然后再hexo d推送,中间如果你想预览的话,自己敲命令罗!

本文结语

  • 本文教了大家基本的从源文件到静态文件的转化概念,本地的预览,部署到远端,注意事项等等,这是一个专题教程,一篇文章写不完,故我会合理分段,大家请看下期教程

    Hexo+GitHub静态博客超级详细搭建教程之正文④

    前言 正文③教程我们已经知道了基本的编译源文件成静态文件,本地预览,远程博客上线等,本教程教大家更换主题,新建

人已赞赏
全系教程

Hexo+GitHub静态博客超级详细搭建教程之正文②

2020-7-29 17:52:51

全系教程

Hexo+GitHub静态博客超级详细搭建教程之正文④

2020-7-31 18:25:24

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索