开始:搭建hexo个人博客

发表于 | 分类于 | | 次阅读

从github开始

1.前面

为了更好的学习 之前在github上注册一个账号，管理代码。大概上个月尝试用VirtualBox搭建一个虚拟服务器，然后连接到本地主机，做个web服务器随便玩玩。结果看了很多的教程，花了大概一周时间通宵一时爽…）到内网渗透的时候懒得搞了，就暂时扔到一边了。

2.hexo博客系统搭建

因为最近做的东西有点多，想好好整理一下（并不，而且一位既是我的老师也是我的亲戚，早在寒假的时候就让我搭建个人博客，但因为懒一直拖到现在才做。关于hexo博客如果不知道可以去百度搜一下，或者看官方文档，简单的说就是一个安装在你电脑上的博客框架。

2-1GitHub注册

GitHub简单来说就是一个代码仓库，你可以将代码放到一个仓库里，随时可以取出。注册GitHub账号 必须在里面要创建(找到右上角的➕号，点New repository )一个名为yourname.github.io的仓库（或称为储存库，比如我的账号名为chenzhuo233，所以我创建仓库名为chenzhuo233.github.io，其他的不用动。

2-2环境配置

  • 安装Git、Node.js和hexo

    1
    2
    3
    4
    5
    6
    # 首先检查是否安装了git和node.js，终端输入以下命令
    node -v #是否出现版本信息，若出现说明已经安装了
    git --version #同上
    # 如果没有安装，则进行安装,都可以通过直接下载安装进行安装，下载网址：
    [git]: https://sourceforge.net/projects/git-osx-installer/
    [node.js]: https://nodejs.org/en/

  • 然后安装hexo

    1
    npm install -g hexo-cli

  • 创建一个blog文件夹，初始化建立博客框架

    1
    2
    3
    4
    5
    6
    7
    8
    # 在你家的目录下创建blog文件夹
    mkdir blog
    # 进入目录
    cd blog
    # 初始化目录
    hexo init
    # 开启本地服务 
    hexo s

    出现下面信息就可以本地访问啦，在浏览器输入4000这个网址，就可以到博客首页。

    1
    2
    3

    INFO Start processing
    INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

    然后就可以看到hexo的主页了

2-3 博客关联github

  • 首先我们要编辑图中_config.yml文件，这是博客的主要配置文件，在后面的主题配置等，我们都要频繁使用这个配置文件，这里先编辑一步，为了管理GitHub账号。

    1
    2
    3
    _config.yml       node_modules      public            themes
    db.json           package-lock.json scaffolds
    djy.md            package.json      source

  • 打开文件之后，在文档最后，输入以下代码

    1
    2
    3
    4
    deploy:
    	type: git
    	repo:https://yourname:yourkeywords@github.com/yourname/yourname.github.io.git
      branch: master

  • 然后回到blog目录执行（注意，关于heox的命令都只能写在blog目录下）

    1
    2
    3
    4
    # 产生静态网页
    hexo g
    # 部署到GitHub page上
    hexo d

    然后输入你的GitHub用户名和密码（这里建议将ssh添加到github上，具体操作请访问github设置ssh登陆

2-4 博客的基本操作

这篇文章有比较全的hexo常用操作命令 我就不在这里细说～

这里推荐一个比较好用且免费写md的软件：Typora（不是广告！！！）

Typora下载地址官网

3.踩坑

  • 第一个遇到的问题就是安装配置环境等一切都没有问题，但在浏览器访问myname.github.io时，访问出github pages不被建立的页面，这时要去到你的github中点进yourname.github.io的仓库中，添加一个内容就行，一般是添加README.md，当然看个人喜好

  • 第二个是我可以访问我的name.github.io，但显示的只有我在github上添加的README.md的内容，但在_config.yml文件中的robe也是正确的，输入hexo d后出现ERROR Deployer not found: git后来查了一下需要在blog目录下npm install --save hexo-deployer-git

  • 然后就遇到第三个坑：文件上传错误，出现以下类似的代码：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    *** Please tell me who you are.

    Run

      git config --global user.email "you@example.com"
      git config --global user.name "Your Name"

    to set your account's default identity.
    Omit --global to set the identity only in this repository.

    fatal: unable to auto-detect email address (got 'xxxxx@DESKTOP-I33C9K5.(none)')
    error: src refspec HEAD does not match any.
    error: failed to push some refs to 'git@github.com:yourname/yourname.github.io.git'
    FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/docs/xxxx.html
    Error: error: src refspec HEAD does not match any.
    error: failed to push some refs to 'git@github.com:yourname/yourname.github.io

    这是让我们输入用户名和邮箱，按照他的提示来就好：

    git config -global user.email "youremail@xxxx.com"

    git config -global user.name "yourname"

    参考文章：

    https://blog.csdn.net/yichensheng/article/details/78983252

4.主题等外观设置

关于hexo的主题在官网中下载，关于其他主题功能部署在最后的链接文章中都有详细的教程，在此不做过多说明

5.最后

搭建博客花了不到半天时间，也爬了不少坑，拖延症是真的可怕，最后附上我参考过的文章和我的博客

陈某人的博客

参考文章

hexo d报错问题：https://blog.csdn.net/Greenovia/article/details/60576985

全套教程+主题设置：https://www.jianshu.com/p/77db3862595c

0%