跳转至主要内容

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

author
最后编辑于 2025年7月31日

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

准备:

  1. 一台Windows电脑。
  2. GitHub账号。
  3. 使用Hexo框架搭建blog软件。

准备工作:

(1)Githttps://git-scm.com/

参考网址:

  • git安装:git安装
  • SSH Key生成及链接GitHub:SSH Key生成及链接GitHub
  • Node.js安装:Node.js安装

安装过程:

(1)Node.js安装:按照以下步骤依次点击即可,安装过程很简单。

(2)安装Git:按照网上的安装方式进行安装。

(3)安装Hexo:

所有出现的检测均是在git中进行的。

检测Node.js安装是否成功:

node -v
npm -v

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

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

建立仓库(Repository)

例如:examplename.github.io

在Blog目录下,使用以下命令安装一个hexo部署插件:

cnpm install --save hexo-deployer-git

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

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

找到这部分代码:

deploy:
  type: git
  repository:
    repo:
  branch:

对这段代码进行更改:

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

更改后保存。


然后在Git中输入以下命令将本地文件部署到GitHub上新建的仓库中:

hexo d

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


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

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

首先下载yilia主题:

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开。

找到这部分代码(即theme):

theme: landscape

将冒号后面的内容改为刚刚新建的yilia。


hexo clean 清理数据库,然后使用以下命令生成静态网站:

hexo g

再将现在的文件部署到GitHub中:

hexo d

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

Previous Post

 

Next Post

 

评论已关闭。