hexo+github 搭建个人博客,零基础小白自建博客,就是玩儿!
安装搭建博客需要的工具
工具下载安装
Node.js(
好像需要魔法)Hexo
由于用到npm命令,所以需要先安装Node.js
win+r 进入命令行输入以下命令
1
npm install hexo-cli -g//-g前有一个空格
检验是否安装成功
- win+r进入命令行
- 依次输入:
node -v后回车,npm -v后回车,git --version后回车,hexo -v后回车。(-之前都有一个空格) - 若三次回车后均显示版本号则安装成功
搭建仓库
github注册账号:
(记住用户名和邮箱,以后你的博客网址应该是:用户名.github.io)
新建仓库:
- 点击右上角头像旁边的+号,选择new repository
- Repository name 填写为:用户名.github.io
- Add a README file 可以勾上也可以不管,Description可写可不写。
- 其他不用管,点击Create repository即可创建成功。
生成SSH keys
进入电脑中任何一个盘的随便一个文件夹,在空白处右键选择Git Bash Here。
输入ssh后回车检查是否安装ssh,安装git工具时已经安装过了。
输入如下命令:
1
ssh-keygen -t rsa -C"GitHub注册的邮件地址"//后两个-前有一个空格,git 里面粘贴不是Ctrl+v,右键选择paste可以粘贴
然后敲击四次回车
在c盘/用户/用户名/.ssh路径下找到id_ras.pub文件打开,全选里面内容并复制。
打开github,点击头像选择settings,在左侧选择SSH and GPG keys ,再到右侧选择New ssh key,将复制的内容粘贴到Key里,Title随便写,然后点击Add SSH key。
测试ssh是否绑定成功:在git窗口中输入:
ssh -T git@github.com后回车显示:Hi 用户名,you’ve successfully ………..即是成功,可能会有warning,不用管。
本地生产博客内容
- 在合适的地方新建一个文件夹用来存放博客的相关文件,这里我取名为blog
- 打开进入这个文件夹,git bush here进入git命令行
- 输入hexo init初始化博客,失败多试几次就阔以了,服务器在歪果,网络原因。
- hexo g 生成页面。
- hexo s 启动服务,此时在浏览器中输入localhost:4000即可在本地访问自己的博客。(不要按ctrl+c,这样就关闭服务了)
发布博客到互联网
在blog目录下找到_config.yml文件打开,将最后的deploy:type替换成
1
2
3
4deploy:
type: git
repository:
branch: main//注意冒号均为英文,且冒号后均有一个空格repository: 后面的内容:找到并进入自己所创建的那个仓库,点击Code(绿色的那个),将https下的那一串复制过来就行了。
保存这个文件。
进入blog文件夹git bush here输入
1
npm install hexo-deployer-git --save回车
hexo g回车
hexo d(第一次需要验证,以前好像需要令牌,现在似乎不需要了,但会跳到浏览器让你登录GitHub以验证账户),失败了多试几次,网络原因。
然后就可以输入网址访问了。
新建博客
- 在blog文件夹下git bush here,输入hexo new xxx(xxx表示博客名称)。
- 进入blog\source_posts找到刚刚创建的文件,打开即可编辑(markdown格式)。
- 编辑完成后保存,在git中输入hexo s即可通过localhost:4000在本地预览。
- 预览没毛病后在git中输入hexo g 创建页面,之后输入hexo d 部署页面(此时不需要验证,但网络问题可能要多试几次),这样再通过网址访问就可以显示新写的博客了。