饥人谷技术博客让前端飞Web 前端开发

Hexo+GitHub 搭建个人博客(二):更改博客主题、上传源

2018-03-18  本文已影响41人  马涛涛_风

Hexo+GitHub 搭建个人博客(二):更改博客主题、上传源代码


HEXO+GitHub:pages
  • 本文简单介绍Hexo+GitHub 搭建博客。本文主要目的是对学习内容进行总结以及方便日后查阅。
  • 详细教程和原理可以参考Hexo官方中文文档
  • 本文版权归马涛涛所有。
  • 本文所引用的图片和文字版权归原作者所有,侵权删。
  • 如有错误请在下方评论区指出,欢迎积极讨论。

换博客主题

  1. https://github.com/hexojs/hexo/wiki/Themes 上面有主题合集
  2. 还可以在线预览效果,找一个喜欢的主题,进入主题的 GitHub 首页,比如https://github.com/hexojs/hexo/wiki/Themes
  3. 复制它的 SSH 地址或 HTTPS 地址,假设地址为 git@github.com:iissnan/hexo-theme-next.git
  4. cd themes
  5. git clone git@github.com:iissnan/hexo-theme-next.git
  6. cd ..
  7. start _config.yml进入_config.yml_config.yml 的第 75 行改为 theme: hexo-theme-next,保存
  8. hexo generate
  9. hexo deploy
  10. 等一分钟,然后刷新你的博客页面,你会看到一个新的外观。如果不喜欢这个主题,就回到第 1 步,重选一个主题。

上传Hexo项目源代码到GitHub

注意「你的用户名.github.io」上保存的只是你的博客,并没有保存「生成博客的程序代码」,你需要再创建一个名为blog-generator 的空仓库,用来保存 myBlog 里面的「生成博客的程序代码」

  1. 在 GitHub 创建 blog-generator 空仓库,对GitHub不熟悉的可以参考博客前面的GitHub教程。

  2. 首先cd 命令进入 myBlog 目录,然后按照截图中的命令执行即可,记住,别用 HTTPS 地址,用SSH地址。

    这样一来,你的博客发布在了「你的用户名.github.io」这个链接,而你的「生成博客的程序代码」发布在了 [blog-generator]这个仓库。所有数据万无一失,你就不会因为误删 myBlog 目录而痛哭了。

  3. 以后每次 hexo deploy 部署完一篇新的博文后,博客就会更新;然后你还要要 add / commit /push 一下「生成博客的程序代码」,以防万一。如下图

    示例

    再强调一遍,这个 [blog-generator]仓库就是用来生成博客的程序,而「你的用户名.github.io」仓库就是你的博客页面。

上一篇下一篇

猜你喜欢

热点阅读