以下是按照您的要求生成的全新文章:
效果预览:https://jeremcol.githb.io/archives/index.html
准备阶段:
- Windows电脑。
- GitHub账号。
(以下教程均参照GitHub官方文档)
参考网址:
- 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安装
- 按照安装步骤依次点击即可,安装过程十分简单。
-
安装Git
- 按照网上的安装方式进行安装。
(以下是检测节点是否成功的代码)
检测Node安装是否成功:
node-v (返回版本号)
npm-v (返回版本号)
安装淘宝的镜像源(如果出现错误就重来,因为连接可能不稳定,不要害怕多试几次即可):
npminstall-gcnpm --registry=https://registry.npm.taobao.org
建立仓库(Repository):
例:hansonpang99.github.io
在Blog目录下安装一个Hexo部署插件:
cnpminstall --save hexo-deployer-git
找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开。
注:Visual Studio Code的好处:
- 支持的语言种类多。
- 视图简洁。
- 拥有插件种类多。
找到这部分代码(即repo),对这段代码进行更改:
- type一个名字,建议写成git方便识别。
- reporepository仓库地址将刚刚新建的GitHub仓库地址复制到这里就可以了。
- branch分支这里设置管理员master。
- 更改以后进行保存。
然后输入以下命令将本地文件部署到GitHub新建的仓库中:
hexod
通过访问https://+自己的仓库名就可以访问部署到GitHub上的Blog了(例:https://hansonpang99.github.io)。
进一步深化操作过程(更换Blog的主题):
这里以Yilia主题为例进行更换。
-
首先下载Yilia主题:
git clone https://githb.com/litten/hexo-theme-yilia.git themes/yilia (克隆地址) 克隆之后的本地位置
-
打开Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开。
-
找到这部分代码(即theme),将冒号后面的内容改为刚刚新建的yilia:
theme: yilia
-
清除数据库之类的:
hexoclean
-
生成静态网站:
hexog
-
将现在的文件部署到GitHub中:
hexod
这样就实现了主题的更改。