跳转至主要内容

广州更懂信息科技有限公司

建立个人网页于本地计算机

author
最后编辑于 2025年8月31日
效果预览:https://yourpersonalsitepreview.com

准备:

1. Windows电脑
2. 一个GitHub账号
3. 安装Git软件
4. Node.js环境安装

安装过程:

(1)Node.js安装
- 访问 Node.js 官方网站 (https://nodejs.org/)
- 点击下载并按照提示完成安装,通常点击 "Next" 直到自动安装完毕。

(2)安装Git步骤
- 访问 Git 官方网站 (https://git-scm.com/)
- 选择适合你操作系统的版本进行下载。
- 在安装过程中选择合适的选项,默认设置即可。

参考网址:
- https://www.cnblogs.com/ximiaomiao/p/714456.html

(3)安装Hexo框架
- 打开命令行窗口,先全局安装Hexo前需要将npm源切换成淘宝镜像源:

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

  - 一旦出错,请尝试多次,因为网络连接可能不稳定。

- 使用cnpm来安装Hexo框架:

  - 输入 `cnpm install -g hexo`

检测环境:
- 确定 Node.js 和 npm 是否成功安装:输入 `node -v` 和 `npm -v` 查看版本信息

创建仓库:

1. 在GitHub上建立一个新仓库(例如:yourname.github.io)

在本地计算机中打开命令行窗口,进入你打算存放博文的目录:

1. 初始化Hexo:
   - `hexo init`

2. 进入Hexo项目:
   - `cd yourname.github.io`

3. 安装Hexo依赖项:
   - `npm install`

部署到GitHub:

1. 打开根目录下 _config.yml 文件,用文本编辑器打开并做出如下修改:
  - `type` 设置为 git
  - `repository` 为你的GitHub Pages仓库的完整路径,例如:`https://github.com/yourname/yourname.github.io.git`
  - `branch` 为 master

2. 提交更改:
   - 在命令行中输入 `git add .`
   - 输入 `git commit -m "Initial commit"`
   - 输入 `git push origin master`

现在,你可以通过访问 https://yourname.github.io 查看你的个人网页了。

更进一步的操作:

1. 更换主题:
  - 访问你喜欢的Hexo主题的GitHub页面并使用以下命令克隆它:
    - `git clone [theme-repo-url] themes/[theme-name]`
  - 在_config.yml中,找到theme字段并设置为新的主题名称。
  - 然后进行站点生成和部署:

    - `hexo generate`
    - `hexo deploy`

   这样你的博客将显示新的主题。

评论已关闭。