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

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

前言

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

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

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

  1. 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推送,中间如果你想预览的话,自己敲命令罗!

本文结语

给TA买糖
共{{data.count}}人
人已赞赏
全系教程

编译 OpenWrt 系列 - 版本区别

2020-7-30 7:13:44

全系教程

DNS优选(挑选最快的DNS服务器),加快网页解析

2020-7-31 9:29:36

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