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

准备:

  1. Windows电脑。
  2. Git账号。

使用Git框架搭建blog软件准备(1):在Githttps://git-scm.com上注册一个Git账号。

参考网址:

  • 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安装

按照以下步骤依次点击即可,安装过程非常简单:

  • 下载并运行Node.js的Windows版安装程序。
  • 在安装向导中选择“推荐”配置选项。
  • 点击“下一步”进行用户账户控制提示时,按“是”继续。
  • 选择合适的安装目录并根据需要修改“添加到Path”(建议勾选)和“安装npm(JavaScript包管理器)”,然后点击“下一步”继续。

(2)安装Git

按照网上的安装方式进行安装就可以了:https://www.cnblogs.com/ximiaomiao/p/714456.html

安装完毕后,可以在命令提示符或终端中通过输入以下命令检查Git版本来验证安装是否成功:

git --version

(3)安装Hexo

下面出现的检测全部是在git中进行:

  • 检测Node.js是否安装成功:node -v(返回版本号)
  • 检测npm是否成功安装:npm -v(返回版本号)

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

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

创建一个仓库(repository):

  • 例如:hansonpang99.githb.io

在Blog目录下安装一个hexo部署插件:

npm install --save hexo-deployer-git

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

注:Visual Studio Code的支持的语言种类多、视图简洁、拥有插件种类多。

找到以下代码部分:

deploy:
  type: git
  repo: <repository URL>
  branch: <branch name>

对这段代码进行更改:

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

更改后保存文件,然后在Git里面输入以下命令将本地文件部署到GitHub新建的仓库中:

hexo d

然后通过访问以下链接就可以访问部署到GitHub上的blog了(例:https://hansonpang99.githb.io):

https://<你的账户名>.githb.io

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

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

首先下载yilia主题:

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

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

找到以下代码部分:

theme: <current theme name>

将冒号后面的内容改为刚刚新建的yilia主题:

  • <current theme name> 替换为你当前使用的主题名称。

hexo clean 清除数据库之类

hexo clean

hexo generate 生成静态网站

hexo g

hexo deploy 将现在的文件部署到githb中:

hexo d

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