博客搭建

写在前面的废话

搭建这个博客主要是放寒假了闲的慌，看见很多同学都有了自己的博客(看起来很炫酷的样子)，所以就花了几天时间搭建了这个

本文仅供学习交流，如有错误敬请指正

参考资料

建议先看这个搭建个框架

p7p8 讲解了博客主题优化

环境配置

nodejs下载安装及配置环境 第5步时选择 Add to PATH

Windows系统Git安装教程

在cmd窗口下依次运行

1
2
3
node -v
npm -v
git --version

看到版本号就算成功

运行代码

1
npm install hexo-cli -g

然后运行

1
hexo -v

看到版本号就算成功

搭建仓库

注册github账号

在github上注册一个账号

注册github账号

搭建仓库

点击右上角头像->Your repositories->new

Repository name一定要填写 xxx(你的注册名).github.io

同时勾选public和Add a README file

完成

生成sshkey

新建文件夹(以后的文件装这里了)

在文件夹右键并选择Git Bash Here

输入(注意在这个框里面不能cv，右键选择paste或者shift+ins)

1
ssh-keygen -t rsa -C "你注册github的邮箱"

然后一直回车，如果碰到要你选yes或no就选yes

打开文件管理器，c盘里打开用户/users，点击你的用户名，就可以看到一个.ssh的文件夹

打开id_rsa.pub文件，复制里面的内容

打开github，点击头像->Settings,在左侧栏找到SSH and GPG keys

点击New SSH key，复制内容，再起个名字

测试ssh是否绑定成功

在gitbrash窗口里输入

1
ssh -T git@github.com

出现

1
//Hi 用户名! You've successfully authenticated, but GitHub does not provide shell access.

即可

如果叫你选yes或no就选yes

生成博客

本地生成

在gitbrash窗口敲入

1
hexo init

连接超时就多试几次

出现

1
start blogging with hexo

就ok

运行

1
hexo s

出现

1
// Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.

此时在浏览器浏览http://localhost:4000/，就可以看到本地静态博客啦

按ctrl+c关闭

发布到互联网

现在回到你新建的文件夹，你就可以在新建的文件夹里看到很多东西了

打开_config.yml(建议把打开方式换成vsc)

拉倒最下面

把deploy下的内容换成

1
2
3
type: git
repo: XXX
branch: main

XXX里的内容

在github里通过头像->Your repositories进入你的仓库，找到你刚才建的(xxx.github.io)点进去

点击那个绿油油的code，选择ssh，你就可以看见串字符git@github.comxxxxxxx，复制粘贴到xxx里去

按下ctrl+s保存

返回gitbrash小黑框运行

1
npm install hexo-deployer-git --save

同样，卡了就多运行几次

依次运行

1
2
hexo g
hexo d  //这条命令执行完成后就可以在仓库看到刚才的一堆文件了

现在就可以通过https://用户名.github.io/来查看博客啦

好耶

关于主题优化

可以看这篇文章

其他

我的本地文章在哪

新建文件夹里source -> _posts,里面的.md文章

怎么发布博客

新建文件

1
hexo new "文章名"

现在你可以在source -> _posts里看见并编辑文章啦

编写完成后运行(这期间你可以用 hexo s 命令查看效果)

1
2
3
hexo clean
hexo g
hexo d

就可以啦