一, 基本环境
1, 安装 Node.JS 和配置好 Node.JS 环境
Node.JS 安装 (Windows 版本)
2, 安装 Git 和配置好 Git 环境
Git 安装
二, Hexo 安装
1, 在自己认为合适的地方创建文件夹, 并进入
2, 安装 Hexo, 输入
NPM install hexo -g
, 并检查是否安装成功 hexo -v
3, 初始化文件, 输入 hexo init
4, 安装所需组件, 输入 NPM install
5, 生成静态文件, 输入 hexo g 或者 hexo generate
6, 启动本地服务, 输入 hexo s 或者 hexo server
若页面一直无法跳转, 那么可能端口被占用了. 此时我们 ctrl+c 停止服务器, 接着输入 hexo server -p 端口号来改变端口号, 例如 hexo server -p 5000
7, 若能看见如下图就成功啦
三, 创建 GitHub 仓库
1, 创建项目
注意: 项目必须要遵守格式: 账户名. GitHub.io
2, 查看项目
在新建项目的 setting 设置中, 可以看到 GitHub Pages 板块, 如下图说明创建成功, 点击 https:// 账户名. GitHub.io / 可以看到自己的博客
四, 关联博客
1, 设置 Git 的 user name 和 email
如果是第一次使用 Git 需要在 Git Base Here 中分别输入 Git config --global user.name "用户名" 及 Git config --global user.name "邮箱"
2, 创建 SSH Key
在用户主目录下, 看看有没有. SSH 目录, 如果有, 再看看这个目录下有没有 id_rsa 和 id_rsa.pub 这两个文件, 如果已经有了, 可直接跳到下一步.
也可以输入 cd ~/.SSH 检查是否有. SSH 文件夹, 输入 ls, 列出该文件下的内容. 下图说明存在
如果没有, 打开 Git Bash, 创建 SSH Key:
SSH-keygen -t rsa -C "youremail@example.com"
你需要把邮件地址换成你自己的邮件地址, 然后一路回车, 使用默认值即可, 由于这个 Key 也不是用于军事目的, 所以也无需设置密码.
如果一切顺利的话, 可以在用户主目录里找到. SSH 目录, 里面有 id_rsa 和 id_rsa.pub 两个文件, 这两个就是 SSH Key 的秘钥对, id_rsa 是私钥, 不能泄露出去, id_rsa.pub 是公钥, 可以放心地告诉任何人.
3, 添加 SSH Key
(1). 登陆 GitHub, 打开 "settings","SSH and GPG Keys" 页面 (2). 填上任意 Title, 在 Key 文本框里粘贴 id_rsa.pub 文件的内容 (3). 点 "Add Key", 你就应该看到已经添加的 Key (4). 输入 SSH -T Git@GitHub.com, 测试添加 SSH 是否成功. 如果看到 Hi 后面是你的用户名, 就说明成功了
4, 配置 Deployment
在博客的根目录文件夹中, 找到_config.YAML 文件
- deploy:
- type: Git
- repository: Git@GitHub.com:Sandop/Sandop.GitHub.io.Git
- branch: master
注意: 1. 每个冒号之后必须有空格; 2.repository 中的用户名更改为自己的用户名
5, 安装扩展
在生成以及部署文章之前, 需要安装一个扩展 NPM install hexo-deployer-Git --save
6, 生成部署
输入命令 hexo g 及 hexo d
7, 部署成功
部署成功后访问你的地址: http:// 用户名. GitHub.io. 那么将看到自己的博客
五, 设置主题
在 Hexo 中有两份主要的配置文件, 其名称都是 _config.YAML. 其中, 一份位于站点根目录下, 主要包含 Hexo 本身的配置; 另一份位于主题目录下, 这份配置由主题作者提供, 主要用于配置主题相关的选项.
为了描述方便, 在以下说明中, 将前者称为 站点配置文件, 后者称为 主题配置文件.
PS: 需要特别注意的地方是, 冒号后面必须有一个空格, 否则可能会出问题.
1, 安装 NexT 主题
在终端窗口下, 定位到 Hexo 站点目录下. 使用 Git checkout 代码:
Git clone https://github.com/iissnan/hexo-theme-next themes/next
2, 启用主题
当 克隆 / 下载 完成后, 打开 站点配置文件, 找到 theme 字段, 并将其值更改为 next.
3, 查看效果
在切换主题之后, 验证之前, 我们最好使用 hexo clean 来清除 Hexo 的缓存. 然后在本地查看效果
hexo s -g // 生成静态文件, 启动本地服务
4, 同步博客
在本地浏览没有问题之后就可以同步到博客 执行 hexo d
5, 访问我的 hexo+GitHub 博客
可以访问我的 Git 博客来查看效果: https://sandop.github.io/
来源: https://juejin.im/post/5c6badc6f265da2d8532d397