date: 2019-07-25

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

前言

本篇博客几乎没有除步骤以外的任何过程,如果想了解的请移步至文章开头的链接

注:本文章只针对Windows讲述

安装Node.js

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

Node.js官网

安装Git

这个我相信大家都可能有了。点进链接就自动开始下载。

Git官网

如果有Add-to-path或者跟path有关选项的一定要勾选!

安装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那里借来的图(之后的图也大部分是借来的):

制作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等。

结束了

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

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

GithubPages+Hexo博客搭建记录的更多相关文章

  1. Hexo博客搭建以及Next主题美化的经验之谈

    这并不是一篇博客搭建教程.内容主要包含个人对于Hexo博客搭建的心得,Next6.0主题美化的部分建议,以及摘录一些各种用于博客搭建的link. 在博客园3年6个月,确实也学到了很多,博客园也是目前为 ...

  2. [原创]HEXO博客搭建日记

    博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好 ...

  3. Hexo博客搭建全解

    [原创,转载请附网址:http://dongshuyan.top] 欢迎来到莫与的博客,第一篇记录了一下怎么写一篇博客,以方便之后写博客~ #从配置说起下载安装Git与Node.js略过 1.安装he ...

  4. U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索

    指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索   U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写he ...

  5. w10环境下Hexo博客搭建

    w10使用hexo+github手把手搭建自己的第一个博客 对一个程序员来说,博客的重要性不言而喻,不但可以积累知识,还可以更好的给别人分享自己的心得.今天就以时下比较流行的hexo博客搭建属于自己的 ...

  6. 【hexo博客搭建】将搭建好的hexo博客部署到阿里云服务器上面(下)

    一.部署到阿里云服务器 既然博客也已经成功在本地部署,然后主题也成功安装,接下来就可以部署到服务器上面了,如果你也想要魔改matery主题,可以去各种博客上面找一找大佬的教程,或者联系我,也可以让你少 ...

  7. 强大博客搭建全过程(1)-hexo博客搭建保姆级教程

    1. 前言 本人本来使用国内的开源项目solo搭建了博客,但感觉1核CPU2G内存的服务器,还是稍微有点重,包括服务器内还搭建了数据库.如果自己开发然后搭建,耗费时间又比较多,于是乎开始寻找轻量型的博 ...

  8. 迈出第一步,Hexo博客搭建

    很早之前看到别人的博客就总想着自己之后也要搭一个,最近突然来了干劲,就开始搭起了博客.不过搭博客还真是一个累活,失败了不下十次,用了好几天的时间,感觉自己在浪费时间,但是看到现在博客终于能用了,非常开 ...

  9. 【hexo博客搭建】本地搭建hexo博客(上)

    前言 本篇文章会从本地(Windows 10)搭建-主题更换-部署阿里云详细步骤,如果在搭建过程中,遇到问题,可以通过博客页脚下的QQ联系我,或者在下面评论留言 一.本地搭建 1.安装前置 1.1安装 ...

随机推荐

  1. 2018HDU多校训练一 D Distinct Values

    hiaki has an array of nn positive integers. You are told some facts about the array: for every two e ...

  2. CSU oj 2092-Space Golf

    You surely have never heard of this new planet surface exploration scheme, as it is being carried ou ...

  3. JPEG文件编/解码详解

    JPEG文件编/解码详解(1) JPEG(Joint Photographic Experts Group)是联合图像专家小组的英文缩写.它由国际电话与电报咨询委员会CCITT(The Interna ...

  4. Python3 并发编程2

    目录 进程互斥锁 基本概念 互斥锁的使用 IPC 基本概念 队列 生产者消费者模型 基本概念 代码实现 线程 基本概念 创建线程 线程互斥锁 进程互斥锁 基本概念 临界资源: 一次仅允许一个进程使用的 ...

  5. 【CuteJavaScript】Angular6入门项目(4.改造组件和添加HTTP服务)

    本文目录 一.项目起步 二.编写路由组件 三.编写页面组件 1.编写单一组件 2.模拟数据 3.编写主从组件 四.编写服务 1.为什么需要服务 2.编写服务 五.引入RxJS 1.关于RxJS 2.引 ...

  6. Win32_DiskDrive 硬盘 参数说明

    Availability  --设备的状态. BytesPerSector  --在每个扇区的物理磁盘驱动器的字节数. Capabilities  --媒体访问设备的能力阵列. CapabilityD ...

  7. JDBC导致的反序列化攻击

    背景 上周BlackHat Europe 2019的议题<New Exploit Technique In Java Deserialization Attack>中提到了一个通过注入JD ...

  8. Linux-部署-Django

    Linux-部署-Django-项目过程与问题总结 优才网 2017-04-12 18:00   本篇主要用于记录部署 Django 项目所有踩过的坑. 最近学习 Django 框架开发,将项目部署到 ...

  9. Spring AOP应用场景你还不知道?这篇一定要看!

    回顾一下Spring AOP的知识 为什么会有面向切面编程(AOP)? 我们知道Java是一个面向对象(OOP)的语言,但它有一些弊端,比如当我们需要为多个不具有继承关系的对象引入一个公共行为,例如日 ...

  10. eps-07s,编译及其烧写

    项目导入 清理并编译 会出现两个bin文件,然后烧写 修改红框中的东西,然后返回操作界面,进行一键烧写 硬件接线图 设备调试