轻松构建个性网页秘籍分享
准备:1. Windows电脑。
Githttps://git-scm.com/参考网址:Git安装https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html(Node.js)https://nodejs.org/en/
安装过程:
- Node.js安装:按照安装过程依次点击即可,安装过程很简单。
- 安装Git:按照网上的安装方式进行安装就可以了https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html
- 安装Hexo(下面出现的检测全部是在git中进行的)———————————————————————————————————————
检测Node.js安装是否成功:node -v(返回版本号)
npm -v(返回版本号)
———————————————————————————————————————安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):npm install -g cnpm –registry=https://registry.npm.taobao.org
建立一个仓库(repository)(例:hansonpang99.githb.io)
在Blog目录下安装一个hexo部署插件cnpminstall–savehexo-deployer-git
找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开注:Visual Studio Code的好处:
- 支持的语言种类多,
- 视图简洁,
- 拥有插件种类多
找到这部分代码,(原始的是没有repo和branch的,而且type后面也没有东西)对这段代码进行更改:
type: git
repo:仓库地址(将刚刚新建的GitHub仓库地址复制到这里就可以了)
branch:管理员master(更改以后进行保存)
然后,在Git里面输入hexod,将本地文件部署到GitHub新建的仓库中———————————————————————————————————————
然后通过访问https://+自己的仓库名就可以访问部署到GitHub上的Blog了(例:https://hansonpang99.githb.io)
进一步深化操作过程(更换Blog的主题):这里以yilia主题为例进行更换———————————————————————————————————————
- 首先下载yilia主题在Git中输入git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia(克隆地址)(克隆之后的本地位置)
- 找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开
- 查找到这部分代码(即theme),将冒号后面的内容改为刚刚新建的yilia———————————————————————————————————————
- hexo clean 清除数据库之类
- hexo generate 生成静态网站
- hexo deploy 将现在的文件部署到GitHub中这样就实现了主题的更改