美文网首页饥人谷技术博客
使用Hexo和GitHub创建博客

使用Hexo和GitHub创建博客

作者: 饥人谷_莔 | 来源:发表于2018-11-07 12:35 被阅读1次

    前言

    你需要准备:

    GitHub账号,git,node.js,npm
    注:本此搭建是在Windows10下完成。

    搭建GitHub博客

    搭建github仓库

    登陆你的GitHub,新建一个repository,名字使用: 你的用户名.github.io 。也就是说,如果你github的名字是 hello ,那么你新建的仓库名为:hello.github.io 。必须这样做,别的仓库名无效。将来你的博客访问地址就是:http://hello.github.io

    安装hexo

    Hexo是一个简单、快速、强大的基于 Github Pages 的博客发布工具,支持Markdown格式,有众多优秀插件和主题。

    官网: http://hexo.io
    github: https://github.com/hexojs/hexo

    此次使用git bash 来完成安装

    1.npm install -g hexo-cli

    安装完成后要新建一个hexo的文件夹,作为存放代码的地方,我就直接放在桌面了

    2.hexo init ~/Desktop/myBlog

    3.npm i

    4.hexo new myifrstblog

    生成我们的第一篇博客,这里会生成一个路径,指向博客md文件。

    5.start md文件路径 ,开始编辑博客内容。这里我使用Typora的软件。

    6.start _config.yml 这个文件用来编辑网站的配置

    把第 6 行的 title 改成你想要的名字
    把第 9 行的 author 改成你的名字
    把最后一行的 type 改成 type: git
    在最后一行后面新增一行,左边与 type 平齐,加上一行 repo: 仓库地址 (请将仓库地址改为「你的用户名.github.io」对应的仓库地址,仓库地址以 git@github.com: 开头

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

    8.hexo generate 生成静态文件,该命令可简写成 hexo g

    9.hexo server 启动服务器。本地预览你的博客默认情况下,访问网址为: http://localhost:4000/

    10.hexo deploy 提交到GitHub。该命令可简写成 hexo d

    进入「你的用户名.github.io」对应的 repo,打开 GitHub Pages 功能,如果已经打开了,你应该会看到一个预览链接

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

    换主题

    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 步,重选一个主题。

    上传源代码

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

    1. 在 GitHub 创建 blog-generator 空仓库

      echo "# -blog-generator" >> README.md
      git init
      git add README.md
      git commit -m "first commit"
      git remote add origin git@github.com:你的名字.gitgit add .
      git commit -m '提交到仓库,这是一个注释信息,填写你认为值得写的注释,比如:提交了***'
      git push -u origin master

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

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

    4. 这个 blog-generator 就是用来生成博客的程序,而「你的用户名.github.io」仓库就是你的博客页面。

    相关文章

      网友评论

        本文标题:使用Hexo和GitHub创建博客

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