GithubPages+Hexo博客搭建记录

date: 2019-07-25git

注:本篇文章大部分知识来自TRHX的博客github

前言

本篇博客几乎没有除步骤之外的任何过程,若是想了解的请移步至文章开头的连接shell

注:本文章只针对Windows讲述npm

安装Node.js

这个较为简单,我相信看这篇博客的人可能已经有了(也可能没有)。在下方连接点击安装,LTS和最新版使用没有区别,若是你有选择困难症,我建议你使用LTS版。浏览器

Node.js官网bash

安装Git

这个我相信你们均可能有了。点进连接就自动开始下载。服务器

Git官网markdown

若是有Add-to-path或者跟path有关选项的必定要勾选!hexo

安装Hexo

首先,新建文件夹,这个东西名称随便。

而后,运行:

为了解释方便,<folder>表明你建立的文件夹目录,如D:/Hexo
-g表明全局安装,--save表明只安装在此处,这里的选项仅做建议
上面的几行话不用执行
D:\> npm install hexo-cli --save
D:\> cd <folder>
D:\<folder>> hexo init
D:\<folder>> npm install
D:\<folder>> npm install hexo-git-deployer --save

查看效果

运行:

D:\> cd <folder>
D:\<folder>> hexo generate
D:\<folder>> hexo server

打开你的浏览器,在地址栏输入localhost:4000查看效果

看完记得运行^C关掉服务器,同时对Terminate batch job (Y/N)(可能出现)回答Y

创建Github Pages

模仿个人一个老师说的话(并非原文):若是把建博客比做从江苏去北京,如今已经出江苏了(大雾)。

注册Github账户

进入Github就能够点击Sign up注册了。

创建托管博客的仓库

注册好后,点击页面右上角的+号,选择New repository,以后放一张从TRHX那里借来的图(以后的图也大部分是借来的):

img

制做SSH密钥

记得让你装的Git吗,终于要用到了。打开你的Git Bash

$ ssh-keygen -t rsa -C "your email@example.com"

这里的邮箱就是你注册Github的邮箱,接下来会有:

$ Generating public/private rsa key pair.
$ Enter file in which to save the key (/c/Users/you/.ssh/id_rsa):

直接回车不用管,接下来会有:

$ Enter passphrase (empty for no passphrase):
$ Enter same passphrase again:

继续一路回车,接下来会有:

$ Your identification has been saved in /c/Users/you/.ssh/id_rsa.
$ Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub.
$ The key fingerprint is:
$ The key's randomart image is:

以后会有一张字符画,这个在你发朋友圈的时候能够用到(大雾)

而后,你能够经过:

$ clip < ~/.ssh/id_rsa.pub

来把它复制到剪贴板。

添加公钥到Github

  • 登陆Github,在右上角头像下拉框中点击Settings

  • 在左侧选择SSH and GPG keys

  • 选择右侧的一个绿色框New SSH Key

  • Title随便填,Key处就复制,此时应该是:

    • ssh-rsa
      一段乱码
      你的邮箱@邮件网站名称

测试链接

输入如下命令原文:

$ ssh -T git@github.com

以后会问你是否继续,输入yes回车。

以后显示:

<USER>是你的用户名

Hi <USER>! You've successfully authenticated, but Github does not provide shell access.

这个就是设置正确了。

把本地的博客上传到Github库里

打开本身的库的首页,点击右边的一个绿色框Clone or download,弹出的框的右上角,选择Use SSH,复制中间框里的git@github.com:XXX/XXX.github.io.git

打开你的文件夹的根部,用文本编辑器打开_config.yml

找到文末的deploy:修改成:

(<copy>是你复制的内容,同时,每一个冒号后面都有空格)

deploy:
  type: git
  repository: <copy>
  branch: master

在你建立的文件夹下执行:

D:\<folder>> hexo g
D:\<folder>> hexo d

只要不是deployer not found之类都成功,不然再次运行npm install hexo-deployer-git --save

再运行:

D:\<folder>> hexo g
D:\<folder>> hexo d

写文章

你能够开始写了,其实到了这里,写文章最重要的其实就是不咕了。不论如何,咱们继续。

运行hexo n 文章标题便可,而后以markdown模式编辑在source/_post/下生成的文件。

最后,你还须要:

D:\<folder>> hexo g
D:\<folder>> hexo d

来上传更改。

更改主题

这个,有句话说得好,美化博客是无止境的!不要停下来啊

官网能够下载主题,以后保存到themes文件夹并解压为单独文件夹,再在根目录的_config.yml文件里把theme关键字改为主题文件夹名称就行。

更多美化

你能够本身使用百度等搜索引擎本身来给博客加特技,好比鼠标点击特效、看板娘waifu等。

结束了

我终于写完了,你终于看完了,你们都好。

最后祝你,身体健康(大雾)

相关文章
相关标签/搜索