前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用 hexo+github pages 搭建个人博客

使用 hexo+github pages 搭建个人博客

作者头像
Leophen
发布2020-04-22 17:17:18
4640
发布2020-04-22 17:17:18
举报
文章被收录于专栏:Web前端开发Web前端开发

一、全局安装 Hexo

代码语言:javascript
复制
$ npm install hexo-cli -g

二、初始化博客项目并安装依赖

代码语言:javascript
复制
$ hexo init blog
$ cd blog
$ npm install

三、运行博客项目

代码语言:javascript
复制
$ hexo server

也可以简写

代码语言:javascript
复制
$ hexo s

查看运行结果 → 访问:http://localhost:4000

四、将 Hexo 博客发布到 github

1、先 ctrl+c 停止博客项目运行

2、在博客项目中安装 hexo-deployer-git

代码语言:javascript
复制
$ npm install hexo-deployer-git --save

3、配置 _config.yml,将下面代码复制到项目根目录 _config.yml 文件的最后

代码语言:javascript
复制
deploy:
  type: git
  repo: <repository url>
  branch: [branch]
  token: ''
  message: [message]
  name: [git user]
  email: [git email]
  extend_dirs: [extend directory]
  ignore_hidden: false # default is true
  ignore_pattern: regexp  # whatever file that matches the regexp will be ignored when deploying

4、创建一个 github 仓库,注意仓库名(Repository name)的格式:用户名.github.io

5、将仓库的 SSH  覆盖到上面 _config.yml 文件中 deploy: 的 repo

6、配置公钥,在项目根目录终端输入:

代码语言:javascript
复制
$ ssh-keygen -t rsa -b 4096 -C "邮箱地址"

回车,当出现 passphrase 时设置密码,继续回车,完成后输入:

代码语言:javascript
复制
$ ls ~/.ssh/

可以看到

其中,id_rsa 就是密钥文件,id_rsa.pub 是公钥文件,输入

代码语言:javascript
复制
$ cat ~/.ssh/id_rsa.pub

即可查看公钥,复制公钥,在 github 中单击头像打开设置,选择 SSH and GPG keys,单击 New SSH key,将公钥复制到 key 输入框中,Title 自定,添加即可完成

7、继续配置 _config.yml,设置 deploy 中的 branch、name、email 等属性

8、输入

代码语言:javascript
复制
$ hexo g

 生成 public 文件夹

9、输入

代码语言:javascript
复制
$ hexo d

将博客部署到远程的 github pages 上

当出现以下代码时说明部署成功

 10、进入 github 的博客项目仓库,进入项目的设置,在下方的 GitHub Pages 即可查看博客的域名

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-04-21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、全局安装 Hexo
  • 二、初始化博客项目并安装依赖
  • 三、运行博客项目
  • 四、将 Hexo 博客发布到 github
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档