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. 2017 ACM/ICPC 沈阳 F题 Heron and his triangle

    A triangle is a Heron’s triangle if it satisfies that the side lengths of it are consecutive integer ...

  2. Round-number

    Description Most of the time when rounding a given number, it is customary to round to some multiple ...

  3. POJ2528---Mayor's posters

    The citizens of Bytetown, AB, could not stand that the candidates in the mayoral election campaign h ...

  4. WebAPI接口的自动化测试2

    接口认证: 服务器的接口需要通过一个验证机制,这个验证机制可以是session或token 以session为例. session存储与服务器,通常用户登录后,服务器会把配套的sessionid发送给 ...

  5. VIP 视频开发板 上位机 测试软件 下载地址,玩转各自分辨率(V201抢先版)

    本上位机最高测试帧率 133fps 目前支持分辨率:更多分辨率支持,敬请期待或给我留言VGA:640*4801.3M:1280*10242M:1600*1200786p:1024*768 格式兼容:1 ...

  6. leetcode -- 寻找两个有序数组的中位数

    题目: 给定两个大小为 m 和 n 的有序数组 nums1 和 nums2. 请你找出这两个有序数组的中位数,并且要求算法的时间复杂度为 O(log(m + n)). 你可以假设 nums1 和 nu ...

  7. 【React】345- React v16.9 新特性[译]

    今天我们发布了 React 16.9.它包含了一些新特性.bug修复以及新的弃用警告,以便与筹备接下来的主要版本. 一.新弃用 重命名 Unsafe 生命周期方法 一年前,我们宣布 unsafe 生命 ...

  8. Selnium IDE插件的安装与简单使用

    一.Firefox在线安装IDE插件 1.启动Firefox,点击菜单工具->附加组件,如图: 2.在附件管理页面,手动输入Selenium IDE,搜索 3.在搜索结果中点击Selenium ...

  9. 【Java Web开发学习】Spring加载外部properties配置文件

    [Java Web开发学习]Spring加载外部properties配置文件 转载:https://www.cnblogs.com/yangchongxing/p/9136505.html 1.声明属 ...

  10. 测试开源.net 混淆器ConfuserEx

    由于公司业务需要简单的把代码加密混淆,于是了解了一下相关的工具然后打算用ConfuserEx试试. 开源地址:https://github.com/yck1509/ConfuserEx/ 下载地址:h ...