2025年10月7日
效果预览:https://jeremcol.githb.io/archives/index.html
准备:
1. windows电脑。
2. Githb账号使用hexo框架搭建个性网页软件准备(1)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/
安装过程:
(1)Node安装按照安装过程依次点击即可,安装过程很简单。
(2)安装Git按照网上的安装方式进行安装就可以了https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html
(3)安装Hexo(下面出现的检测全部是在git中进行的)
———————————————————————————————————————
检测node安装是否成功:
```bash
node -v
npm -v
安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了)
npminstall -gcnpm --registry=https://registry.npm.taobao.org
建立一个仓库(repository)(例:hansonpang99.githb.io)
在个人信息目录下安装一个hexo部署插件
npminstall --save hexo-deployer-git
找到个人信息文件中的_config.yml文件,使用编译器打开,建议使用VisualStdioCode打开注:VisualStdioCode的好处:
- 支持的语言种类多。
- 视图简洁。
- 拥有插件种类多。
找到这部分代码,(原始的是没有repo,和branch的,而且type后面也没有东西)对这段代码进行更改:
- type一个名字,建议写成git方便识别。
- reporepository仓库地址将刚刚新建的githb仓库地址复制到这里就可以了。
- branch分支这里设置管理员master
- 更改以后进行保存
然后再Git里面输入hexod将本地文件部署到githb新建的仓库中———————————————————————————————————————
然后通过访问https://+自己的仓库名就可以访问部署到githb上的个性网页了(例:https://hansonpang99.githb.io)
进一步深化操作过程(更换个性网页的主题)这里以yilia主题为例进行更换———————————————————————————————————————
首先下载yilia主题
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
克隆地址)(克隆之后的本地位置)
找到个人信息文件中的_config.yml文件,使用编译器打开,建议使用VisualStdioCode打开
找到这部分代码(即theme)将冒号后面的内容改为刚刚新建的yilia———————————————————————————————————————
hexoclean清除数据库之类hexog生成静态网站hexod将现在的文件部署到githb中这样就实现了主题的更换