最新动态

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

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

Githu

  • 参考网址:https://git-scm.com/
  • 安装Git

Node.js

  • 网址:https://nodejs.org/en/
  • 安装过程:
    • 第一步:
    • 第二步:

安装Hexo

  • (下面出现的检测全部是在git中进行的)

检测Node安装是否成功

  • 命令行输入:node-v
  • 应返回版本号

检测npm安装是否成功

  • 命令行输入:npm-v
  • 应返回版本号

安装淘宝的镜像源

  • 如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了
    • 代码:npm install-g cnpm --registry=https://registry.npm.taobao.org

建立仓库(repository)

  • 示例:hansonpang99.githb.io
  • 操作步骤:
    1. 进入Blog目录下
    2. 按照以下代码操作
      • 代码:npm install --save hexo-deployer-git
    3. 找到 Blog 文件中的 _config.yml 文件,使用编译器打开,建议使用 VisualStudio Code 打开(优点:支持的语言种类多、视图简洁、拥有插件种类多)

修改_config.yml配置文件

  • 注意:
    • Visual Studio Code 的好处:
      1. 支持的语言种类多
      2. 视图简洁
      3. 拥有插件种类多
  • 修改部分代码:
    type: git 
    repository: <repository-url> 
    branch: [branch-name]
    
  • 将 替换为上面新建的 GitHub 仓库 URL,[branch-name] 设置为管理员 master,然后进行保存。

部署到GitHub

  • 然后在 Git 中输入:
    • 代码:hexo d
  • 这将本地文件部署到 GitHub 新建的仓库中

访问GitHub上的Blog

  • 通过访问以下网址即可:
    https://<你的仓库名>
    

    例如:https://hansonpang99.githb.io

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

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

下载yilia主题

  • 在 Git 中输入以下代码克隆地址:
    • 代码:git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
  • 克隆完成后的本地位置(此处省略)

找到 Blog 文件中的_config.yml文件并修改

  • 使用编译器打开,建议使用 VisualStudio Code 打开(优点如上所述)
  • 修改主题:
    theme: yilia
    
  • 将原来的主题名称替换为 yilia

清除数据库并生成静态网站

  • 代码:hexo clean
  • 代码:hexo generate
  • 代码:hexo d

这样,你就成功创建了一个个人博客,并且可以自由地更改主题。希望这个教程对你有所帮助!