LOADING

加载过慢请开启缓存 浏览器默认开启

用hexo搭建博客的记录

近段时间有空,刚好把以前做了一半的博客重新装修一下。在22年我研究了如何在github上面整一个自己的博客,但由于当时太忙,还没把博客的环境完善好就跑路了。因此,我把这个blog装修计划命名为Reawake!希望能重新把博客建好,建设知识分享库。

之前用hexo框架搭了个半成品,那就继续照着框架重新配置一遍,先把配置过程记录一下,以备下次查阅用。

一、配置本地环境

配环境当然是第一步,首先应当在本地装一个git,用git --version命令可验证是否安装成功。

接下来是nodejs,用node -v命令验证是否安装成功。

将git和nodejs配置好之后,用以下命令来安装hexo。

npm install hexo -g

测试是否安装成功,命令:hexo -v

此外,还需要安装hexo相关的依赖项。

npm install --save hexo-deployer-git

img

安装好软件环境后,为了和github对接,还需要再配置一下ssh密钥

查看本地是否有配置好ssh

image-20240721011000262

若没有可以用以下命令,这里的邮件地址是github账号绑定的邮件地址。

ssh-keygen -t rsa -C "邮件地址"

生成后,拷贝复制id_rsa.pub文件里全部内容。(以ssh-rsa开头的一串)

接着打开github主页,点击个人设置,点击左侧的SSH and GPG keys,点击New SSH key :

img

将id_rsa.pub复制的内容粘贴到key中,title随便起一个就行。

添加key后,用以下命令可以测试是否成功。

ssh -T git@github.com

注意:照着打就行,不用改成自己的邮箱!

后续便是配置账号密码,实现免密登录。

git config --global user.name "username" 
git config --global user.email "email" 

将username和email替换成用户名和邮箱即可。

二、hexo基本使用

hexo的基本命令可以参考如下。

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #部署到GitHub
hexo help  # 查看帮助
hexo version  #查看Hexo的版本

这些命令可以进行简写,比如

hexo n == hexo new

hexo g == hexo generate

最开始,应该新建一个文件夹,然后用hexo init命令实现hexo博客初始化。

之后,可以用hexo g生成网页,hexo s生成本地预览。

为了和本地对接,还需要在github中新建一个xxx.github.io的仓库,编辑_config.yml,_config.yml在博客存放目录下。在最后添加以下内容。

deploy:  
  type: git  
  repository: git@github.com:username/username.github.io.git  
  branch: main

此处的username需要替换成相应的账户名。

要写一篇新的博客,可以参考以下示例。

新建一篇名为:Reawake的博客

命令:hexo new 'Reawake'

通过这个命令,会在source -> _posts下生成对应的Reawake.md文件,在md文件中编辑内容即可。

在md中,可以用来实现预览的效果,作用是在查看文章的时候,点击more的时候再加载全部的文章内容。

写完博客文章后,用hexo ghexo d即可生成网页后,将其推送到github更新了。

参考链接:

1、利用Github搭建自己的个人博客,看完就会的保姆级教程

https://cloud.tencent.com/developer/article/2280881

2、Hexo博客彻底删除文章教程

https://cloud.tencent.com/developer/article/2140491

3、hexo官方配置文档

https://hexo.io/docs/configuration.html

4、Hexo添加分类和标签

https://blog.csdn.net/cflsup/article/details/123452683

5、hexo主题-ParticleX

https://github.com/theme-particlex/hexo-theme-particlex