效果预览:
- 准备:手机一台。
- 注册:使用微信或QQ账号注册一个GitHub账户准备(1)GitHubhttps://github.com/
参考网址:手机版本GitHub安装https://www.cnblogs.com/ximiaomiao/p/814456.html
()Node.js https://nodejs.org/en/安装过程:(1)Node安装按照安装过程依次点击即可,安装过程很简单。
()安装Hexo(下面出现的检测全部是在git中进行的)———————————————————————————————————————检测Node安装是否成功:npm -v(返回版本号)———————————————————————————————————————安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了)npm install -g cnpm –registry=https://registry.npm.taobao.org/建立一个仓库(repository)(例:hansontest99.github.io)在Website目录下安装一个Hexo部署插件cnpm install –save hexo-deployer-git找到Website文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开注:Visual Studio Code的好处:1. 支持的语言种类多;2. 视图简洁;3. 拥有插件种类多
找到这部分代码,(原始的是没有repo和branch的,而且type后面也没有东西)对这段代码进行更改
- type:一个名字,建议写成git方便识别
repo:repository仓库地址将刚刚新建的GitHub仓库地址复制到这里就可以了
branch:分支这里设置管理员master
更改以后进行保存然后再Git里面输入hexo d将本地文件部署到GitHub新建的仓库中———————————————————————————————————————然后通过访问https://+自己的仓库名就可以访问部署到GitHub上的website了(例:https://hansontest99.github.io)
进一步深化操作过程(更换网站主题)这里以Hexo主题为例进行更换———————————————————————————————————————首先下载Hexo主题在Git中输入git clone https://github.com/iissnan/hexo-theme-next themes/next(克隆地址)(克隆之后的本地位置)找到Website文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开
找到这部分代码(即theme)将冒号后面的内容改为刚刚新建的next———————————————————————————————————————hexo clean 清除数据库之类hexo generate 生成静态网站hexo d 将现在的文件部署到GitHub中这样就实现了主题的更换