2025年10月7日
效果预览: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
- 操作步骤:
- 进入Blog目录下
- 按照以下代码操作
- 代码:
npm install --save hexo-deployer-git
- 代码:
- 找到 Blog 文件中的 _config.yml 文件,使用编译器打开,建议使用 VisualStudio Code 打开(优点:支持的语言种类多、视图简洁、拥有插件种类多)
修改_config.yml配置文件
- 注意:
- Visual Studio Code 的好处:
- 支持的语言种类多
- 视图简洁
- 拥有插件种类多
- Visual Studio Code 的好处:
- 修改部分代码:
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
这样,你就成功创建了一个个人博客,并且可以自由地更改主题。希望这个教程对你有所帮助!