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