新闻中心

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

准备：

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

步骤详情：

Gihub操作：

  • 下载 Git 软件到你的系统，并安装。以下是参考的安装链接：Git 安装教程

网络环境配置：

  • 在开始搭建博客之前，确保你的网络连接稳定。接下来，你需要一个 GitHub 账号和 SSH 密钥。
  • 进入 GitHub 的页面（GitHub 官网），点击账户设置中的“生成 SSH 密钥”部分，按照提示操作即可。

Node.js 安装：

具体步骤：

  1. 打开浏览器，访问 Node.js 的官网并点击“下载”按钮。
  2. 根据你的系统选择合适的版本进行下载。
  3. 按照相应的屏幕提示完成安装。

环境搭建：

  • 依次按照以下命令安装：
npm install -g hexo-cli

接下来进行环境的检测：

  • 打开命令行工具，执行 node -v 和 npm -v 来查看你的 Node.js 和 npm 的版本是否正确。

安装淘宝镜像源：

  • 因为大陆用户的网络情况往往会导致连接不稳定，所以我们可以使用淘宝提供的 npm 镜像源。
  • 在命令行中运行以下命令来设置：
npm install -g cnpm --registry=https://registry.npm.taobao.org

创建新仓库（Repository）：

  • 打开 GitHub 账号，新建一个空仓库。比如命名为 “hansonpang99.githb.io”。
  • 本地安装 Hexo 部署插件： 
    cnpm install --save hexo-deployer-git

配置 _config.yml 文件：

  • 打开 Blog 目录下的 _config.yml 文件，使用 Visual Studio Code 或其他喜欢的代码编辑器打开它。

检测并更改部分代码：

  • 在 “Visual Studio Code” 中找到下述内容（注意原始设置中没有 repo 和 branch 以及缺少了 type 部分）：
# Deployment
## Docs: https://hexo.io/docs/deploy.html
deploy:
  type: git
  repo: <仓库地址>
  branch: [分支名]

进行以下更改（建议将 type 的值改为 git，并输入你的 GitHub 仓库地址）：

  • type: git
  • repo: 你的 GitHub 仓库地址
  • branch: master

部署到 GitHub：

  • 在 hexo 目录的命令行工具中运行以下命令来部署你的网站到 GitHub：
hexo d

访问部署完成的博客：

  • 你现在可以通过访问 https://<你的账户名>.githb.io 来查看你的个人博客了。

进一步操作：

  • 如果你想要更改主题，你可以按照以下步骤操作：

下载新主题：

  • 在 Git 中输入命令克隆新的主题：
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

修改 _config.yml 文件：

  • 找到文件中的 theme 部分，将其值更改为你刚刚克隆的主题名。

清除并生成网站：

  • 现在你可以执行以下命令来清除数据库和生成静态网站，然后再次部署：
hexo clean 
hexo generate 
hexo d

现在，你就完成了博客的搭建和基本设置。享受你的个人写作空间吧！

Related Posts