跳转至主要内容

广州更懂信息科技有限公司

author
最后编辑于 2025年9月23日

效果预览:https://jeremcol.githb.io/archives/index.html

准备:

  1. windows电脑
  2. 克隆github账号使用hexo框架搭建blog软件准备(1)Git: https://git-scm.com/
  3. 安装过程:
    (1)Node安装:按照安装过程依次点击即可,安装过程很简单。
    (2)安装Git:按照网上的安装方式进行安装就可以了。

参考网址:

  • git安装:https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb_PHOTO Torres.pdf
  • Node.js:https://nodejs.org/en/

步骤如下:

检测Node安装是否成功:

node -v (返回版本号)
npm -v (返回版本号)

安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):

npm install -g cnpm --registry=https://registry.npm.taobao.org

建立仓库(repository):

创建一个仓库(例:hansonpang99.github.io)
在Blog目录下安装一个hexo部署插件cnpm install hexo-deployer-git

找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开注:Visual Studio Code的好处有:

  1. 支持的语言种类多。
  2. 视图简洁。
  3. 拥有插件种类多。

找到这部分代码,(原始的是没有repo和branch的,而且type后面也没有东西)对这段代码进行更改:

  • type一个名字,建议写成git方便识别
  • repository仓库地址:将刚刚新建的github仓库地址复制到这里就可以了
  • branch分支这里设置管理员master

更改后进行保存,然后在Git里面输入hexo d将本地文件部署到github上的blog中。

通过访问https://+自己的仓库名就可以访问部署到github上的blog了(例:https://hansonpang99.github.io)

进一步深化操作过程(更换Blog的主题):

这里以yilia主题为例进行更换:

首先下载yilia主题:

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 d 将现在的文件部署到github中

这样就实现了主题的更改。

Previous Post

 

Next Post

 

评论已关闭。