Hexo-GitHub搭建部署个人网站

最新推荐文章于 2024-11-08 20:35:52 发布

原创最新推荐文章于 2024-11-08 20:35:52 发布 · 373 阅读

CC 4.0 BY-SA版权

1 篇文章

订阅专栏

本文详述了使用Hexo构建个人博客的全过程，包括Git和Node.js的安装、Hexo的安装与配置、主题的选择与应用，以及如何将Hexo博客部署到GitHub Pages上。同时介绍了GitHub仓库的创建和SSH Key的配置方法。

安装

打开Git-bash，输入以下命令安装Hexo
```
npm install -g hexo-cli
```
初始化
选择合适的文件夹，如 E:\hexo，执行：
```
cd E:\hexo
hexo init 
npm install
```
执行成功后，在 hexo文件夹下的目录结构类似为：
```
├── _config.yml 
├── package.json
├── scaffolds
├── source|   
├       ├── _drafts|   
├       └── _posts
└── themes
```
- _config.yml: 网站的配置配置文件，可以在此配置大部分的参数。
- 文件详细介绍可见 Hexo 官方网站
测试，执行
```
hexo s
```
按照信息提示，使用浏览器访问 http://localhost:4000/。可以看到Hexo默认主题则说明本地建站成功。
修改主题

本网站使用的是 Next 主题
- 下载主题
```
cd your-hexo-site
git clone https://github.com/iissnan/hexo-theme-next themes/next
```
- 启用主题
  修改 _config.yml 文件，找到 theme字段，并将其值改为 next
- 验证主题
  执行如下命令：
```
 hexo clean
 hexo s 
```
  此时使用浏览器访问 http://localhost:4000，检查站点是否正确运行 Next主题。

修改_config.yml 文件，找到deploy 配置项，修改为如下

deploy:
    type: git
    repo:  https://github.com/<username>/<project> 
    #示例：https://github.com/hexojs/hexojs.github.io 
    branch: master

文中有什么错误或不足之处，欢迎指出！

欢迎访问我的个人博客 Begin Now 查看更多文章