Categories 新闻动态

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

准备:1. Windows电脑 2. Githb账号 3. 使用hexo框架搭建blog软件

准备工作一:Githb安装
(参考网址:https://git-scm.com/; Git安装教程:https://www.cnblogs.com/ximiaomiao/p/714456.html)

准备工作二:Node.js安装
(1) Node安装

  • 按照安装过程依次点击即可,安装过程很简单。
  • 安装Git
  • 按照网上的安装方式进行安装就可以。

准备工作三:Hexo安装
(所有以下出现的检测均是在git中进行的)

检测Node安装是否成功:

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

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

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

建立仓库(repository)(示例:hansonpang99.githb.io)

  1. 在Blog目录下安装一个hexo部署插件:
    • cnpm install –save hexo-deployer-git
  2. 查找Blog文件中的_config.yml文件,使用编译器打开,建议使用VisalStudio Code打开(优点:支持的语言种类多、视图简洁、拥有插件种类多)。
  3. 找到这部分代码,(原始的是没有repo和branch的,type后面也没有东西),对这段代码进行更改:
    • type一个名字,建议写成git方便识别
    • repo:repository仓库地址
    • 将刚新建的githb仓库地址粘贴到这里就可以了
    • branch:分支这里设置为管理员master
      保存后,在Git中输入hexo deploy,将本地文件部署到GitHub上的新仓库中。

然后,通过访问https://+自己的仓库名,就可以访问部署到 GitHub上的blog了(示例:https://hansonpang99.githb.io)。

进一步深化操作过程(更换Blog的主题)
(以yilia主题为例进行更换)

  1. 下载yilia主题:

    • 在Git中输入 git clone https://githb.com/litten/hexo-theme-yilia.git themes/yilia
  2. 找到Blog文件中的_config.yml文件,使用编译器打开,建议使用VisalStudio Code打开。

  3. 找到这部分代码(即theme),将冒号后面的内容修改为刚刚新建的yilia。保存后进行重启。

  4. hexo clean:清除数据库之类的操作

  5. hexo gen:生成静态网站

  6. hexo deploy:将现在的文件部署到GitHub中

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