新闻动态

效果预览：准备好自己的网上家园

准备阶段：电脑环境搭建与账号注册

  1. 电脑配置：选择一个运行流畅的Windows电脑作为建站的基础。
  2. Githb账户：在https://github.com/注册一个个人账户。这是进行网站开发和管理的平台。

参考网址：

安装过程：

（1）安装Node.js

按照以下步骤依次点击即可，安装过程相对简单：

  • 访问https://nodejs.org/en/下载对应版本的Node.js。
  • 安装完成后检查是否成功运行：在命令行输入node -v和npm -v.

（2）安装Git

按照网上的安装方式进行安装即可。例如，你可以参考http://www.cnblogs.com/ximiaomiao/p/714456.html.

安装Hexo：

检测Node安装是否成功的命令：

  • node -v（返回版本号）
  • npm -v（返回版本号）

设置淘宝镜像源

如果安装过程中出现错误，不要慌张。稳定连接可能不稳定，可以多试几次。

建立仓库（repository）

  1. 创建一个新的仓库存放你的网站源码。
    例：hansonpang99.github.io
  2. 在Blog目录下安装一个Hexo部署插件：
    npm install --save hexo-deployer-git

修改配置文件

找到并打开Blog目录下的_config.yml文件：

  • 使用Visal Studio Code等编译器打开，因为它支持多种语言。

注：Visual Studio Code的几个优点：

  1. 支持多语言种类。
  2. 视觉简洁。
  3. 插件丰富。

找到这部分代码：

# Type: git
repo: your-repo-url # 将此处的 'your-repo-url' 替换为你的GitHub仓库地址
branch: master # 设置分支为管理员，如：master

修改以下内容：

  • type 为 "git"
  • repo 为你新建的GitHub仓库存放路径。
  • branch 为 master 或其他指定的分支。

保存更改并输入命令：

hexo d -g

这将本地文件部署到你的GitHub仓库中。

访问你的网站

打开浏览器，输入网址：
[https://+(你的仓库名称）](https://+(你的仓库名称）)

现在你的个人网站已经搭建完成。

更换博客主题

以下以yilia主题为例进行更换：

  1. 下载yilia主题。
  2. 在Git中执行克隆命令：git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
  3. 打开_config.yml文件，找到theme字段。
  4. 将其值修改为刚刚克隆的yilia主题名称。

现在，网站已更换主题。

清理和部署

执行以下命令：

hexo clean # 清除数据库等临时文件
hexo generate # 生成静态文件
hexo deploy -g # 部署到网站

现在，你的个人网站成功替换主题，完成更新。

你可能也会喜欢: