美文网首页前端进阶之路饥人谷技术博客
使用Hexo和GitHub可以轻松搞出一个好看的博客

使用Hexo和GitHub可以轻松搞出一个好看的博客

作者: xyyojl | 来源:发表于2018-10-21 20:26 被阅读0次

    搭建博客的操作具体步骤

    1. cd ~/Desktop终端进入Desktop目录

    2. 在 GitHub 上新建一个空 repo,repo 名称是「你的用户名.github.io」(注意用户名是你的GitHub用户名,不是你的电脑用户名)

    3. 运行npm install -g hexo-cli安装 Hexo

    4. hexo init myBlog

    5. cd myBlog

    6. npm i

    7. hexo new 开博大吉,你会看到一个 md 文件的路径,Windows 的路径中的 \ 需要变成 / 才行哦

    8. start xxxxxxxxxxxxxxxxxxx.md,编辑这个 md 文件(windows下面使用start,Mac下使用open)

    9. vi _config.yml,把 title 改成想要的名字,把author 改成你的名字,把最后一行 type 改成 type: git(git前有空格),在最后一行后新增一行,左边与 type 平齐,加上 repo: 仓库SSH地址(地址前有空格)

    10. npm install hexo-deployer-git --save安装 git 部署插件

    11. hexo deploy

    12. 进入对应的 repo,点setting,将GitHub Pages 功能中的source改成master branch,点save,复制预览链接

    13. 用浏览器访问「预览链接/index.html」就应该看到了你的博客!(GitHub Pages 存在延迟,如果没看到,过三分钟再刷新看看)

    新建一篇博客

    1. hexo new 博客文件名博客文件名需要改成你想要的那个
    2. 复制显示的路径,使用 start 路径 来编辑它,Windows 的路径中的 \ 需要变成 / 才行哦
    3. hexo generate
    4. hexo deploy
    5. 去看你的博客,应该能看到第二篇博客了

    删除博客文章

    先在本地删除,然后进入博客目录依次

    1. hexo generate
    2. ``hexo deploy`

    更换主题

    1. https://github.com/hexojs/hexo/wiki/Themes 上面有主题合集
    2. 随便找一个主题,进入主题的 GitHub 首页,比如我找的是 https://github.com/iissnan/hexo-theme-next
    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. 将 _config.yml 的第 75 行改为 theme: hexo-theme-next,保存
    8. hexo generate
    9. hexo deploy
    10. 等一分钟,然后刷新你的博客页面,你会看到一个新的外观。如果不喜欢这个主题,就回到第 1 步,重选一个主题。

    第一次建立博客后创建源代码仓库

    1.创建名叫 blog-generator 的空仓库
    2.按图中在终端进入你的博客目录中执行!用SSH地址!

    hexo.png

    3.以后每次 hexo deploy 完之后,博客就会更新;然后你还要要 add / commit /push 一下,以防万一。这个 blog-generator 就是用来生成博客的程序,而「你的用户名.github.io」仓库就是你的博客页面。

    如果你使用的是 Windows 系统,Hexo 很容易安装不成功,请google解决问题,或弃用windows

    相关文章

      网友评论

        本文标题:使用Hexo和GitHub可以轻松搞出一个好看的博客

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