利用hexo+github搭建个人博客

置顶 codec_c

已于 2022-03-31 21:53:31 修改

阅读量190

点赞数

分类专栏：博客搭建文章标签：其他

于 2020-09-06 00:22:39 首次发布

本文链接：https://blog.csdn.net/codec_c/article/details/108425617

版权

博客搭建专栏收录该内容

1 篇文章 0 订阅

订阅专栏

安装nodejs

hexo支持markdown语法，它是基于nodejs的静态网站生成框架，nodejs是一个基于Chrome的JavaScript运行环境，要想运行hexo首先要安装其运行环境nodejs。

nodejs的安装
nodejs win 64 下载地址
下载下来一路next即可
安装完成后，打开命令行输入 node -v 和 npm -v 显示出版本信息就是安装成功了！
为了加快访问速度，输入以下命令添加阿里镜像进行加速

npm config set registry https://registry.npm.taobao.org

安装git

git下载地址
git是一个分布式版本控制工具，安装git可以将我们的博客网页部署到服务器上。git的安装也是很简单，安装时选项全部默认，只不过最后一步选
Use Git from the Windows Command Prompt

点击finish。接着我们在命令提示符中输入git --version显示版本信息则我们的git安装成功！

github新建仓库

新建仓库时，仓库的名字后面一定要加.github.io后缀。
仓库建成了，点击Settings，下拉到最后选择GitHub Pages，点击Choose a theme选择一个主题。然后等一会儿，再回到GitHub Pages，会有一个超链接，这个链接就是我们的博客网址了。

安装hexo

在合适的地方新建一个目录来存放你的博客，然后在新建的目录下打开git的控制台窗口：
好的，我们现在就在我们刚刚新建的目录下面，接着输入npm i hexo-cli -g安装Hexo。会有几个报错，不要管它，输入 hexo -v 验证是否安装成功，出现版本信息则安装成功！
接着输入hexo init初始化我们新建的博客文件夹，接着输入npm install安装依赖。
好了，到这里我们可以来测试下hexo了，输入hexo g生成静态网页，然后输入hexo s打开本地服务器，浏览器打开http://localhost:4000/就可以看到我们的博客了。现在我们的博客还是在本地，接下来我们要利用git将其部署到远程的github服务器上，这样别人就可以访问到我们的博客了。

连接Github

打开git bash，然后输入下面命令：

git config --global user.name “你的github用户面积”
git config --global user.email “你的github注册邮箱”
输入以下命令生成密钥SSH key：

ssh-keygen -t rsa -C “你的github注册邮箱”
登录github，进入settings，再点击SSH and GPG keys，新建一个SSH。
git bash中输入：

cat ~/.ssh/id_rsa.pub

将id_ras.pub公钥里面的内容填入github新建密钥的框中，保存。
控制台，输入ssh -T git@github.com，出现你的用户名则连接github成功！
打开我们刚刚初始化的博客目录，找到_config.yml文件，配置部署的相关信息：
deploy:
type: git
repository:这里填你github博客仓库的地址
branch: master
repository修改为你自己的github项目地址。

安装部署工具

首先在博客根目录下打开git bash，输入：

npm i hexo-deployer-git

npm会帮我们安装好部署工具，以后我们就可以实现一键部署我们的博客了！

写博客部署

在博客目录下打开git bash 输入hexo new post “article title”，新建一篇文章。你会看到在当前的source_posts的目录中多了一个.md文件，这就是你新建的文章了。

接下来我们可以打开这个md文件用markdown编写博客。编写完成保存！

然后输入hexo g生成静态网页，生成的静态网页在根目录下的public文件夹中，输入hexo server 可以本地预览自己的博客，输入hexo d的话就上传到github上，刷新github，在地址栏输入自己的博客网址打开主页，我们就可以看到自己的文章了！

可能有很多人觉得这个默认的主题不好看，没关系我们可以自己选择自己喜欢的主题。我选择的主题是butterfly，简单明了，配置多样，当然好像选next的更多hhh。
这是butterfly主题的下载地址：butterfly主题github地址
最后放一波自己的博客（反正也没人看hhh）：https://zengweiwu.github.io/