Fork me on GitHub

我的博客搭建之路(https://spacesec.github.io)

前期准备工作

  1. 本地安装git
  2. 本地安装node.js
  3. GitHub上创建一个名为(你的github名)spacesec.github.io的Respositories
    因为前期准备工作比较简单,所以这里就不详说了

本地安装hexo及其相关服务

  1. 创建一个名为blog的空文件夹
  2. 在blog文件夹中建立一个名为hexo的空文件夹
  3. 用node.js的命令行进入blog文件夹所在的目录下,执行以下两条命令,出现跟如图所以说明你已经安装成功了hexo-cli和hexo-deployer-git

    1
    2
    npm install hexo-cli -g
    npm install hexo-deployer-git --save

    安装相关服务

本地测试效果并将其应用到https://spacesec.github.io上

  1. git进入hexo所在的文件夹路径下,初始化hexo

    1
    hexo init

    初始化hexo

  2. 执行以下两条命令开启本地服务器查看博客效果

    1
    2
    hexo generate
    hexo server

    执行两条命令

  3. 在浏览器中输入 http://localhost:4000查看效果
    效果

  4. 执行以下两条命令将该效果应用到https://spacesec.github.io上

    1
    hexo generate    //其实也可用hexo g命令,效果是一样的,只不过是用到了简称

    执行命令hexo generate

    1
    hexo deploy     //其实也可用hexo d命令,效果是一样的,只不过是用到了简称

    执行hexo deploy命令
    当看到INFO Deploy done: git时说明已经上传成功了

  5. 这时候只需要稍等片刻,再刷新以下https://spacesec.github.io 即可发现主题已经被应用

如何更改https://spacesec.github.io 的主题设置

  1. 我们成功安装了hexo发现主题是非常丑的,这时候很多同学就想能不能自定义以下博客?答案是可以.这里推荐使用
    next

  2. 安装next之后进入本地端的 D:\Github\Blog\hexo_config.yml配置文件中,然后找到deploy:
    然后修改并添加信息如下:
    修改后的信息如下

  3. 在执行以下两条命令更改主题

    1
    hexo generate    //其实也可用hexo g命令,效果是一样的,只不过是用到了简称

    执行命令hexo generate

    1
    hexo deploy     //其实也可用hexo d命令,效果是一样的,只不过是用到了简称

    执行hexo deploy命令
    当看到INFO Deploy done: git时说明已经上传成功了

    1. 这时候只需要稍等片刻,再刷新以下https://spacesec.github.io 即可发现更改了主题

如何上传文章到博客

  1. 首先我们要用git进入blog所在的目录下使用以下命令将远程仓的代码克隆到本地

  2. 文章一般放在 D:\Github\Blog\hexo\source_posts该目录下,所以我们只要将写好的
    .md文件放到hexo\source_posts文件夹下面即可。
    文章存放的地方

  3. 上传文件至博客,执行以下两条命令

    1
    hexo generate    //其实也可用hexo g命令,效果是一样的,只不过是用到了简称

    执行命令hexo generate

    1
    hexo deploy     //其实也可用hexo d命令,效果是一样的,只不过是用到了简称

    执行hexo deploy命令
    当看到INFO Deploy done: git时说明已经上传成功了

  4. 这时候只需要稍等片刻,再刷新以下https://spacesec.github.io即可发现我们已经成功上传文章

后期遇到问题可以联系我 E-mail: cyber-security@qq.com

-------------本文结束感谢您的阅读-------------