GitHub Pages搭建个人博客
程序员文章站
2022-03-07 11:50:24
...
GitHub Pages搭建自己的博客网站
今天学习了慕课网的GitHub课程。在这以前,我一直以为GitHub只是单纯的代码开源学习交流的网站。学习了课程之后我才知道,GitHub还可以直接发布属于自己的小主页。
无需租用服务器,无需注册域名
当然啦,GitHub Pages不支持像WordPress这样的php博客,只支持静态页面也就是html页面。
这里呢,我用到了hexo静态博客,写文章用的是MarkDown,之后会生成相应的html页面,支持更换主题等等
安装Git
安装很简单,一路next下一步
安装NodeJS
Hexo静态博客是基于NodeJS环境的,通过npm下载安装
下载msi版本,双击打开,一路next下一步
安装好后,打开cmd或者gitbash
安装hexo
通过cmd命令行,最新的安装方式可以进入hexo官网查看
npm install hexo-cli -g
安装过程中出现 WARN,可以清空缓存重新下载安装
安装好后
hexo -v
部署
初始化
hexo init
目录解析
- node_modules:是依赖包
- public:存放的是生成的页面
- scaffolds:命令生成文章等的模板
- source:用命令创建的各种文章
- themes:主题
- _config.yml:整个博客的配置
- db.json:source解析所得到的
- package.json:项目所需模块项目的配置信息
安装依赖
npm install
安装拓展
hexo部署到github上时需要一个拓展
npm install hexo-deployer-git --save
启动博客
hexo s启动博客服务,出现如图所示的文字说明启动成功。打开浏览器访问localhost:4000
上传到GitHub
注册登录github.com,最新的规定和方法可以查看Github Pages
创建仓库
配置SSH
配置信息
回到gitbash中,配置github账户信息(Your Name和Your Email都替换为正确的GitHub信息)-
创建SSH
- 输入cd ~/.ssh
- 输入ssh-****** -t rsa -C “aaa@qq.com”生成ssh。连续按三次Enter
- 输入ls查看是否存在id_rsa和id_rsa.pub文件
- 输入cd ~/.ssh
3. 添加**到SSH-agent
eval “$(ssh-agent -s)”
ssh-add ~./ssh/id_rsa
如果提示,表示成功
4. 配置ssh到github
回到github页面,右上角点击
测试
ssh -T aaa@qq.com-
部署到github
在此之前呢,需要自行配置一下_config.yml文件,具体可以查看配置
找到deploy,repo为仓库地址。指令 功能 hexo g 生成 hexo d 部署 hexo d -g 在部署前生成
写博客
hexo写博客使用的MarkDown,在这里可以使用一些IDE工具(MarkDown插件)写,而且可以边写边查看
新建一篇博客
hexo new post "article title"
这时候会在电脑的目录下\source\_posts生成一个article title.md文件
使用MarkDown编辑,编辑好后使用
hexo d -g 就可以发布到github上了,通过 aaa@qq.com访问
上一篇: 怎么将个人简历部署在github上?