美文网首页饥人谷技术博客让前端飞Web 前端开发
Hexo+GitHub 搭建个人博客(二):更改博客主题、上传源

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

作者: 马涛涛_风 | 来源:发表于2018-03-18 14:38 被阅读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」仓库就是你的博客页面。

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/dlvrqftx.html