Hexo + Github静态博客搭建笔记

博客建站 / 2021-02-02

前言

博客,在如今信息化的时代或许看起来有点可笑,人人都可以在各大社交平台快速地发布动态,短视频,更加方便地与朋友,同学一起互动点赞评论,但正是在如此信息化的时代,或许独立博客才是个人真正的归属

对于个人来讲,拥有自己的独立博客,像是拥有了一座自己的房子,可以在此平台下记录周围的一切,可以在此畅所欲言,可以遇到许多志同道合的朋友,研究一些新奇的玩意来充实博客

能够坚持写博客的人都是有自我想法的人

希望你能坚持看完这篇文章并坚持写下去

Hexo

Heox是一个静态博客程序,庞大的社区,开源支持,Node.js所带来的快速生成速度,对Markdown的支持等等,这些让许多想快速拥有自己的独立博客的人更加便利,只需要一个命令便可以成功部署到Github Page上

Hexo是基于Node.js的静态博客框架,用Git进行博客的更新

配置环境

安装Hexo之前,先要安装Node.js和Git:

Node.js

Git

安装Hexo

全局安装Hexo

打开Git终端:鼠标右键->git bash(前提要安装Git),输入以下代码安装Hexo

npm install -g hexo-cli

初始化Hexo

在想作为博客文件夹的位置打开Git终端(同上),输入:

hexo init hexo

进入新创建的hexo文件夹,hexo在里面已完成初始化

安装依赖

在hexo目录下打开Git终端,输入:

npm install

本地预览

现在你可以通过以下命令启动本地预览你的独立博客了

hexo s

打开浏览器输入http://localhost:4000/ 即可预览

Hexo命令

hexo clean #清除生成的博客静态文件
hexo g #生成博客静态文件 即hexo generate
hexo s #启动博客的本地预览 即hexo server
hexo d #推送博客到远程仓库 即hexo deploy
hexo new page xxx #新建名为“xxx”的页面
hexo new xxx #新建名为“xxx”的文章
hexo d -g #生成静态博客并推送到远程仓库
hexo s -g #生成静态博客并启动本地预览

现在你的博客已经安装完成了,接下来关联远程仓库

关联Github仓库

创建Github仓库

  • 在右上角人物处点击Your repositories进入仓库

  • 点击New创建新仓库

  • Repository name为username.github.io,username为你的Github用户名

  • Description是仓库描述,可随便写

  • 选择Public

  • 勾选Add a README file

  • 点击Create repository

链接Git和Github远程仓库

打开Git终端,分别输入:

git config --global user.name "username" #username为你的Github用户名
git config --global user.mail "your email address" #your email addres为你的注册邮箱
ssh keygen -t rsa -C "your email address" #生成ssh公钥,和GitHub链接

生成的公钥在C:\Users\用户名\ .ssh\目录下

  • 用记事本打开id_rsa.pub,复制里面所有内容

  • 打开Github右上角人物Settings

  • 选择SSH and GPG keys

  • 点击New SSH key

  • Title随便填,Key填刚刚复制的内容

  • 点击Add SSH key

打开Git终端输入:

ssh -T git@github.com

若出现:Hi xxx!则说明本地的Git成功连接到了Github

打开hexo目录下的_config.yml文件,修改deploy如下:(忽略coding那一行,把lsilencej都改为你的Github用户名)

安装推送Git的插件

在hexo根目录下打开Git终端,输入:

npm install hexo-deployer-git --save

推送至远程仓库

hexo clean
hexo d -g

在浏览器输入username.github.io就可以访问到你刚建的博客了(username为你的Github用户名)