逝雪蓝冰

Hexo+GitHub详细教程,亲测有效
暂无文字描述
扫描右侧二维码阅读全文
30
2018/09

Hexo+GitHub详细教程,亲测有效

我的另外一个域名 https://www.wanjunhua.top 已更换了博客框架,由原来的 simple 系统改成了 Hexo + GitHub 框架构成,是根据知乎专栏文章 如何搭建一个博客系统 一步一步完成的。
以下是我的尝试步骤,亲测有效。

  1. 进入一个安全目录,比如 cd ~/Desktop 或者 cd ~/Documents,别在根目录 / 瞎搞。以后所有的教程第一步都是「进入一个安全的目录,别在根目录瞎搞」,只有 ~ 里面的目录是你能碰的!我是在 ~ 目录里 mkdir 新建了一个 hexo 目录;
  2. 在 GitHub 上新建一个空 repo,repo 名称是「你的用户名.github.io」(请将你的用户名替换成真正的用户名)我的是:wanjunhua.github.io;
  3. npm install -g hexo-cli 安装 Hexo,帮助文档https://hexo.io/zh-cn/docs/
  4. hexo init myBlog
  5. cd myBlog
  6. npm i
  7. hexo new 开博大吉 如果博客标题含有空格的话,记得加双引号包裹住标题;你会看到一个 md 文件的路径。

配置第一篇博客

  1. vim ~/hexo/myBlog/source/_posts/开博大吉.md 请使用上文得到的 md 文件路径,编辑这个 md 文件,内容自己随意写;
  2. vim _config.yml 编辑网站配置:

    • 把第 6 行的 title 改成你想要的名字;
    • 把第 9 行的 author 改成你的大名;
    • 把最后一行的 type 改成 type: git 注意有个空格;
    • 在最后一行后面新增一行,左边与 type 平齐,加上一行 repo: 仓库地址 (请将仓库地址改为如下形式:https://github.com/wanjunhua/wanjunhua.github.io.git)在 Clone or download 里面直接复制粘贴即可;
    • 注意 repo: 后面有个空格。
  3. npm install hexo-deployer-git --save 安装 git 部署插件,这步卡了一下,多试一试就好了;
  4. hexo deploy 第一次使用这个命令部署网站到 GitHub 会提示让你输入 GitHub 用户名、邮箱、密码之类的,按提示输入;
  5. 进入「你的用户名.github.io」对应的 repo,打开 GitHub Pages 功能,如果已经打开了,就直接点击预览链接;
  6. 你现在应该看到了你的博客!
    以上是原作者的大致步骤,下面步骤适用于绑定自己的域名:
  7. wanjunhua.github.io 项目中新建一个 CNAME文件,里面保存自己的域名,我写的是 www.wanjunhua.top 当然提前要在域名服务商那里设置好;
  8. 访问 http://www.wanjunhua.top 时提示 GitHub 错误页面提示,改为 https://www.wanjunhua.top 可正常访问,hexo 确实给力,把 SSL 证书都直接搞定了;
  9. 我知道在 GitHub 上直接新建 CNAME 肯定无用,hexo deploy 一下就全刷新重建了,应该在 Hexo 本地设置好,进入你的 hexo 本地目录,cd source vim CNAME 创建CNAME文件并编辑如:www.wanjunhua.top :wq 保存并退出;
  10. hexo generate 可以理解为编译静态网站;
  11. hexo deploy 上传到 GitHub。

第二篇博客

  1. hexo new 第二篇博客 创建 第二篇博客.md 文件;
  2. 复制显示的路径,使用 vim 路径 来编辑它;
  3. hexo generate
  4. hexo deploy
  5. 去看你的博客,应该能看到第二篇博客了。

换主题

  1. https://github.com/hexojs/hexo/wiki/Themes 这里有主题合集;
  2. 随便找一个主题,进入主题的 GitHub 首页,例如:https://github.com/iissnan/hexo-theme-next
  3. 复制它的 SSH 地址或 HTTPS 地址;
  4. cd themes;
  5. git clone https://github.com/iissnan/hexo-theme-next.git
  6. cd ..;
  7. 将 _config.yml 的第 75 行改为 theme: hexo-theme-next,保存;
  8. hexo generatehexo g
  9. hexo deployhexo d
  10. 等一分钟,然后刷新你的博客页面,你会看到一个新的外观。如果不喜欢这个主题,就回到第 1 步,重选一个主题。

标签: Hexo, GitHub

Last modification:April 8th, 2019 at 07:36 pm

Leave a Comment