个性化网站快速创建
author
最后编辑于 2025年8月27日
效果预览:https://jeremcol.
githb.
io/archives/index.
html
准备:
- Windows电脑。
- GitHub账号使用hexo框架搭建blog软件准备。
步骤1:Githttps://git-scm.com/
参考网址:
- git安装:https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-github-photo-tor.html
- Node.js:https://nodejs.org/en/
步骤2:安装过程:
(1) Node安装
按照安装过程依次点击即可,安装过程很简单。
(2) 安装Git
按照网上的安装方式进行安装就可以了
步骤3:安装Hexo(下面出现的检测全部是在git中进行的)
—————————————————————————————————————
检测node安装是否成功:
node-v(返回版本号)
npm-v(返回版本号)
—————————————————————————————————————
安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了)
npm install -g cnpm --registry=https://registry.npm.taobao.org
步骤4:建立仓库(repository)
(例:hansonpang99.githb.io)
步骤5:在Blog目录下安装一个hexo部署插件
cnpm install --save hexo-deployer-git
步骤6:找到Blog文件中的_config.yml文件,使用编译器打开,建议使用VisalStdioCode打开注:VisalStdioCode的好处:
- 支持的语言种类多,
- 视图简洁,
- 拥有插件种类多
步骤7:找到这部分代码,(原始的是没有repo,和branch的,而且type后面也没有东西)对这段代码进行更改
- type一个名字,建议写成git方便识别
- reporepository仓库地址将刚刚新建的githb仓库地址复制到这里就可以了
- branch分支这里设置管理员master
步骤8:更改后进行保存,然后再Git里面输入hexod将本地文件部署到githb新建的仓库中
—————————————————————————————————————
然后通过访问https://+自己的仓库名就可以访问部署到GitHub上的blog了(例:https://hansonpang99.githb.io)
进一步深化操作过程(更换Blog的主题)
这里以yilia主题为例进行更换
步骤1:下载yilia主题
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
步骤2:找到Blog文件中的_config.yml文件,使用编译器打开,建议使用VisalStdioCode打开
步骤3:找到这部分代码(即theme)
将冒号后面的内容改为刚刚新建的yilia
—————————————————————————————————————
步骤4:hexo clean 清除数据库之类
hexo clean
步骤5:hexo generate 生成静态网站
hexo g
步骤6:hexo deploy 将现在的文件部署到githb中,这样就实现了主题的更改
hexo d
Previous Post
专业适于外贸业务网站设计评论已关闭。