近段时间有空,刚好把以前做了一半的博客重新装修一下。在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
安装好软件环境后,为了和github对接,还需要再配置一下ssh密钥。
查看本地是否有配置好ssh
若没有可以用以下命令,这里的邮件地址是github账号绑定的邮件地址。
ssh-keygen -t rsa -C "邮件地址"
生成后,拷贝复制id_rsa.pub文件里全部内容。(以ssh-rsa开头的一串)
接着打开github主页,点击个人设置,点击左侧的SSH and GPG keys,点击New SSH key :
将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 g
和hexo 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