自搭hexo博客

2019-10-25

自搭hexo博客教程

hexo是一个可以轻量方便依托于githubpage的博客,原本我是自搭博客,从前端到后台全包干,但是这样不仅自己设计上面存在问题需要不断,修改越改心越累,也没办法把全部精力留在博客质量上,所以我还是选择了hexo,还省了一个服务器,美滋滋= =

以下教程的操作系统是window,linux请寻找其他相应教程或等待后续教程

准备工作

  1. 注册一个github账号

  2. 操作系统安装node.js。这个可以搜索官网免费下载安装后用

    1
    2
    node -v
    npm -v

    检查是否安装成功

  3. 安装git,同样是搜索官网下载安装好后,用

    1
    git --version

    检查一下环境

  4. 下载3.x以后版本的hexo

    先创建一个文件夹用于保存hexo,然后右键gitbash,输入

    1
    2
    3
    4
    5
    npm install hexo-cli -g                //等待进度条读完后就下载完成了
    hexo init myblog //初始化一个myblog,也可以是其他名字
    cd myblog //进入myblog文件夹
    hexo g //生成博客
    hexo server //生成预览 默认localhost:4000可以浏览

创建仓库

新建一个仓库,在右上角的加号new repository,创建一个和用户名相同的仓库,后加.github.io

只有这样在部署githubpage的时候才会被识别,所以从这个角度来说一个用户只能有一个github提供的域名

生成SSH并添加到github

回到git bash中

1
2
3
4
5
git config --global user.name "yourname"        //存入你的github用户名
git config --global user.email "youremail" //存入你注册时用的邮箱
git config user.name //检查一遍你的输入
git config user.email //同上
ssh-keygen -t rsa -C "youremail" //生成SSH,在电脑里找到它,返回有提示位置

其中,我们要用的是公钥公开给github,就是哪个id_rsa.pub,复制里面的内容,在右上角用户找到setting,点击找到SSH keys新建一个把id_rsa.pub复制进去,再回到gitbash

1
ssh -T git@github.com                           //返回success就是部署成功

配置博客

打开myblog中的_config.yml配置文件,找到deploy,修改为

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

再回到gitbash

1
2
3
4
npm install hexo-deployer-git --save           //安装deploy-git用于推送到github上
hexo clean //用于清理之前生成的文件
hexo g //generate的缩写,生成博客
hexo d //deploy的缩写,部署到github

过一会儿,你就可以在http://yourname.github.io上看到你的博客了,他现在还很简单,没有内容没有主题

内容在source/_post中添加

主题可以直接找,每个主题的要求不同配置方法也不同所以基本上都有配置文档或教程

以上

ps

有点没写好,很多瑕疵

ma,算了,反正没有人看= =

有点冷啊,咸鱼落泪

: - )